/* CSS Document */
/*  Farben:
	color:#f29719;  orange SSB
	color:#fbe3c1; hell-orange SSB
	color:#001a39;  dunkelblau SSB

	color:#584a8d; lila Einkauf 1
	color:#a42248; rot Handwerk 2
	color:#ca5222; orange Koerper 3
	color:#547483; grau Vorsorge 4
	color:#75b53a; gr&uuml;n Medizin 5
	color:#01ade1; tuerkis Sport 6
	color:#004a88; blau Opiker 7
	
	color:#d2cee0; hell-lila Einkauf 1h
	color:#e6c3cd; hell-rot Handwerk 2h
	color:#f1d0c3; hell-orange Koerper 3h
	color:#d1d9dd; hell-grau Vorsorge 4h
	color:#daebca; hell-gr&uuml;n Medizin 5h
	color:#bae9f7; hell-tuerkis Sport 6h
	color:#bacedf; hell-blau Opiker 7h

	*/

* {
	margin:0;
	padding:0;
}
body {
	background-color:#d0cfc9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center; /*  f&uuml;r IE 6 */
	}
/* ############################# Boxen ############################# */
#box{
	text-align:left;
	margin:auto;
	padding:0;
	width:1024px;
	background-color:#FFFFFF;
	border: 1px solid #666666; /* dunkelblau */
	}

#header{
	width:1024px;
	height:200px;
	background-image:url(images/kopf_ssb.gif);
	background-repeat:no-repeat;
}


#navigation {
	float: left;
	border: 0;
	padding: 0;
	width: 300px;
	text-align:left;
}

#inhalt {
    float:left;
	border:0;
	padding:0;
	margin:0;
	width: 722px;
}

#footer {
	width:1024px;
	background-image:url(images/ssb-fuss.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	height:50px;
	clear: both;
	text-align:center;
}





/* ############################# Startseiten Unterbochen ############################# */

#titelbild {
	float:left;
	border:0;
	top:300px;
	width:305px;
	height:570px;
	text-align:left;
	background-image:url(images/titel_ssb.jpg);
	background-repeat:no-repeat;
}

#titeltext {
    float: left;
	border: 0;
	padding: 0;
	width: 415px;
}


/* ############################# Schriften ALLGEMEIN ############################# */

P,TD{
	COLOR:#232323;
	font-size:0.83em;
	line-height:1.4em; 
	font-family: verdana,arial,helvetica,sans-serif;
	TEXT-DECORATION:none;
	margin-right:20px;
	margin-left:20px;
	margin-bottom:1.4em;
	}

.bildtext{
	COLOR:#232323;
	font-size:0.75em;
	line-height:1em; 
	font-family: verdana,arial,helvetica,sans-serif;
	TEXT-DECORATION:none;
	margin-bottom:1.4em;
	margin-top:1.4em;
	}

LI{
	COLOR:#232323;
	font-size:0.83em;
	line-height:1.4em; 
	font-family: verdana,arial,helvetica,sans-serif;
	TEXT-DECORATION:none;
	margin-right:20px;
	margin-left:40px;
	list-style-type: square;
	list-style-position:outside;
	}
	
ul{ margin-bottom:1.4em;
	list-style-type: square;
	list-style-position:inside;
	}
	

.text_mitte{
	COLOR:#232323;
	font-size:0.83em;
	line-height:1.4em; 
	font-family: verdana,arial,helvetica,sans-serif;
	TEXT-DECORATION:none;
	margin-right:20px;
	margin-left:20px;
	margin-bottom:1.4em;
	}

.mitte{
	margin-right:20px;
	margin-left:20px;
	}

/* ############################# Links ALLGEMEIN ############################# */
	
a{
	COLOR:#232323;
	font-family: verdana,arial,helvetica,sans-serif;
	TEXT-DECORATION:none;
	
	}
	
a:link{
	COLOR:#232323;
	font-family: verdana,arial,helvetica,sans-serif;
	text-decoration:none;
	
	} 
	
a:visited{
	text-decoration:none;
	color:#232323;
	}

a:Hover{
	TEXT-DECORATION:underline;
	color:#f29719;
	}

a:aktive{
	TEXT-DECORATION:none;
	Color:#D1D3B0;
	}



/* ############################# Navigation ############################# */

.menu{
	font-family: verdana,arial,helvetica,sans-serif;
	COLOR:#232323;
	font-size:1em;
	line-height:1.87em; 
	TEXT-DECORATION:none;
		font-weight:bold;
	margin-right:10px;
	margin-left:20px;
	} 
	
a.menu:link{
	font-family: verdana,arial,helvetica,sans-serif;
	COLOR:#004a88;
	font-size:1em;
	line-height:1.87em;  
	TEXT-DECORATION:none;
	font-weight:bold;
	margin-right:10px;
	margin-left:20px;
	}
	
a.menu:visited{
	text-decoration:none;
	color:#004a88;
	}

a.menu:Hover{
	TEXT-DECORATION:underline;
	color:#f29719;
	}

a.menu:aktive{
	Color:#004a88;
	TEXT-DECORATION:none;
	}	 


.umenu{
	font-family: verdana,arial,helvetica,sans-serif;
	COLOR:#004a88;
	font-size:0.83em;
	line-height:1.6em; 
	TEXT-DECORATION:none;
	font-weight:bold;
	margin-right:10px;
	margin-left:45px;
	}

	
a.umenu:link{
	font-family: verdana,arial,helvetica,sans-serif;
	COLOR:#004a88;
	font-size:0.83em;
	line-height:1.6em; 
	TEXT-DECORATION:none;
	font-weight:bold;
	margin-right:10px;
	margin-left:45px;
	}
	
a.umenu:visited{
	text-decoration:none;
	color:#004a88;
	}

a.umenu:Hover{
	TEXT-DECORATION:underline;
	color:#f29719;
	}

a.umenu:aktive{
	Color:#004a88;
	TEXT-DECORATION:none;
	}

/* ############################# Text im Fuss ############################# */
.feed{
	font-family:verdana,arial,helvetica,sans-serif;
	COLOR:#efefef;
	font-size:0.83em;
	line-height:1.4em; 
	TEXT-DECORATION:none;
	} 
	
a.feed:link{
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:0.83em;
	line-height:2.5em; 
	COLOR:#efefef;
	TEXT-DECORATION:none;
	}
	
a.feed:visited{
	text-decoration:none;
	COLOR:#efefef;
	}

a.feed:Hover{
	TEXT-DECORATION:underline;
	color:#001a39;
	}

a.feed:aktive{
	COLOR:#efefef;
	TEXT-DECORATION:none;
	}	 

/* ############################# Überschriften ############################# */

	 
H1{
	COLOR:#004a88;
	font-size:1em;
	line-height:1.87em;  
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	TEXT-DECORATION:none;
	margin-right:20px;
	margin-left:20px;
	margin-bottom:1.4em;
	}
	
	
H2{
	COLOR:#004a88;
	font-size:0.9em;
	line-height:1.4em;  
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	TEXT-DECORATION:none;
	margin-right:20px;
	margin-left:20px;
	}

H3{
	COLOR:#004a88;
	font-size:0.9em;
	line-height:1.4em;  
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	TEXT-DECORATION:none;
	margin-right:20px;
	margin-left:20px;
	margin-bottom:1.4em;
	}	

.h3{
	COLOR:#004a88;
	font-size:0.9em;
	line-height:1.4em;   
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	TEXT-DECORATION:none;
	margin-bottom:1.4em;
	}
	
a.h3:link{
	COLOR:#004a88;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	TEXT-DECORATION:none;
	margin-bottom:1.4em;
	}
	
a.h3:visited{
	text-decoration:none;
	color:#004a88;
	}

a.h3:Hover{
	TEXT-DECORATION:underline;
	Color:#f29300;
	}

a.h3:aktive{
	color:#004a88;
	text-decoration:none;
	}	 
	
/* ############################# Schriften Rubriken ############################# */

/* ############################# Schriften Einkauf lila ############################# */
	
.einkauf{
	COLOR:#584a8d;
	font-size:0.9em;
	line-height:1.8em;  
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	TEXT-DECORATION:none;
	margin-right:20px;
	margin-left:20px;
	}

a.einkauf:link{
	COLOR:#584a8d;
	font-size:0.9em;
	line-height:1.8em; 
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	TEXT-DECORATION:none;
	}
	
a.einkauf:visited{
	text-decoration:none;
	color:#584a8d;
	}

a.einkauf:Hover{
	TEXT-DECORATION:underline;
	color:#f29719;
	}

a.einkauf:aktive{
	Color:#584a8d;
	TEXT-DECORATION:none;
	}	 

/* ############################# Schriften Handwerk rot ############################# */
	
.handwerk{
	COLOR:#a42248;
	font-size:0.9em;
	line-height:1.8em;  
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	TEXT-DECORATION:none;
	margin-right:20px;
	margin-left:20px;
	}

a.handwerk:link{
	COLOR:#a42248;
	font-size:0.9em;
	line-height:1.8em; 
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	TEXT-DECORATION:none;
	}
	
a.handwerk:visited{
	text-decoration:none;
	color:#a42248;
	}

a.handwerk:Hover{
	TEXT-DECORATION:underline;
	color:#f29719;
	}

a.handwerk:aktive{
	Color:#a42248;
	TEXT-DECORATION:none;
	}	 


/* ############################# Schriften Koerper dunkelorange ############################# */
	
.koerper{
	COLOR:#ca5222;
	font-size:0.9em;
	line-height:1.8em;  
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	TEXT-DECORATION:none;
	margin-right:20px;
	margin-left:20px;
	}

a.koerper:link{
	COLOR:#ca5222;
	font-size:0.9em;
	line-height:1.8em; 
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	TEXT-DECORATION:none;
	}
	
a.koerper:visited{
	text-decoration:none;
	color:#ca5222;
	}

a.koerper:Hover{
	TEXT-DECORATION:underline;
	color:#f29719;
	}

a.koerper:aktive{
	Color:#ca5222;
	TEXT-DECORATION:none;
	}	 
	
/* ############################# Schriften Vorsorge grau ############################# */
	
.vorsorge{
	color:#547483;
	font-size:0.9em;
	line-height:1.8em;  
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	TEXT-DECORATION:none;
	margin-right:20px;
	margin-left:20px;
	}

a.vorsorge:link{
	color:#547483;
	font-size:0.9em;
	line-height:1.8em; 
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	TEXT-DECORATION:none;
	}
	
a.vorsorge:visited{
	text-decoration:none;
	color:#547483;
	}

a.vorsorge:Hover{
	TEXT-DECORATION:underline;
	color:#f29719;
	}

a.vorsorge:aktive{
	color:#547483;
	TEXT-DECORATION:none;
	}	 

/* ############################# Schriften Medizin gr&uuml;n ############################# */
	
.medizin{
	color:#75b53a;
	font-size:0.9em;
	line-height:1.8em;  
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	TEXT-DECORATION:none;
	margin-right:20px;
	margin-left:20px;
	}

a.medizin:link{
	color:#75b53a;
	font-size:0.9em;
	line-height:1.8em; 
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	TEXT-DECORATION:none;
	}
	
a.medizin:visited{
	text-decoration:none;
	color:#75b53a;
	}

a.medizin:Hover{
	TEXT-DECORATION:underline;
	color:#f29719;
	}

a.medizin:aktive{
	color:#75b53a;
	TEXT-DECORATION:none;
	}	 

/* ############################# Schriften Sport t&uuml;rkis ############################# */
	
.sport{
	color:#01ade1;
	font-size:0.9em;
	line-height:1.8em;  
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	TEXT-DECORATION:none;
	margin-right:20px;
	margin-left:20px;
	}

a.sport:link{
	color:#01ade1;
	font-size:0.9em;
	line-height:1.8em;  
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	TEXT-DECORATION:none;
	}
	
a.sport:visited{
	text-decoration:none;
	color:#01ade1;
	}

a.sport:Hover{
	TEXT-DECORATION:underline;
	color:#f29719;
	}

a.sport:aktive{
	color:#01ade1;
	TEXT-DECORATION:none;
	}	

/* ############################# Schriften Optiker blau ############################# */
	
.optiker{
	color:#004a88;
	font-size:0.9em;
	line-height:1.8em;  
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	TEXT-DECORATION:none;
	margin-right:20px;
	margin-left:20px;
	}

a.optiker:link{
	color:#004a88;
	font-size:0.9em;
	line-height:1.8em; 
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight:bold;
	TEXT-DECORATION:none;
	}
	
a.optiker:visited{
	text-decoration:none;
	color:#004a88;
	}

a.optiker:Hover{
	TEXT-DECORATION:underline;
	color:#f29719;
	}

a.optiker:aktive{
	color:#004a88;
	TEXT-DECORATION:none;
	}	 


/* ############################# Footer 1 bis 7 ############################# */

/*  Farben:
	color:#f29719;  orange SSB
	color:#fbe3c1; hell-orange SSB
	color:#001a39;  dunkelblau SSB

	color:#584a8d; lila Einkauf 1
	color:#a42248; rot Handwerk 2
	color:#ca5222; orange Koerper 3
	color:#547483; grau Vorsorge 4
	color:#75b53a; gr&uuml;n Medizin 5
	color:#01ade1; tuerkis Sport 6
	color:#004a88; blau Opiker 7
	
	color:#d2cee0; hell-lila Einkauf 1h
	color:#e6c3cd; hell-rot Handwerk 2h
	color:#f1d0c3; hell-orange Koerper 3h
	color:#d1d9dd; hell-grau Vorsorge 4h
	color:#daebca; hell-gr&uuml;n Medizin 5h
	color:#bae9f7; hell-tuerkis Sport 6h
	color:#bacedf; hell-blau Opiker 7h

	*/

body{
margin:0;
scrollbar-3dlight-color:#cccccc; 
scrollbar-arrow-color:#000066;
scrollbar-base-color:#f9f9f9;
scrollbar-darkshadow-color:#cccccc;
scrollbar-face-color:#f9f9f9;
scrollbar-highlight-color:#f9f9f9;
scrollbar-shadow-color:#f9f9f9;
bgcolor: #f9f9f9;
}


.weiter{
	text-align : right;
}
