/* css copyright 2010 by www.makme.de */

body {
background-color:#000000;
margin:10px;
padding:0px;
}




/* mak headerbereich */

#toplogo {
background-image:url('../img/hg_top.jpg');
background-repeat: no-repeat;
padding-left: 40px;
vertical-align:bottom;
width:100%;
height:200px;
border-top:solid 0px #000;
border-right:solid 0px #000;
border-left:solid 0px #000;
border-bottom:solid 0px #000;
}


/* Titelleiste */

#titelleiste {
background-color: transparent;
height: 30px;
letter-spacing: 10px;
color: #ff0000;
font-variant: small-caps;
padding-left: 10px;
padding-bottom: 1px;
width: 100%;
vertical-align: bottom;
border-bottom: solid 0px #ff0000;
border-top: solid 0px;
font-family: "verdana", arial, tahoma, san-serif, times new roman;
border-left: solid 1px #ff0000;
}


div {
font-size:10pt;
font-family:"verdana", arial, tahoma, san-serif, times new roman;
color:#f8f8f8;
line-height:1.5em;
margin-bottom:20px;
}


td {
font-size:10pt;
font-family:"verdana", arial, tahoma, san-serif, times new roman;
color:#8F8F8F;
line-height: 1.5em;
}


/* Titel 1 */

h1 { 
color:#45008a;
margin-bottom:16pt;
letter-spacing:2px;
font-family: "verdana", arial, tahoma, san-serif, times new roman;
font-style:normal;
line-height: 1.5em;
}


/* Titel 2 */

h2 { 
color:#ff0000;
font-size:13pt;
margin-bottom:20px;
letter-spacing:1px;
font-family:"Comic Sans MS", verdana, arial, tahoma, san-serif, times new roman;
font-style:normal;
line-height: 1.5em;
}

preis { 
color: #ff9900;
font: normal 18px tahoma, verdana, arial, sans-serif; margin-bottom:20px;
letter-spacing: 1px;
color: #636363;
text-align: justify;
}


#haupt {
height:500px;
color:#000000;
padding-left:0px;
padding-right:0px;
padding-top:0px;
font:normal 10px/15px "verdana", arial, tahoma, san-serif, times new roman; 
background-color: transparent;
}

sp1box {
display: block;
background-color: #0d0d0d;
color: #ff0000;
text-decoration: none;
text-align: justify;
width: 90%;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
font-size: 95%;
line-height: 20px;
font-family: "Comic Sans MS", verdana, arial, tahoma, san-serif, times new roman;
margin-left: 0px;
border-top: solid 1px #000;
border-bottom: solid 1px #ff0000;
font-style: normal;
}

sp1box a,
sp1box a:visited 
sp1box a:active {
display: block;
background-color: #0d0d0d;
color: #ff0000;
text-align : justify;
text-decoration: none;
width: 90%;
font-size: 95%;
line-height: 20px;
font-family: "Comic Sans MS", verdana, arial, tahoma, san-serif, times new roman;
margin-left: 0px;
border-top: solid 1px #000;
border-bottom: solid 1px #ff0000;
font-style: normal;
}

sp1box a:hover {
display: block;
background-color: #cc0000;
color: #ffffff;
text-align: justify;
text-decoration: none;
border-left: 1px solid #0C0C0C;
border-right: 1px solid #0C0C0C;
border-bottom: 1px solid #0C0C0C;
}

#spalte1 {
background-image: url('../img/hg_menue2.jpg');
background-position: bottom;
background-repeat: no-repeat;
height: 500px;
width: 18%;
color: #000000;
padding-left: 0px;
padding-right :0px;
padding-top :0px;
padding-bottom: 0px;
font:normal 10px/15px "verdana", arial, tahoma, san-serif, times new roman; 
background-color: transparent;
border-top: solid 1px #ff0000;
border-right: solid 0px #ff0000;
border-left: solid 1px #ff0000;
border-bottom: solid 0px #ff0000;
}

#spalte2 {
background-image: url('../img/hg_menue2.jpg');
height: 500px;
padding-top: 20px;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 20px;
font: normal 16px/20px "Comic Sans MS", verdana, arial, tahoma, san-serif, times new roman;
letter-spacing: 0px;
width: 700px;
background-color: transparent;
border-top: solid 1px #ff0000;
border-right: solid 1px #ff0000;
border-left: solid 1px #ff0000;
border-bottom: 0px solid #ff0000;
}

#spalte3 {
background-image: url('../img/hg_menue2.jpg');
height: 500px;
width: 18%;
color: #000000;
padding-left: 0px;
padding-right: 0px;
padding-top: 20px;
font:normal 10px/15px "Comic Sans MS", verdana, arial, tahoma, san-serif, times new roman; 
background-color: #000000;
border-top: solid 1px #ff0000;
border-right: solid 1px #ff0000;
border-left: solid 0px #ff0000;
border-bottom: solid 0px #440000;
}


/* mak top navigation */

#mak-topnav a, #mak-topnav a:visited, #mak-topnav a:active {
display:block;
color:#ff0000;
background-color:#000000;
text-decoration:none;
font-family:"verdana", arial, sans-serif;
font-size: 10pt;
padding-left:0px;
padding-bottom:0px;
padding-top:0px;
margin-left:0px;
margin-right:1px;
border-left:1px solid #ff0000;
border-right:1px solid #ff0000;
border-bottom:1px solid #ff0000;
font-style:normal;
padding-left:14px;
padding-right:14px;
margin:0px;
font-size:8pt;
line-height:20px;
text-align:center;
background-image:url('../img/button.jpg');
}


#mak-topnav a:hover {
background-color:#000;
color:#000000;
text-decoration:none ;
border-left:1px solid #0C0C0C;
border-right:1px solid #0C0C0C;
border-bottom:1px solid #0C0C0C;
background-image:url('../img/m-over2.jpg');
}





/* Navigationsmenue  */

#maknav1 a, 
#maknav1 a:visited {
display: block;
background-color: transparent;
color:#ff0000;
text-align:left;
text-decoration:none;
width:100%;
padding-left:20px;
font-size:95%;
line-height:30px;
font-family: "Comic Sans MS", verdana, arial, tahoma, san-serif, times new roman;
margin-left:0px;
background-repeat:repeat-x;
background-position:0% 0%;
border-top:solid 1px #000;
border-bottom:solid 1px #ff0000;
font-style:normal;
background-image:url('../img/button.jpg');
}

#maknav1 a:hover {
background-color:#000;
color:#ffffff;
background-repeat:repeat-x;
text-decoration:none ;
background-image:url('../img/button_over.jpg');
border-top:1px solid #ff0000;
border-bottom:1px solid #ff0000;
}


#maknav1 a:active {
background-color:#000;
color:#ffffff;
background-repeat:repeat-x;
text-decoration:none ;
background-image:url('../img/button_over.jpg');
border-top:1px solid #ff0000;
border-bottom:1px solid #ff0000;
}

/* Textlinks */

a:link, 
a:visited, 
a:active {
font: normal 16px/20px "Comic Sans MS", verdana, arial, tahoma, san-serif, times new roman;
line-height: 1.5em;
text-decoration: none;
color: #ff0000;
}

a:hover {
text-decoration: underline;
background-color: transparent;
color: #ffffff;
}


#footer {
width:100%;
padding:20px;
height:40px;
color:#ff0000;
text-align:center;
background-color:#000000;
border-top:1px solid #ff0000;
background-repeat:repeat-x;
border-left:0px solid #ff0000;
border-right:0px solid #ff0000;
border-bottom:0px solid #ff0000;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size:10px;
font-family:"verdana", arial, tahoma, san-serif, times new roman;
}


/* Scrolleiste fuer IE */

body {
scrollbar-base-color:#000000;
scrollbar-track-color:#ff0000;
scrollbar-arrow-color:#ff0000;
scrollbar-highlight-color:#ff0000;
scrollbar-shadow-color:#000000;
}