@charset "utf-8";
/* Optik Schütt */

body {
	letter-spacing: 0px;
	font-weight: bold;
	margin:5px;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	scrollbar-arrow-color:#666666;
	scrollbar-face-color:#FEEBDC;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-shadow-color:#E5E5E5;
	scrollbar-darkshadow-color:#858585;
	scrollbar-base-color:#04A3E5;
	scrollbar-track-color:#F2F2F2;
}
	
img {border:0}

/************************************************************************************** */
/* -------------------------------------------- Layout ---------------------------------*/
/************************************************************************************** */	

#wrap {
	position:relative;
	width:800px;
	height:515px;
	margin:3% auto 5%;
	padding:0;
	z-index: 1;
}

#header_1 {
	height:80px;
	padding-right:6px;
	padding-left:12px;
	background-color: #FFFFFF;
}/* weißer Hintergrund */

#seitentitel {
	float: left;
	width:400px;
	height:26px;
	color: #F07E02;  /* orange Schrift */
	font-size: 15px;
	padding-top: 10px;
	margin-top:35px;}

#logo {
	float: right;
	margin:4px 6px 0;
	/*clear: right;*/}
	
#logo_sonne {
	float: right;
	margin:4px 6px 0;
	/*clear: right;*/}

#header_2 {
	background-color: #F07E02; /* oranger Hintergrund */
	padding-left: 12px;
	height: 40px;
}

#slogan {
	font-size: 18px;
	color: #FFFFFF; /* weißes Optik Schütt-Slogan im header 2 */
	width:200px;
	float: left;
	height: 24px;
	margin-top: 16px;
}

#inhalt_bild {
	height:222px;
	clear: both;
}	/* hier werden die Bilder aktualisiert */

#inhalt_text {
	height:133px;
	font-size: 30px;
	color: #F07E02; /* orange Schrift */
	line-height: 25px;
	padding-left:9px;
	padding-right:9px;
	background-color: #FEEBDC; /* apricot-farbener Hintergrund */
	padding-top: 2px;
	clear: both;
}
	
.ueberlauf{
	overflow:auto;}	/* für inhalt_bild und inhalt_text */


/****************************************************************************************** */
/* -------------------------------------------- Navigation ---------------------------------*/
/****************************************************************************************** */
	 
a {text-decoration: none; text-transform: uppercase; color: #000000;}
	

/*----------------------------------- Navigation für alle Seiten -------------------------- */	

ul#navi
{
	margin:0;
	padding:0;
	left: 0;
	font-size:12px;
	background-color: #FEEBDC;
	padding-left:9px;
	clear: both;
}
		
ul#navi li
{	margin:0; padding:0; display:inline;}

ul#navi li a
{	float:left;margin-right: 20px;margin-top: 12px;}
ul#navi li a:link 
{	color:#000000; height: 16px;}
ul#navi li a:visited 
{	color:#000000;} 
ul#navi li a:hover 
{
	color:#F07E02;
	text-decoration: underline;
}/* = Orange ---*/

/*-------------------------------- Navigation für alle Unterseiten ------------------------- */	
		
ul#topnavi 
{	margin: 0;padding: 0;}	
ul#topnavi li 
{	margin: 0;padding: 0;display: inline;}
ul#topnavi li a 
{	float: right;margin-top: 20px;background-color:#F07E02;margin-right: 20px;	font-size:12px;}/* = Orange ---*/
ul#topnavi li a:link 
{	color:#000000; height: 16px;}	
ul#topnavi li a:visited 
{
	height: 16px;
}/* = Grau ---*/	
ul#topnavi li a:hover 
{	color:#FEEBDC;
text-decoration: underline;}/* = Apricot ---*/
	


/*---------------------------- Verlinkungen zu Brillenfirmen wie Prada... ------------------- */	


ul#markennavi 
{	margin: 0;padding: 0;}
ul#markennavi li  
{	display: inline; text-align: justify; font-size: 22px;}	
ul#markennavi li a:link 
{	color:#F07E02}	/* = Orange ---*/
ul#markennavi li a:visited 
{	color:#F07E02}	/* = Orange ---*/
ul#markennavi li a:hover 
{	color:#000000; text-decoration: underline;}

/*---------------------- Navigation von kontakt_termine zu kontaktformular --------------- */
/*-----events, optiker_seestrasse_1, p_contactlinsen, p_kinderbrillen, p_sportbrillen----- */	

#textfeld_zentriert_gross a {
	color:#404040;
	margin-left: 40px;
	font-size: 7px;
}
#textfeld_zentriert_gross a:link {
	color:404040
}
#textfeld_zentriert_gross a:visited {color:#000000}
#textfeld_zentriert_gross a:hover {color:#F07E02;text-decoration: underline;font-size: 14px;
}

#inhalt_text a {color:#F07E02;}
#inhalt_text a:link {color:#F07E02;}
#inhalt_text a:visited {color:#F07E02;}
#inhalt_text a:hover {color:#F07E02;text-decoration: underline;}
	
/*------------------------------- Link von karriere zu impressum---------------------------*/
	


h2#karriere a {margin-top: 0;} 
h2#karriere a:link {color:#000000;}
h2#karriere a:visited {color:#000000;}
h2#karriere a:hover {color:#F07E02; text-decoration: underline blink; }

#service a {
	color: #F07E02;
	font-size: 15px;
}    /*--- p_vergrößernde_sehhilfen und service--*/
#service a:hover {color: #F07E02; text-decoration: underline;} 
	
/*--- e-mail-Verknüpfung: impressum, kontaktformular, kontakt_termine, Templates: impressum_kontakt -----*/
#adresse_1 a {color: #F07E02;}
#adresse_16 a {color: #F07E02;}	

#sportbrillen a { margin-left:0; font-size:12px;}/*---von p_sportbrillen zu p_contactlinsen -----*/
#sportbrillen a:link {color:#000000;}
#sportbrillen a:visited {color:#000000;}
#sportbrillen a:hover {color:#000000; font-size:12px; text-decoration: underline;}

#brillen a {color: #F07E02;}/*--von p_brillen zu p_sportbrillen---*/

/*------------ Navigation von kontakt_termine zu Kontaktformular von 1&1 -------------*/
/*---------kann aktiviert werden, bei link zu externem Formular von 1&1---------------*/
/*#kontaktformular a {font-size: 36px;}
#kontaktformular a:link {color:#000000;}
#kontaktformular a:visited {color:#000000;}
#kontaktformular a:hover {color:#F07E02;font-size: 36px;}*/

#inhalt_text_impressum_formular a:link {color:#F07E02;}
#inhalt_text_impressum_formular a:visited {color:#F07E02;}
#inhalt_text_impressum_formular a:hover {color:#000000;text-decoration: underline;}

/*  #inhalt_bild a {float: left;margin-top: 100px;margin-right: 20px;margin-bottom: 20px;margin-left: 20px;}  */
	

/****************************************************************************************** */
/* -------------------------------------Überschriften --------------------------------------*/
/****************************************************************************************** */

/*---Contactlinsen, Leistungen und vergrößernde Sehhilfen ---*/
h1 {text-transform: uppercase;	text-align: center; font-size: 36px; margin-top: 14%;}				
h2 {text-transform: uppercase; text-align: left;}   /*---- nur im glossar------*/
h3{
	text-transform: uppercase;
	font-size: 15px;
}
	
h4 {font-weight: normal;font-size: 13px;}/*----Karriere -----*/

#inhalt_bild_hintergrund1 h2 {text-align: center; margin-top: 0px;font-size: 29px;padding-top: 8px;} /*--sitempap--*/

h2#karriere {
	font-size: 14px;
	text-align:center;
	margin-top: 15px;
	margin-bottom: 10px;
} /*--karriere--*/	

/*----kontakt_optik_hartmut_schuett--------*/
h3#anfahrt {	width: 170px; float: left; margin: 24px 0; font-weight: bold;}
h3#parken {	float: left; width: 170px; margin: 10px 0; font-weight: bold;}
h3#oeffnungszeiten {	float: left; width: 170px; margin: 8px 0; font-weight: bold;}


/****************************************************************************************** */
/* ---------------------------------Hintergründe --------------------------------*/
/****************************************************************************************** */

#inhalt_bild_hintergrund       /*------- impressum, optik_seestrasse_1,-----*/
{
	height:222px;
	background-image: url(bilder/bild_marken_hintergrund.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	margin: 0 auto;
	background-position:  center 188px;
}
		
#inhalt_bild_hintergrund2       /*------karriere_optik_schuett, kontakt_termine----*/
{
	height:222px;
	background-image: url(bilder/mitarbeiterfoto_sw.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	margin: 0 auto;
	background-position:  center 188px;
	padding: 0;
	
}
	
#inhalt_bild_hintergrund1       /*-----events, glossar, p_sportbrillen, p_ kinderbrillen-----*/
{	background: url(bilder/bild_marken_hintergrund.jpg) repeat-y fixed center 190px;}


/****************************************************************************************** */
/* ---------------------------------Sonderformate allgemein --------------------------------*/
/****************************************************************************************** */
	
/*------ wird gerade nicht verwendet:------------
#textfeld_zentriert   {	width: 500px; margin-right: auto; margin-left: auto; margin-top: 15px;}*/

#textfeld_zentriert_gross      /*---das meist verwendetet Textfeld-----*/     
{
	width:700px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 0%;
	margin-bottom: 0%;
}
	
#textfeld_zentriert_mittel      /*---- impressum-----*/     
{	width: 700px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 2px;}

#textfeld_zentriert_gross p {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: normal;
} /*-contactlinsen, kinderbrillen, sportbrillen-*/

#textfeld_zentriert_gross ul {font-size: 13px;}	
		
#inhalt_text_impressum  /*--impressum, kontakt_termine, p_brillen, p_vergr. sehhilfen, service, service-details--*/
{
	font-size: 15px;
	color: #F07E02;
	background-color: #FEEBDC;
	height:133px;
	font-weight: normal;
	padding-top:13px;
}

#inhalt_text_impressum_formular  /*-- kontaktformular--*/
{	height: 67px;
	font-size: 13px;
	color: #F07E02;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #FEEBDC;
	padding-top: 3px;}
	
#stadtplan{	float: left; width: 392px; margin-right: 16px;} 	

#adresse_16      /*-----adressenfeld für Seestr. 16 ---*/
{
	text-align: left;
	float: none;
	width: 250px;
	margin-right: 15%;
	text-transform: uppercase;
}

#adresse_1 		/*-----adressenfeld für Seestr. 1 -----*/
{
	text-align: left;
	float: left;
	width: 250px;
	margin-left: 15%;
	text-transform: uppercase;
}

#service		/*---p_vergr._sehhilfen, service, service-details, template service--*/
{	width: 750px;
	text-align: justify;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 24px;}

#brillen
{
	width: 750px;
	text-transform: uppercase;
	margin-left: 25px;
	height: 118px;
}
	
				/*-------Sonderformen karriere / siehe aber noch Überschriften!!!------*/



#service ul {
	font-size: 15px;
	font-weight: normal;
}

#karriere1 {
	float: left;
	width: 265px;
	margin-left: 20px;
	text-transform: uppercase;
	height: 130px;
	font-size: 13px;
	font-weight: normal;
	
} 

#karriere2  {
	float: left;
	width: 240px;
	text-transform: uppercase;
	height: 130px;
	font-size: 13px;
	font-weight: normal;
}

							/*----- Anfahrtsbeschreibung bei kontakt_optik_schuett------*/

#anfahrtsbeschreibung 
{	float: left; width: 200px; font-size: 12px; font-weight: normal; text-align: justify; margin: 24px 0;}

#anfahrtsbeschreibung2
{	float: left; width: 200px; font-size: 12px; font-weight: normal; text-align: justify; margin: 7px 0;}
	
#anfahrtsbeschreibung3
{	float: left; width: 200px; font-size: 12px; font-weight: normal; text-align: justify; margin: 7px 0;}
	
span {
	font-size: 18px;
	font-weight: bold;
}	 /*--glossar, sitemap--*/

.sitemap {
	height: 330px;
	width: 330px;
	margin-top: 0px;
	margin-bottom: 33px;
	font-weight: normal;
	font-size: 15px;
}/*--glossar, sitemap--*/

.unterseiten {margin: 0px; list-style-type:none;}/*-----bei sitemap: Listenverschachtelung -----*/

#sitemap_links {
	float: left;
	margin-left: 40px;
}/*--glossar, sitemap--*/

#sitemap_rechts {
	float: right;
	margin-right: 40px;
}/*--glossar, sitemap--*/

#sitemap_links ul {padding: 0px; margin-left: 16px; margin-top: 3px; margin-bottom: 3px;}   

#sitemap_rechts ul {padding: 0px; margin-left: 16px; margin-top: 3px; margin-bottom: 3px;}	

/*----------dies sind die Container für die service_details: Bilder-Rollover:-------*/
	
#inhalt_bild_wdet{
	margin:0;
	height:222px;
}

#bild-kl-1{position:absolute; left:80px; top:190px; z-index:1;}

#bild-kl-2{position:absolute; left:370px; top:190px; z-index:1;}

#bild-kl-3{position:absolute; right:80px; top:190px; z-index:1;}

#bild-gr-1 {position:absolute; left:0; top:120px; z-index:2; visibility:hidden;}

#bild-gr-2 {position:absolute; left:322px; top:120px; z-index:2; visibility:hidden;}

#bild-gr-3 {position:absolute; right:0; top:120px; z-index:2; visibility:hidden;}



#glossar {height: 340px; width: 680px; margin: 16px auto;}/*----Inhalt-Container bei glossar-------*/



#sportbrillen /*------p_sportbrillen mit Link a ------*/
{	margin-bottom: 3px; padding:0;}
		
#kontaktformular {font-size: 30px; padding: 16px;text-align: center;}
	

#footer {
	height: 40px;
	background-color: #FEEBDC;
}