/* MCU Stylesheet - left 175 - right column 575 */

BODY {
 scrollbar-face-color:#FFFFFF;  /* dark blue */
 scrollbar-highlight-color:#FFFFFF;  /* white */
 scrollbar-3dlight-color:#C0C0C0;  /* lte grey */
 scrollbar-darkshadow-color:#000000; /* black */
 scrollbar-shadow-color:#808080;  /* medium grey */
 scrollbar-arrow-color:#FFFFFF;  /* white */
 scrollbar-track-color:#FFFFFF;  /* lite blue grey */
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: black; 
   font-style: normal; 
   font-size: 11px; 
   line-height: 150%; 
}

/* General Fonts */
P,OL,UL,DIV {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px; 
   margin: 0.25em 0.5em;

}

H1 {
	font-family : Verdana, sans-serif;
	font-size : 15px;
	color : #00326d;
	margin-bottom : 0px;
	margin-top : 10px;
        border-bottom: thin dashed #003366; /* dark blue */
}
H2 {
	font-family : Verdana, sans-serif;
	font-size : 12px;
	color : #666666;
	margin-bottom : 10px;
	margin-top : 20px;
        border-bottom: thin dashed #003366; /* dark blue */
}
H3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration:none;
	color: #333333;
	font-size: 12px;
        border-bottom: thin dashed #003366; /* dark blue */
}
H4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration:none;
	color: #333333;
	font-size: 10px;
        border-bottom: thin dashed #003366; /* dark blue */
}

/* Bold Title same as text size */
.title {
   font-family: Verdana, sans-serif;
   color: #333333;   /* black */
   font-weight: bold;   
   font-variant: small-caps;
   font-stretch: wider;
   font-size: 11px;  
   padding: 0.2em
}


/* Blue Border for Tables */
.border {
   border: 1px solid #COC8D4;                     /* lite blue grey */
}

 

/* Footer */
.footer {
   font-size: 10px;
   color: #003366;   /* dark blue */
   line-height: 150%; 
   text-align: right;
}

 

/* Last Update */
.lastupdate {
   font-size: 10px;
   color: #003366;   /* dark blue */
   line-height: 150%; 
   text-align: right;
}

/* Quote */
.quote  {
  color: #9B193D;   /* dark burgundy */
  font-weight: 550;
}


/* In Text Hyperlinks */
a:link {
 font-weight: bold;
 color: #000000;   /* black */
 text-decoration: none;
}

a:visited {
 font-weight: bold;
 color: #000000;   /* black */
 text-decoration: none;
}

a:hover {
 font-weight: bold;
 color: Red;
 text-decoration: underline;
}


/* Top Navigation Menu */
.topnav {
   background: #FF0000;   /* rot */
   font-family: Verdana, sans-serif;
   font-size: 11px;
   font-variant: small-caps;
}   
.topnav a:link {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: none;
   color: #333333;    /* grauschwarz */
   padding: 2px;
}
.topnav a:visited {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: none;
   color: #333333;    /* grauschwarz */
   padding: 2px;
}
.topnav a:hover {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: underline;
   color: #FFFFFF;    /* white */
   padding: 2px;
}
.topnav_act a:active {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: underline;
   color: #FFFFFF;    /* white */
   padding: 2px;
}

.topnav_act a:link {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: none;
   color: #333333;    /* grauschwarz */
   padding: 2px;
}
.topnav_act a:visted {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: none;
   color: #333333;    /* grauschwarz */
   padding: 2px;
}
.topnav_act a:hover {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: underline;
   color: #FFFFFF;    /* white */
   padding: 2px;
}


/* Bottom Navigation Menu */
.bottomnav {
   font-family: Verdana, sans-serif;
   font-size: 11px;
   font-variant: small-caps;
}   
.bottomnav a:link {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: none;
   color: #333333;    /* grauschwarz */
   padding: 2px;
}
.bottomnav a:visited {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: none;
   color: #333333;    /* grauschwarz */
   padding: 2px;
}
.bottomnav a:hover {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: underline;
   color: #FF0000;   /* rot */
   padding: 2px;
}
.bottomnav_act a:active {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: underline;
   color: #FF0000;   /* rot */
   padding: 2px;
}

.bottomnav_act a:link {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: none;
   color: #333333;    /* grauschwarz */
   padding: 2px;
}
.bottomnav_act a:visted {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: none;
   color: #333333;    /* grauschwarz */
   padding: 2px;
}
.bottomnav_act a:hover {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   font-variant: small-caps;
   text-decoration: underline;
   color: #FF0000;   /* rot */
   padding: 2px;
}

 

/* Left Navigation Menu */
.leftnav {
   font-family: Verdana, sans-serif;
   font-size: 11px;
   color: #333333;    /* grauschwarz */
}   
.leftnav a:link {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   text-decoration: none;
   color: #333333;    /* grauschwarz */
   padding: 2px;
   margin-left: 10px;
   border-bottom: 1px dotted #333333;    /* grauschwarz */
}
.leftnav a:visited {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   text-decoration: none;
   color: #333333;    /* grauschwarz */
   padding: 2px;
   margin-left: 10px;
   border-bottom: 1px dotted #333333;    /* grauschwarz */
}
.leftnav a:active {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   text-decoration: none;
   color: #333333;    /* grauschwarz */
   padding: 1px 2px 2px 2px;
   margin-left: 10px;
   border: 1px solid #333333;    /* grauschwarz */
   background-color: #C0C8D4;  /* lite blue grey */
}
.leftnav a:hover {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   text-decoration: none;
   color: #FF0000;   /* rot */
   padding: 1px 2px 2px 2px;
   margin-left: 10px;
   border: 1px solid #333333;    /* grauschwarz */
   background-color: #C0C8D4;  /* lite blue grey */
}
.leftnav_act a:link {
   font-size: 11px;
   font-weight: bold;
   font-family: Verdana, sans-serif;
   text-decoration: none;
   color: #333333;    /* grauschwarz */
   padding: 1px 2px 2px 2px;
   margin-left: 10px;
   border: 1px solid #333333;    /* grauschwarz */
   background-color: #C0C8D4;   /* lite blue grey */
}
.leftnav_act a:visited {
   font-size: 11px;
   font-weight: bold;
   font-family: Verdana, sans-serif;
   text-decoration: none;
   color: #333333;    /* grauschwarz */
   padding: 1px 2px 2px 2px;
   margin-left: 10px;
   border: 1px solid #333333;    /* grauschwarz */
   background-color: #C0C8D4;  /* lite blue grey */
}
.leftnav_act a:hover {
   font-size: 11px;
   font-weight: bold;
   font-family: Verdana, sans-serif;
   text-decoration: none;
   color: #333333;    /* grauschwarz */
   padding: 1px 2px 2px 2px;
   margin-left: 10px;
   border: 1px solid #333333;    /* grauschwarz */
   background-color: #C0C8D4;  /* lite blue grey */
}


/* Left Navigation SubMenu Spacer */
.leftnavspc {  
   font-family: Verdana, sans-serif;
   font-size: 11px;
   font-variant: small-caps;
   font-weight: bolder;
   color: #333333;    /* grauschwarz */
   text-decoration: none;
   padding: 2px;
   margin-left: 15px; 
   background-color: #FFFFFF;  /* w */
   border-bottom: thin dotted #9B193D;;
}


/* Left Navigation SubMenu */
.leftnav1 {
   font-family: Verdana, sans-serif;
   font-size: 11px;
   color: #333333;    /* grauschwarz */
}   
.leftnav1 a:link {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   text-decoration: underline;
   color: #333333;    /* grauschwarz */
   padding: 2px;
   margin-left: 15px;
}
.leftnav1 a:visited {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   text-decoration: underline;
   color: #333333;    /* grauschwarz */
   padding: 2px;
   margin-left: 15px;
}
.leftnav1 a:active {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   text-decoration: none;
   color: #C0C8D4;    /* lite blue */
   padding: 2px;
   margin-left: 15px; 
   background-color: #333333;    /* grauschwarz */
}
.leftnav1 a:hover {
   font-weight: bold;
   font-family: Verdana, sans-serif;
   text-decoration: none;
   color: #C0C8D4;    /* lite blue */
   padding: 2px;
   margin-left: 15px;
   background-color: #333333;    /* grauschwarz */
}
.leftnav1_act a:link {
   font-size: 11px;
   font-weight: bold;
   font-family: Verdana, sans-serif;
   text-decoration: none;
   color: #C0C8D4;    /* lite blue */
   padding: 2px;
   margin-left: 15px;
   background-color: #333333;    /* grauschwarz */
}
.leftnav1_act a:visited {
   font-size: 11px;
   font-weight: bold;
   font-family: Verdana, sans-serif;
   text-decoration: none;
   color: #C0C8D4;    /* lite blue */
   padding: 2px;
   margin-left: 15px; 
   background-color: #333333;    /* grauschwarz */
}
.leftnav1_act a:hover {
   font-size: 11px;
   font-weight: bold;
   font-family: Verdana, sans-serif;
   text-decoration: none;
   color: #C0C8D4;    /* lite blue */
   padding: 2px;
   margin-left: 15px;
   background-color: #333333;    /* grauschwarz */
}

/* Left Navigation SubMenu Level 2 */
.leftnav2 {
   font-family: Verdana, sans-serif;
   font-size: 11px;
   color: #333333;    /* grauschwarz */
}   
.leftnav2 a:link {
   font-weight: normal;
   font-family: Verdana, sans-serif;
   text-decoration: underline;
   color: #333333;    /* grauschwarz */
   padding: 2px;
   margin-left: 20px;
}
.leftnav2 a:visited {
   font-weight: normal;
   font-family: Verdana, sans-serif;
   text-decoration: underline;
   color: #333333;    /* grauschwarz */
   padding: 2px;
   margin-left: 20px;
}
.leftnav2 a:active {
   font-weight: normal;
   font-family: Verdana, sans-serif;
   text-decoration: none;
    color: #FF0000;   /* rot */
   padding: 2px;
   margin-left: 20px; 
   border: 1px solid #333333;    /* grauschwarz */
}
.leftnav2 a:hover {
   font-weight: normal;
   font-family: Verdana, sans-serif;
    color: #FF0000;   /* rot */
   padding: 2px;
   margin-left: 20px;
   border: 1px solid #333333;    /* grauschwarz */
}
.leftnav2_act a:link {
   font-size: 11px;
   font-weight: normal;
   font-family: Verdana, sans-serif;
   text-decoration: none;
   color: #FF0000;   /* rot */
   padding: 2px;
   margin-left: 20px;
   border: 1px solid #333333;    /* grauschwarz */
}
.leftnav2_act a:visited {
   font-size: 11px;
   font-weight: normal;
   font-family: Verdana, sans-serif;
   text-decoration: none;
   color: #FF0000;   /* rot */
   padding: 2px;
   margin-left: 20px; 
   border: 1px solid #333333;    /* grauschwarz */
}
.leftnav2_act a:hover {
   font-size: 11px;
   font-weight: normal;
   font-family: Verdana, sans-serif;
   text-decoration: none;
   color: #FF0000;   /* rot */
   padding: 2px;
   margin-left: 20px;
   border: 1px solid #333333;    /* grauschwarz */
}


 

/* Feedback Links */
.fback A {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #333333;    /* grauschwarz */
   font-weight: bold;
   font-size: 11px;
   font-stretch: wider;
   text-decoration: none;
   display: block;
   padding: 0.25em;
   border: 1px solid #333333;    /* grauschwarz */
}

.fback A:visited {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #333333;    /* grauschwarz */
   font-weight: bold;
   font-size: 11px;
   font-stretch: wider;
   text-decoration: none;
   display: block;
   padding: 0.25em;
   border: 1px solid #333333;    /* grauschwarz */
}
.fback A:hover {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #FFFFFF;    /* white */
   font-weight: bold;
   font-size: 11px;
   font-stretch: wider;
   text-decoration: none;
   display: block;
   background: #333333;    /* grauschwarz */
   padding: 0.25em;
   border: 1px solid #333333;    /* grauschwarz */
}

 

/* Forms Fields */
SELECT {  
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px 
}
TEXTAREA {  
 font-family: Verdana, Arial, Helvetica,  sans-serif; 
 font-size: 10px
} 
INPUT {  
 font-family: Verdana, Arial, Helvetica,  sans-serif; 
 font-size: 10px 
}


.caption {
 font-family : Verdana, sans-serif;
 font-size : 10px;
 color : #000000;
}


.bulletlist {
 font-family : Verdana, sans-serif;
 font-size : 10px;
 color : #000000;
}


.table {
 font-family : Verdana, sans-serif;
 font-size : 11px;
 color : #000000;
}


.contenttable {
 font-family : Verdana, sans-serif;
 font-size : 11px;
 color : #000000;
 padding: 1em;
 margin-top: 1em;
 margin-bottom: 1em;
 border:  1px solid #C0C8D4;
}

 

/* Search Formats */
.searchform {
 font-family : Verdana, sans-serif;
 font-size : 11px;
 color : #000000;
 font-weight : normal;
}
.searchresultpagetitle {
 font-family : Verdana, sans-serif;
 font-size : 15px;
 color : #333333;
 font-weight : bold;
}
.searchresultcontent {
 font-family : Verdana, sans-serif;
 font-size : 11px;
 color : #000000;
 font-weight : normal;
}
.searchresultheader {
 font-family : Verdana, sans-serif;
 font-size : 14px;
 color : #333366;
 font-weight : bolder;
}
.searchmarkup {
 color : #000000;
}


.loginform {
 font-family : Verdana, sans-serif;
 font-size : 14px;
 color : #000000;
 font-weight : normal;
}

 

/* Mailform Formattting */
.mailform {
 font-family : Verdana, sans-serif;
 font-size : 11px;
 color : #333333;    /* grauschwarz */
 font-weight : normal;
}
.mailformrequired {
 font-family : Verdana, sans-serif;
 font-size : 11px;
 color : #333333;    /* grauschwarz */
 font-weight : bolder;
}
.mailformcomment {
 font-family : Verdana, sans-serif;
 font-size : 11px;
 color : #CC0000;
 font-weight : bolder;
}
.mailformradio {
 font-family : Verdana, sans-serif;
 font-size : 10px;
 color : #333333;    /* grauschwarz */
 font-weight : normal;
}

 

.filelinks {
 font-family : Verdana, sans-serif;
 font-size : 12px;
 color : #000000;
}
.filelinkssize {
 font-family : Verdana, sans-serif;
 font-size : 12px;
 color : #000000;
}






/*////// STYLE TYPO3-SHOP ANFANG ////////*/
.formular {width: 520px; background-color: #D6D9DD; margin: 0px 0px 5px 5px; padding: 5px;}
csc-mailform {width: 400px; background-color: #D6D9DD; margin: 0px 0px 5px 5px; border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; padding: 5px;}
.csc-form-label-req {color: #CE0001;}

.hlkontakt  { font-size: 11px; font-weight: bold; background-color: #ffc; padding: 2px; vertical-align: top }
.kontakt  { font-size: 11px; background-color: #ffc; padding: 2px; vertical-align: top } 


.zkheaderlist1 {width: 130px; float: left; border-bottom: 1px dotted; margin-bottom: 8px;}
.zkheaderlist2 {width: 365px; float: left; border-bottom: 1px dotted; margin-bottom: 8px;}
.zkheaderlist3 {width: 105px; float: left; border-bottom: 1px dotted; margin-bottom: 8px;}
.zkbrowselinks  { background-color: #ffc; margin-bottom: 15px; width: 600px }

.zkproductteaser  { background-color: #ffffff; width: 600px; float: none; clear: both; border: solid 1px #ffc }

.zkproduct {width: 600px; background-color: #FFFFFF; float: none; clear: both;}
.zkproductimg  { background-color: #ffc; text-align: center; width: 120px; vertical-align: top }
.zkproductinfo  { background-color: #ffc; padding: 2px; width: 375px; vertical-align: top }
.zkproductprice  { background-color: #ffc; text-align: center; width: 102px; vertical-align: top }

.zkdetailimg {margin: 5px; border: 1px solid;}
.zkteaserimg {margin: 5px 0px 5px 0px;}
.zkproducttitle  { color: #f00; font-size: 12px; font-weight: bold; text-decoration: none; padding: 5px 0 0 }
.zkproductsubtitle {font-size: 10px;}
.zkproductcat  { color: #000; font-size: 10px; font-weight: italic; background-color: #ffc; padding: 2px }
.zkproducttext {font-size: 10px; line-height: 12px;}
.zkheadlinebasket  { color: #666; font-size: 10px; font-weight: bold; background-color: #ffc; padding: 2px }
.zktrenner {width: 600px; height: 10px; float: none; clear: both;}
.zkfooter {width: 600px; height: 30px; float: none; clear: both; background-color: #FFFFFF; border-top: 2px solid #FFFFFF; text-align: right;}
.zkfooterlist1  { background-color: #ffc; text-align: left; width: 380px; height: 30px }
.zkfooterlist2  { color: #ffffff; font-size: 10px; background-color: #f00; text-align: center; width: 115px; height: 30px }
.zkfooterlist3  { background-color: #f00; text-align: center; width: 105px; height: 30px }

.zkdetailfooter1  { background-color: #ffc; text-align: left; width: 120px; height: 30px }
.zkdetailfooter3  { background-color: #ffc; text-align: center; width: 480px; height: 30px }


.bumerken {font-size: 10px; width: 50px; float: left;}
.anzahl {width: 70px; float: left;}
.inputmenge  { background-color: #ffffff; width: 30px; float: left; border: solid 1px #ffc }
.input  { font-size: 11px; background-color: #ffffff; width: 250px; border: solid 1px #ffc }
.textarea  { font-size: 11px; background-color: #ffffff; width: 250px; height: 110px; border: solid 1px #ffc }
.select  { background-color: #ffffff; width: 60px; float: left; border: solid 1px #006 }


.buwarenkorb {font-size: 10px; width: 100px; float: left;}
.budelete {font-size: 10px; width: 60px; color: red;}
.hlgesamt  { color: #ffffff; font-size: 11px; font-weight: bold; background-color: #ff7800; padding: 2px; height: 25px }
.gesamtprice { color: #FFFFFF;}
.price {font-size: 10px; color: #FF8300;}
.order_id {background-color: #FFFFFF; font-weight: bold; border: 1px solid; padding: 2px;}
.wichtig {color: red;}

form {margin: 0px; padding: 0px; font-size: 10px;}
form input, form option, form submit, form select, form textarea {margin: 0px; padding: 0px; font-size: 10px;}
/*////// STYLE TYPO3-SHOP ENDE ////////*/