* { margin: 0; padding: 0; }
body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #202026; font-size: 10px !important; text-align: center; background: #F1F6FF; }
img { border: none; }
ul, ol, dl { list-style: none; }


/* Seitenlayout */
/* ************************************************ */
#container { width: 928px; margin: 0 auto; text-align: left;  }  
#page { width: 928px; background-color: #FFF; }


/* header & footer, navi */
/* ************************************************ */
/* ************************************************ */
#serviceNav { height: 22px; text-align: right; padding: .8em 16px .8em 0; }
#serviceNav ul li { display: inline; padding: 0 1em 0 1.2em; border-left: 1px solid #6C6C6C; }
	#serviceNav ul li.first { border: none; }
	#serviceNav ul li.fontSwitch { color: #369EE9; border-left: 1px solid #369EE9; padding-right: 0; }
.fontSwitch a .normal { padding-right: .2em; }
.fontSwitch a .large { font-size: 14px; }
.fontSwitch a .large sup { font-size: 10px; font-weight: normal; vertical-align: top; }

#header { float: left; width: 928px; }
#logo { float: left; width: 300px; height: 160px; }
	#logo img { padding: 32px 16px 0; }
#mainNav {
	float: left;
	width: 500px;
	height: 88px;
	margin-top: 66px;
	padding: 0 32px 0 0;
	font-size: 14px;
}
#mainNav ul {
	padding-left: 4px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E1E3E6;
}
#mainNav ul li { float: left; padding-left: 42px; }
#mainNav ul li a:link, #mainNav ul li a:visited { display: block; padding: 15px 0 0 0; border-top: 3px solid #FFF; background: none; }
#mainNav ul li a:focus, #mainNav ul li a:hover, #mainNav ul li a:active, 
#mainNav ul li.current a:link, #mainNav ul li.current a:visited, 
#mainNav ul li.current a:focus, #mainNav ul li.current a:hover, #mainNav ul li.current a:active {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #99FF00;
}

#footer { clear: both; color: #6C6C6C; padding: .8em 8px 4.8em; }
.copy { float: left; }
.imprint { float: right; }



/* content */
/* ************************************************ */
/* ************************************************ */
#content { clear: left; float: left; width: 928px; padding: 0 0 32px 0; }
#subNav {
	float: left;
	width: 160px;
	padding: 0 32px 0 32px;
	font-size: 14px;
}
#mainContent { float: left; width: 672px; padding: 0 32px 0 0; background: url(brillen/layout/bg_dotline-v.gif) 448px 0 repeat-y; }
#visual {}
#center { float: left; width: 448px; }	
	#text { width: 416px; padding: 0 32px 0 0; }
#margin { float: left; width: 192px; padding: 0 0 0 32px;  }

#startContent { float: left; width: 864px; padding: 0 32px; background: url(brillen/layout/bg_dotline-v.gif) 560px 0 repeat-y; }
#startContent #text { float: left; width: 496px; padding: 0 32px 0 0; }
#startContent #margin { width: 304px; padding: 0 0 0 32px; }

/* #subNav - Subnavigation in der linken Spalte */
#subNav ul { border-bottom: 1px solid #E1E3E6; }
#subNav ul li { border-top: 1px solid #E1E3E6; }
#subNav ul li a:link, #subNav ul li a:visited { display: block; font-size: 1.1em; line-height: 1em; padding: .9em 0; text-decoration: none; color: #808080; font-weight: normal; }
#subNav ul li a:focus, #subNav ul li a:hover, #subNav ul li a:active { color: #202026; background: url(brillen/layout/bg_subNav.gif) center right no-repeat; }
/* store */
#subNav.idee ul li.idee a, 
#subNav.news ul li.news a, 
/* brillen */
#subNav.adidas ul li.adidas a,
#subNav.swarovski ul li.swarovski a,
#subNav.davidoff ul li.davidoff a,
#subNav.jaguar ul li.jaguar a,
#subNav.joop ul li.joop a,
#subNav.lindberg ul li.lindberg a,
#subNav.silhouette ul li.silhouette a,
#subNav.zeiss ul li.zeiss a, 
/* faq */
#subNav.gleitsicht ul li.gleitsicht a, 
#subNav.faq ul li.faq a, 
/* service */
#subNav.beratung ul li.beratung a, 
#subNav.garantie ul li.garantie a,
#subNav.sportbrillen ul li.sportbrillen a,
#subNav.sehtipps ul li.sehtipps a, 
#subNav.brillenpflege ul li.brillenpflege a, 
#subNav.links ul li.links a,
/* kontakt */
#subNav.Muenchen ul li.muenchen a, 
#subNav.Frankfurt ul li.frankfurt a, 
/* auge & sehen */
#subNav.historisches ul li.historisches a,
#subNav.wahrnehmung ul li.wahrnehmung a
{ color: #202026; background: url(brillen/layout/bg_subNav.gif) center right no-repeat; }


/* #margin : Boxen in der rechten Spalte */
.imageBox, .kombiBox, .kontextBox, .textBox, .dropDownBox { width: 192px; border-top: 1px solid #000; margin-bottom: 48px; }
	#startContent .imageBox, #startContent .textBox { width: 304px; }
.imageBox { background: #FBFBFC url(brillen/layout/bg_imageBox.jpg) bottom no-repeat; }
.imageBox img { padding: 2px 0; border-bottom: 1px solid #FFF; background: #FFF url(brillen/layout/bg_dotline-h.gif) bottom repeat-x ; }	
.kombiBox { background-color: #FFF; }
.kombiBox .kombi /* ie6 */ { min-height: 112px; border-top: 2px solid #FFF; border-bottom: 1px solid #FFF; background:
 url(brillen/layout/bg_kombiBox.jpg) bottom no-repeat; }
.kombiBox .grau { background: url(brillen/layout/bg_kombiBoxGrau.jpg) bottom no-repeat; }
.kombiBox .blau { background: url(brillen/layout/bg_kombiBoxBlau.jpg) bottom no-repeat; }
.kombiBox .kombi img { float: right; margin-left: 8px; padding: 0 0 0 3px; background: #FFF url(brillen/layout/bg_dotline-v.gif) 1px 0 repeat-y; }
.kombiBox .kombi p { background: none; }
.kombiBox p { padding-top: 1px; background: url(brillen/layout/bg_dotline-h.gif) top repeat-x; }
.kombiBox a:link, .kombiBox a:visited { clear: right; margin-top: 1px; display: block; padding: .3em 24px .4em 0; text-align: right; text-decoration: none; color: #CC0099; background: #F6F7F7 url(brillen/layout/bg_link-pfeil-pink.gif) 176px .7em no-repeat; }
.kombiBox a:focus, .kombiBox a:hover, .kombiBox a:active { color: #FFF; background: #CC0099 url(brillen/layout/bg_link-pfeil-weiss.gif) 176px .7em no-repeat; }
.kontextBox /* ie6 */ { min-height: 80px; background: url(brillen/layout/bg_kontextBox.jpg) bottom no-repeat; }
.kontextBox .top { height: 6px; background: url(brillen/layout/bg_kontextBox-top.gif) repeat-x; border-top: 2px solid #FFF; border-bottom: 1px solid #FFF; margin-bottom: 8px; }
.dropDownBox { background: url(brillen/layout/bg_dropDownBox.gif) 0 2px repeat-x; }
#margin .imageBox h1, .imageBox p,
#margin .kombiBox .kombi h1, .kombiBox .kombi p,
#margin .kontextBox h1, .kontextBox p { padding-right: 8px; padding-left: 8px; }
.textBox p, .kombiBox p { padding-bottom: 0; }

/* #mainContent - visual */
#visual { position: relative; float: left; width: 672px; padding: 0 0 48px 0; background-color: #FFF; }
#visual h1 { position: absolute; top: 32px; left: 32px; width: 192px; color: #202026; }
#visual .bildSingle { width: 625px; height: 259px; }
#visual .bildEins { float: left; width: 448px; height: 224px; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; background: black; }
	#visual .bildEinsNude { float: left; width: 448px; height: 224px; border-right: 1px solid #E1E3E6; border-bottom: 1px solid #E1E3E6; }
#visual .bildZwei { float: left; width: 223px; height: 224px; border-bottom: 1px solid #FFF; background: black; }
	#visual .bildZweiNude { float: left; width: 223px; height: 224px; border-bottom: 1px solid #E1E3E6; }
#visual .bildDrei { float: left; width: 224px; height: 112px; border-right: 1px solid #FFF; background: black; }
	#visual .bildDreiNude { float: left; width: 224px; height: 112px; border-right: 1px solid #E1E3E6; }
#visual .bildVier { float: left; width: 223px; height: 112px; border-right: 1px solid #FFF; background: black; }
	#visual .bildVierNude { float: left; width: 223px; height: 112px; border-right: 1px solid #E1E3E6; }
#visual .bildFuenf { float: left; width: 223px; height: 112px; background: black; }
#visual .bildStandort { float: left; width: 672px; height: 224px; background: url(brillen/layout/bg_dotline-v.gif) 336px 0 repeat-y; }
	#visual .bildStandort img { float: left; }

.visualSystem img { border-right: 1px solid #FFF; padding-bottom: 8px; margin-bottom: 32px; background: #FFF url(brillen/layout/bg_dotline-h.gif) bottom left repeat-x; }

.banner { position: absolute; margin: -16px 0 0 -192px; }


/* #mainContent - text */
/* ************************************************ */
.step { padding-left: 64px; margin-bottom: 32px; }
.eins { background: url(brillen/layout/system-01.gif) bottom left no-repeat; }
.zwei { background: url(brillen/layout/system-02.gif) bottom left no-repeat; }
.drei { background: url(brillen/layout/system-03.gif) bottom left no-repeat; }
.vier { background: url(brillen/layout/system-04.gif) bottom left no-repeat; }
.fuenf { background: url(brillen/layout/system-05.gif) bottom left no-repeat; }
.sechs { background: url(brillen/layout/system-06.gif) bottom left no-repeat; }
.sieben { background: url(brillen/layout/system-07.gif) bottom left no-repeat; }
.acht { background: url(brillen/layout/system-08.gif) bottom left no-repeat; }
.neun { background: url(brillen/layout/system-09.gif) bottom left no-repeat; }
.zehn { padding-left: 96px; background: url(brillen/layout/system-10.gif) bottom left no-repeat; }
.elf { padding-left: 96px; background: url(brillen/layout/system-11.gif) bottom left no-repeat; }
.zwoelf { padding-left: 96px; background: url(brillen/layout/system-12.gif) bottom left no-repeat; }
.dreizehn { padding-left: 96px; background: url(brillen/layout/system-13.gif) bottom left no-repeat; }
.vierzehn { padding-left: 96px; background: url(brillen/layout/system-14.gif) bottom left no-repeat; }
.fuenfzehn { padding-left: 96px; background: url(brillen/layout/system-15.gif) bottom left no-repeat; }

/* augentraining illus etc */
.imageFloat p img { float: left; padding: 6px 16px 8px 0; }
/* icons */
img.pdf, img.page, img.webpage { float: left; padding: 0 6px 0 0; }


/* Textformatierung */
/* ************************************************ */

h1 { font-size: 1.6em; line-height: 1.4em; padding: 0 0 1em 0; font-weight: normal; color: #99FF00; }
	#visual h1 { font-size: 1.1em; line-height: 1.6em; }
	.step h1 { padding-bottom: .4em; }
	h1.glossar { font-size: .1em; padding-bottom: 8px; margin-bottom: 32px; background: url(brillen/layout/bg_dotline-h.gif) bottom left repeat-x;	}
	#margin h1 { padding: .5em 0; margin-bottom: .5em; color: #808080; border-top: 1px solid #000; background: url(brillen/layout/bg_dotline-h.gif) bottom repeat-x ; }	
		#margin h1 .termin01 { width: 192px; padding-bottom: 1px; display: block; background: url(brillen/layout/bg_h1-termin01.gif) center right no-repeat; }
		#margin h1 .termin02 { width: 192px; padding-bottom: 1px; display: block; background: url(brillen/layout/bg_h1-termin02.gif) center right no-repeat; }
		#margin h1 .fertigung { width: 192px; padding-bottom: 1px; display: block; background: url(brillen/layout/bg_h1-fertigung.gif) center right no-repeat; }
		#margin h1.ohne { border-top: none; padding-top: 0; }
	#margin .imageBox h1 { font-size: 1.1em; line-height: 1em; padding: .55em 8px; margin: -28px 0 .8em; font-weight: bold; color: #7F8BA3; border: none; background: none; }
	#margin .kombiBox h1 { font-size: 1.1em; line-height: 1.6em; padding-top: 8px; padding-bottom: 0; margin-bottom: 0; font-weight: bold; color: #FFF; border: none; background: none; }
	#margin .kontextBox h1 { font-size: 1.1em; line-height: 1.6em; padding-top: 0; padding-bottom: 0; margin-bottom: 0; font-weight: bold; border: none; background: none; }
	#margin .textBox h1 { border: none; }	
	#margin .dropDownBox h1 { border: none; margin-top: 6px; }	
h2 { font-size: 1.1em; line-height: 1.6em; padding-bottom: 1.6em; }
	.step h2 { line-height: 1em; padding-bottom: 0; }
h3 { font-size: 1.1em; line-height: 1.6em; padding-bottom: 0; }
	.step h3 { font-size: 1em; font-weight: normal; color: #808080; padding-bottom: .2em; }

	
p { font-size: 1.1em; line-height: 1.6em; padding-bottom: 1.6em;  }
	#margin p, #footer p { font-size: 1em; }
	.imageBox p { color: #7F8BA3; }
	.kombiBox p { color: #FFF; }
	.kontextBox p { color: #808080; }
	
sup { font-size: 10px; line-height: 1em; font-weight: normal; vertical-align: top; }
	
#text ul { padding: 0 0 1.6em 16px; }
#text ul li { padding-left: 16px; font-size: 1.1em; line-height: 1.6em; background: url(brillen/layout/bg_li.gif) 0 .5em no-repeat; } 	
#text ul li ul { padding-bottom: 0; }
#text ul li ul li { padding-left: 0; font-size: 1em; background: none; } 	
#text ul li.line { height: 1em; background: url(brillen/layout/bg_dotline-h.gif) center repeat-x; }
	
#margin ul { margin-bottom: 32px; color: #369EE9; }
	#margin ul.pfeil { margin-bottom: 0; color: #202026; 	}
#margin ul li { font-size: 1em; line-height: 1.6em; }
	#margin ul.pfeil li { padding-left: 16px; background: url(brillen/layout/bg_link-pfeil-grau.gif) 0 .5em no-repeat; } 

.line { font-size: 0.1em; line-height: 0.1em; height: 1px; background: url(images/bg_dotline-h.gif) center repeat-x; border-top: 16px solid #FFF; border-bottom: 32px solid #FFF; }
	

/* Links */
/* ************************************************ */	
a:link, a:visited { color: #666666; text-decoration: none; font-weight: bold; }
a:focus, a:hover, a:active { color: #CCCCCC;  background-color: #666666; }
#visual a, .banner a { background: none; }


#header a { background: none; }
#serviceNav a:link, #serviceNav a:visited,
#footer a:link, #footer a:visited { color: #6C6C6C; background: none; text-decoration: none; font-weight: normal; }
#serviceNav a:focus, #serviceNav a:hover, #serviceNav a:active,
#footer a:focus, #footer a:hover, #footer a:active { text-decoration: underline; }
#serviceNav .fontSwitch a:link, #serviceNav .fontSwitch a:visited,
#serviceNav .fontSwitch a:focus, #serviceNav .fontSwitch a:hover, #serviceNav .fontSwitch a:active { color: #369EE9; text-decoration: none; }

#text ul li a:link, #text ul li a:visited { color: #CC0099; }
#text ul li a:focus, #text ul li a:hover, #text ul li a:active { color: #FFF; background: #CC0099; }
#text ul li ul li a:link, #text ul li ul li a:visited { color: #202026; font-weight: normal; }
#text ul li ul li a:focus, #text ul li ul li a:hover, #text ul li ul li a:active { color: #FFF; background: #202026; }

#margin ul li a:link, #margin ul li a:visited { /*color: #202026; */ color: #cc0099; font-weight: normal; }
#margin ul li a:focus, #margin ul li a:hover, #margin ul li a:active { color: #FFF; background: #cc0099 /*#202026*/; }




/* Formulare */
/* ************************************************ */	

form input, form select, form textarea { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; line-height: normal; color: #6C6C6C; }

form#kontakt { }
form#kontakt legend { display: none; }
form#kontakt fieldset { width: 416px; padding: 1.7em 0; border: none; border-top: 1px solid #E1E3E6; }
form#kontakt fieldset.daten { }
form#kontakt fieldset.anfrage { }
form#kontakt fieldset.newsletter { }
form#kontakt fieldset.senden { text-align: right; }
form#kontakt label, form#kontakt input { float: left; }
form#kontakt br { clear: left; }
form#kontakt label { width: 112px; padding-top: .2em; font-size: 1.1em; line-height: 1.6em; }
	form#kontakt label.herr, form#kontakt label.frau { width: 48px; margin-bottom: .4em; }
	form#kontakt label.hausnummer { width: 32px; }
	form#kontakt label.ort { width: 48px; }
	form#kontakt label.newsletter { width: 48px; line-height: normal; }
form#kontakt input { width: 300px; height: 16px; padding: 3px 0 0 2px; border: 1px solid #CFCFCF; margin-bottom: .8em; }
	form#kontakt input#herr, form#kontakt input#frau,
	form#kontakt input#field_1_option_1, form#kontakt input#field_1_option_2 { width: auto; border: none; margin: .2em 4px .8em 0; }
	form#kontakt input#newsletter, form#kontakt input#field_13_option_1 { margin: .2em 4px .8em 112px; width: auto; border: none; margin-right: 4px; }
	form#kontakt input#strasse, form#kontakt input#field_5 { width: 216px; margin-right: 16px; }
	form#kontakt input#hausnummer, form#kontakt input#field_6 { width: 32px; }
	form#kontakt input#plz, form#kontakt input#field_7 { width: 64px; margin-right: 16px;  }
	form#kontakt input#ort, form#kontakt input#field_8 { width: 168px; }
	form#kontakt input.submit { float: none; width: 96px; height: 24px; padding: 0; color: #CC0099; font-weight: bold; background-color: #FFF; border: 1px solid #CC0099; }
form#kontakt textarea { width: 300px; height: 96px; padding: 2px 0 0 2px; border: 1px solid #CFCFCF; }
form#kontakt p { float: none; width: 300px; padding: 0 0 .7em 112px; font-size: 1.1em; line-height: 1.7em; }

form#anruf { width: 176px; padding: 0 8px .8em; }
form#anruf label { color: #7F8BA3; }
form#anruf input { width: 160px; height: 14px; padding: 2px 0 1px 2px; border: 1px solid #CFCFCF; margin: .2em 0 .8em; }
form#anruf input.submit { float: right; width: 96px; height: 19px; padding: 0; color: #CC0099; background-color: #FFF; border: 1px solid #CFCFCF; margin-right: 14px; }
form#anruf select { width: 164px; height: 18px; margin: .2em 0 .8em; }

form#standort { width: 192px; padding: 0 0 10px; background: url(brillen/layout/bg_dotline-h.gif) bottom repeat-x; }
form#standort select { width: 192px; height: 18px;}

input.mainFormError, textarea.mainFormError { background-color: #F1F6FF; }
form#anruf input.mainFormError { background-color: #FFF; }




/* Browser-Hacks */
/* ************************************************ */
/* ************************************************ */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */