body {
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	SCROLLBAR-HIGHLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #ebebeb; SCROLLBAR-BASE-COLOR: #ebebeb; scrollbar-3d-light-color: #000000;
}



/************* Außenrahmen ***************/
.box_neu {
	border: 1px #999999 solid;
	font-family: Arial, verdana, sans-serif;
	font-size: 9pt;
	color: #666666;
	background-color: #FFFFFF;

}

.farben_rahmen {
	border: 1px #666666 solid;

}


#hdl{
 position:absolute;
 left:15px; top:20px; width:700px; height:20px;
 z-index:49;
 	font-family: Arial, verdana, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #ED2024;
}

#divid10{
 position:absolute;
 left:24px; top:37px; width:131px; height:129px;
 z-index:50;
}


/**** die 6 Boxen padding=innen, margin=aussen Reichenfolge: oben, rechts, unten, links******/
.boxen  {
	background-image: url(box_01.gif);
	background-repeat:no-repeat;
	display:    inline;
	float:      left;
	height:     130px;
	width:      131px;
	overflow:   hidden;
	margin:     20px 0px 0px 14px;
	padding-left: 14px; 
	padding-top: 10px; 
	font-family : Arial;
	font-size : 13px;
	font-weight : bold;
	color : #FF3300;
		
}

.boxen_a  {
	background-image: url(box_02.gif);
	background-repeat:no-repeat;
	display:    inline;
	float:      left;
	height:     130px;
	width:      131px;
	overflow:   hidden;
	margin:     20px 0px 0px 14px;
	padding-left: 14px; 
	padding-top: 10px; 
	font-family : Arial;
	font-size : 13px;
	font-weight : bold;
	color : #FF3300;
	display:inline;
		
}
/************* Textbereich ganzer Innenraum, abstand rechts ***************/
.innen_text {
	border: 1px #E2E2E2 solid;
	font-family: Arial, verdana, sans-serif;
	font-size: 9pt;
	color: #666666;
	bgcolor: #FFFFFF;
	background-color: #FFFFFF;
	width:409px;
	float:left;
	margin:  10px 10px 15px 13px;
	padding: 5px 70px 8px 13px;
	display:inline;
}


/************* Textbereich zweidrittelgestaltung ***************/
.innen {
	border: 1px #E2E2E2 solid;
	font-family: Arial, verdana, sans-serif;
	font-size: 9pt;
	color: #666666;
	bgcolor: #FFFFFF;
	background-color: #FFFFFF;
	width:300px;
	float:left;
	margin:  10px 5px 15px 13px;
	padding: 5px 8px 8px 8px; 
	display:inline;
}



/************* Textbereich eindrittel schmal rechts ***************/
.innen_schmal {
	border: 1px #E2E2E2 solid;
	font-family: Arial, verdana, sans-serif;
	font-size: 9pt;
	color: #666666;
	bgcolor: #F8F8F8;
	background-color: #F8F8F8;
	width:148px;
	float:right;
	margin:  10px 13px 5px 0px;
	padding: 5px 2px 8px 6px; 
	display:inline;
}


/************* Textbereich eindrittel schmal rechts OHNE Rand ***************/
.innen_schmal_ohne {
	font-family: Arial, verdana, sans-serif;
	font-size: 9pt;
	color: #666666;
	width:180px;
	float:right;
	margin: 7px 3px 5px 0px;
	display:inline;
}


/************* Textbereich eindrittel schmaler für KONTAKTSEITE rechts ***************/
.innen_kontakt {
	border: 1px #E2E2E2 solid;
	font-family: Arial, verdana, sans-serif;
	font-size: 9pt;
	color: #666666;
	bgcolor: #FFFFFF;
	background-color: #FFFFFF;
	width:300px;
	float:left;
	margin:  10px 1px 15px 13px;
	padding: 5px 3px 8px 8px; 
	display:inline;
}


/************* Textbereich eindrittel schmal rechts mit runden Ecken ***************/

.runde_ecken{
	-moz-border-radius:10px;
	border: 1px #E2E2E2 solid;
	font-family: Arial, verdana, sans-serif;
	font-size: 9pt;
	color: #666666;
	bgcolor: #F8F8F8;
	background-color: #F8F8F8;
	width:148px;
	float:right;
	margin:  10px 13px 5px 0px;
	padding: 5px 2px 8px 6px; 
	display:inline;
}


.runde_ecken_ohne{
	font-family: Arial, verdana, sans-serif;
	font-size: 9pt;
	color: #666666;
	width:160px;
	float:right;
	margin:  10px 13px 5px 0px;
	display:inline;
}

/************* Textbereich längs, für Unternavigation mit Rahmen ***************/
.innen_lang {
	border: 1px #E2E2E2 solid;
	font-family: Arial, verdana, sans-serif;
	font-size: 9pt;
	color: #666666;
	bgcolor: #FFFFFF;
	background-color: #FFFFFF;
	width:475px;
	float:left;
	margin:  10px 10px 15px 13px;
	padding: 5px 8px 8px 8px;
	display:inline;
}


/************* Textbereich längs, für Unternavigation mit Rahmen ***************/
.innen_lang_bg {
	border: 1px dotted #FF8040;
	font-family: Arial, verdana, sans-serif;
	font-size: 9pt;
	color: #666666;
	bgcolor: #FFFFFF;
	background-color: #FFFBF4;
	width:475px;
	float:left;
	margin:  10px 0px 15px 13px;
	padding: 5px 8px 8px 8px;
	display:inline;
}

/************* Textbereich längs, obere Unternavigation ohne Rahmen mit Tabelle zuverwenden ***************/
.innen_lang_ohne {

	font-family: Arial, verdana, sans-serif;
	font-size: 9pt;
	color: #666666;
	bgcolor: #FFFFFF;
	background-color: #FFFFFF;
	width:475px;
	float:left;
	margin:  10px 10px 15px 13px;
	padding: 5px 8px 8px 8px;
	display:inline;
	
}



/************* Textbereich längs, ohne Rahmen z.B für Platzierung von Button ***************/
.innen_lang_shop {
	width:475px;
	float:left;
	margin:  0px 10px 0px 13px;
	padding: 0px 8px 0px 8px;
	display:inline;
}


/************* Textbereich längs ohne Rahmen, ganze Breite FÜR DEN SHOP ***************/
.innen_ganz {

	font-family: Arial, verdana, sans-serif;
	font-size: 9pt;
	color: #666666;
	bgcolor: #FFFFFF;
	background-color: #FFFFFF;
	width:583px;
	float:left;
	margin:  10px 10px 5px 13px;
	padding: 5px 8px 5px 8px;
	display:inline;
}




/************* Textbereich längs MIT Rahmen, ganze Breite FÜR DEN SHOP ***************/
.innen_ganz_rahmen {

	font-family: Arial, verdana, sans-serif;
	font-size: 9pt;
	border: 1px #E2E2E2 solid;
	color: #666666;
	bgcolor: #FFFFFF;
	background-color: #FFFFFF;
	width:583px;
	float:left;
	margin:  10px 10px 15px 13px;
	padding: 5px 8px 8px 8px;
	display:inline;
}



/************* Textbereich zweidrittelgestaltung im SHOP LÄNGER ***************/
.innen_halb_shop {
	border: 1px #E2E2E2 solid;
	font-family: Arial, verdana, sans-serif;
	font-size: 9pt;
	color: #666666;
	bgcolor: #FFFFFF;
	background-color: #FFFFFF;
	width:400px;
	float:left;
	margin:  10px 10px 15px 13px;
	padding: 5px 8px 8px 8px; 
	display:inline;
}




/************* Überschriften oben ***************/

.headlines {
	font-family: Arial, verdana, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #ED2024;
	float:  left;
	width:450px;
	margin:  5px 0px 5px 13px;
	padding: 35px 5px 0px 8px;
	display:inline;
}

/************* Kleinere Überschriften im Text ***************/

.headlines_kleiner {
	font-family: Arial, verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ED2024;
	float:  left;
	width:475px;
	margin:  4px 10px 0px 13px;
	padding: 8px 8px 0px 8px;
	display:inline;
}

.headlines_unterschrift {
	font-family: Arial, verdana, sans-serif;
	font-size: 9pt;
	color: #ED2024;
	float:  left;
	width:475px;
	margin:  0px 10px 0px 13px;
	padding: 0px 8px 0px 8px;
	display:inline;
}



/************* Kleinere Überschriften IN der Box ***************/

.headlines_inbox {
	font-family: Arial, verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ED2024;


}

/************* Text orange ***************/

.orange_text {
	color: #ED2024;
	
}
/************* Text weiss ***************/

.weiss_text {
	color: #FFFFFF;
	
}
/************* Textlinks normal ***************/
	  
 a:link, a:active, a:visited {
	font-family: Arial, verdana, sans-serif;
	font-size: 9pt;
	color: #666666;
	text-decoration : none;
}

a:hover 
{
	font-family: Arial, verdana, sans-serif;
	font-size: 9pt;
	color: #999999;
	text-decoration : underline;

}

/************* Textlinks orange für aktiven Bereich ***************/

a.referenzen:LINK, a.referenzen:VISITED, a.referenzen:ACTIVE{
	font-family: Arial, verdana, sans-serif;
	font-size: 9pt;
	color: #666666;
	text-decoration : underline;

}

a.referenzen:HOVER{ 
	font-family: Arial, verdana, sans-serif;
	font-size: 9pt;
	color: #666666;
	text-decoration : underline;
 }

/************* Textlinks orange für aktiven Bereich ***************/

a.orange:LINK, a.orange:VISITED, a.orange:ACTIVE{
	font-family: Arial, verdana, sans-serif;
	font-size: 9pt;
	color: #FA8005;
	text-decoration : underline;

}

a.orange:HOVER{ 
	font-family: Arial, verdana, sans-serif;
	font-size: 9pt;
	color: #E85211;
	text-decoration : underline;
 }


/************* Kopfbereich Gestaltung abgeschlossen ***************/
.container_menue{
	float:  right;
	display:inline;
}

.headline_big{
	font-family: Arial, verdana, sans-serif;
	font-size: 35px;
	font-weight: bolder;
	color: #FFFFFF;
	float:  right;
	height:57px;
	display:inline;
}


.headline_left {
	font-family: Arial, verdana, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #FF9900;
	float:  left;
	display:inline;
}

.headline_right {
	font-family: Arial, verdana, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #ED2024;
	float: right;
	display:inline;
}

/************* Obermenü Orange ***************/

A.menue, a.menue:LINK, a.menue:VISITED, a.menue:ACTIVE  {
display: block;
text-decoration: none;
font-family: Verdana, Arial, sans-serif; 
font-size: 11px;
font-weight : bold;
color: #E10000;
BORDER: none;
PADDING: 3px 6px 3px 6px;
background-color: #F8F8F8;

}

A.menue:hover {
color: #FFFFFF;
font-size: 11px;
font-weight : bold;
text-decoration: none;
background-color:#CC0000;
}

/************* Obermenü Dunkel Orange aktiver Menüpunkt ***************/

A.menuea, a.menuea:LINK, a.menuea:VISITED, a.menuea:ACTIVE  {
display: block;
text-decoration: none;
font-family: Verdana, Arial, sans-serif; 
font-size: 11px;
font-weight : bold;
color: #FFFFFF;
background-color:#B30000;
BORDER: none;
PADDING: 3px 6px 3px 6px;

}

A.menuea:hover {
color: #FFFFFF;
font-size: 11px;
font-weight : bold;
text-decoration: none;

}
/************* Obermenü Dunkel Orange aktiver Menüpunkt SHOP ***************/

A.menues, a.menues:LINK, a.menues:VISITED, a.menues:ACTIVE  {
display: block;
text-decoration: none;
font-family: Verdana, Arial, sans-serif; 
font-size: 11px;
font-weight : bold;
color: #FFFFFF;
background-color: #FF3366;
BORDER: none;
PADDING: 3px 6px 3px 6px;

}

A.menues:hover {
color: #FFFFFF;
background-color:#FF0000;
font-size: 11px;
font-weight : bold;
text-decoration: none;

}

/************* MENÜ SHOP LINKS ***************/

A.sl, a.sl:LINK, a.sl:VISITED, a.sl:ACTIVE  {
display: block;
font-family: Arial, verdana, sans-serif;
font-size: 12px;
color: #666666;
text-decoration : none;
BORDER: none;
PADDING: 1px 4px 1px 5px;
background-color:#EFEFEF;

}

A.sl:hover {
text-decoration: none;
background-color:#FFFFFF;
}

/************* MENÜ SHOP LINKS AKTIV ***************/

A.sla, a.sla:LINK, a.sla:VISITED, a.sla:ACTIVE  {
display: block;
font-family: Arial, verdana, sans-serif;
font-size: 12px;
color: #666666;
text-decoration : none;
BORDER: none;
PADDING: 1px 4px 1px 5px;
background-color:#FFFFFF;

}

A.sla:hover {
text-decoration: none;
background-color:#E2E2E2;
}



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

input.textfeld {
background-color:#eeeeee;
color:#666666;
border:1px solid #cccccc;
width:180px;
font-family: Arial, verdana, sans-serif;
font-size: 11px;
height: 12px;
}

textarea.textfeld_lang {
background-color:#eeeeee;
color:#666666;
border:1px solid #cccccc;
width:288px;
height:230px;
font-family: Arial, verdana, sans-serif;
font-size: 11px;

}

FORM {
DISPLAY: inline;
}
.sbutton {
	font-family: Arial, verdana, sans-serif;
	font-size: 10px;
	color: #666666;
	border: 1px solid #CCCCCC;
	padding: 1px;
	height: 19px;
	width:140px;
	BACKGROUND-COLOR: #F0F5F7;
	cursor: hand;

}