/****************************************************
 *  FIRMENPUNKT gmbh                               *
 *  (c) 2004                                        *
 *  http://www.firmenpunkt.de                       *
 *  - - aw - -                                      *
 ****************************************************
 *  mailto:webmaster@firmenpunkt.de                 *
 *  sitedesign, scripting (c) FIRMENPUNKT gmbh     *
 *  no use without permission!                      *
 ***************************************************/
 
/*algemein*/


body {
	background-color: #9CACE1;
	margin: 0px;
	padding: 0px;
	}
	
#container {
	width: 760px;
	background-color: #9CACE1;
	position: absolute;
	left: 50%;
	margin-left: -380px;
	top: 0px;
	padding: 0px;
	}
	
/*Beginn Kopf*/

#header {
	width: 760px;
	height: 111px;
	padding: 0px;
	margin: 0px;	
	}
	
.abstand {
	width: 760px;
	height: 6px;
	background-color: #9CACE1;
	padding: 0px;	
	}
	

#roundtop {
	width: 760px;
	height: 18px;
	background-color: #9CACE1;
	padding: 0px;	
	}
	
#roundtop_left {
	width: 18px;
	height: 18px;
	float: left;
	background-color: #9CACE1;
	background: transparent url(../images/rundungen/links_oben.gif) no-repeat top left;
	}

#roundtop_middle {
	width: 724px;
	height: 18px;
	float: left;
	background-color: #8C8C8C;
	}
	
#roundtop_right {
	width: 18px;
	height: 18px;
	float: left;
	background-color: #9CACE1;
	background: transparent url(../images/rundungen/rechts_oben.gif) no-repeat top left;
	}
	
#yellowtop {
	width: 760px;
	height: 2px;
	background-color: #FDD113;
	font: 1px verdana, arial, sans-serif;		
	}	
	
#greytop {
	width: 760px;
	height: 5px;
	font-size: 1px;
	background-color: #BFBBBB;
	}
	
/*leiste mit logo*/
#head {
	width: 760px;
	height: 70px;
	margin: 0px;
	padding: 0px;
	background: transparent url(../images/head/head_back.gif) repeat top left;
	position: relative;
	}

#head h1 {
	width: 249px;
	height: 70px;
	float: left;
	background: transparent url(../images/logo1.gif) no-repeat top left;
	margin: 0px;
	padding: 0px;	
	background-color: transparent;
	}
	
#head h1 span {
	display: none;
	}
	
#head h2 span {
	display: none;
	}
	
#head h2 {
	width: 411px;
	height: 70px;
	float: left;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	}
	
#head h3 {
	width: 80px;
	height: 65px;
	float: right;
	margin: 0px;
	padding: 0px;
	background: transparent url(../images/logo2.gif) no-repeat top left;
	background-color: transparent;
	margin-top: 5px;
	}
			
#stripes {
	width: 760px;
	height: 10px;
	background-color: #BFBBBB;
	background: transparent url(../images/stripes/stripes_grey.gif) repeat top left;
	font: 1px verdana, arial, sans-serif;	
	}
	
#yellowtop01 {
	width: 760px;
	height: 2px;
	margin: 0px;
	padding: 0px;
	background-color: #FDD113;
	font: 1px verdana, arial, sans-serif;		
	}

/*mittlerer teil*/
#content {
	width: 760px;
	height: 445px;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;	
	}
	
#navi_left {
	width: 190px;
	height: 445px;
	float: left;
	padding: 0px;		
	}

#navi_left01 {
	width: 190px;
	height: 285px;
	padding: 0px;
	background: transparent url(../images/back/navi_back.gif) repeat top left;
	}
	
#navi_left02 {
	width: 190px;
	height: 160px;
	padding: 0px;
	background: transparent url(../images/back/dose.gif) no-repeat top center;	
	}
	
#content01 {
	width: 570px;
	height: 445px;
	float: left;
	padding: 0px;	
	}

/*textinhalt*/
#content02 {
	width: 535px;
	height: 425px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	margin: 0px;
	background: transparent url(../images/back/back-b.gif) no-repeat center center;
	color: #000000;
	font: 10px verdana, arial, sans-serif;
	}
	
#content03 {
	width: 535px;
	height: 425px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	margin: 0px;
	background: transparent url(../images/back/back.gif) no-repeat center center;
	color: #000000;
	font: 10px verdana, arial, sans-serif;
	}
	
#contentstripes {
	width: 570px;
	height: 15px;
	padding: 0px;
	margin: 0px;
	font: 10px verdana, arial, sans-serif;
	background: transparent url(../images/stripes/stripes_blue.gif) repeat top center;	
	}

#footer {
	width: 760px;
	height: 19px;
	padding: 0px;
	margin: 0px;	
	}
	
#yellowfooter {
	width: 760px;
	height: 2px;
	margin: 0px;
	padding: 0px;
	background-color: #FDD113;
	font: 1px verdana, arial, sans-serif;		
	}

#roundfooter {
	width: 760px;
	height: 18px;
	background-color: #9CACE1;
	padding: 0px;	
	}
	
#roundfooter_left {
	width: 18px;
	height: 18px;
	float: left;
	background-color: #9CACE1;
	background: transparent url(../images/rundungen/links_unten.gif) no-repeat top left;
	}

#roundfooter_right {
	width: 742px;
	height: 18px;
	float: left;
	background-color: #8C8C8C;
	}
		
#abstand {
	width: 760px;
	height: 6px;
	background-color: #9CACE1;
	padding: 0px;	
	}
	
/*navigation oben*/

#mainNavi {
	width: 280px;
	height: 10px;
	text-align: right;
	padding: 0px;
	position: absolute;
	left: 50%;	
	margin-left: 203px;
	margin-top: -7px;
	color: #F0EBC5;
	}

#mainNavi ul {
	margin: 11px 0px 0px 0px;
	padding: 0px;
	}
	
#mainNavi li{
	float: left;
	display: block;
	margin-left: 4px;
	margin-right: 4px;
	}
	
#mainNavi li a.mainNavi:link, a.mainNavi:visited { 
	margin-left: 8px;
	margin-right: 8px;
	font: 10px verdana, arial, sans-serif;
	color: #F0EBC5;
	font-weight: bold;
	text-decoration: none;	
	}
	
#mainNavi li a.mainNavi:hover { 
	margin-left: 8px;
	margin-right: 8px;
	font: 10px verdana, arial, sans-serif;
	color: #FDD113;
	font-weight: bold;
	text-decoration: none;
	}
	
/*navigation links*/

#Navileft {
	width: 188px;
	height: 200px;
	text-align: left;
	padding: 0px;
	position: absolute;
	left: 50%;	
	margin-left: -377px;
	top: 113px;
	color: #7D7A7A;
	font: 9px verdana, arial, sans-serif;
	}

#Navileft ul {
	margin: 11px 0px 0px 0px;
	padding: 0px;
	}
	
#Navileft li {
	list-style-type: none;
	margin-bottom: 8px;
	margin-top: 8px;
	}
	
#Navileft li a.Navileft:link, a.Navileft:visited, a.Navileft:active { 
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;	
	}
	
#Navileft li a.Navileft:hover { 
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;	
	letter-spacing: 1px;
	}	

#Navileft li.linie {
	list-style-type: none;
	height: 1px;
	line-height: 1px;
	background-color: #000000;
	font-size: 1px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 10px;
	margin-right: 5px;
	}
	
#Navileft li span.productsearch {
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}

#Navileft .caption {
	font-size: 15px;
	}

/*kstchen*/

#Navileft li span.NaviArrow {
	background-color: #FDD113;
	border: 1px solid #000000;
	width: 4px;
	height: 4px;	
	display: block;
	float: left;
	font-size: 1px;
	margin-top: 5px;
	margin-right: 2px;
}
	
#Navileft li span.NaviArrow_hl {
	background-color: #9CACE1;
	border: 1px solid #000000;
	width: 4px;
	height: 4px;	
	display: block;
	float: left;
	font-size: 1px;
	margin-top: 5px;
	margin-right: 2px;
}

/*text*/
.ueberschrift {	
	color: #5467C4;
	font: 18px verdana, arial, sans-serif;
	font-weight: bold;
}

.unter_ueberschrift {	
	color: #000000;
	font: 11px verdana, arial, sans-serif;
	font-weight: bold;
}

.text {
	color: #000000;
	font: 11px verdana, arial, sans-serif;
}
.betoner_text01 {
	color: #000000;
	font: 13px verdana, arial, sans-serif;
	font-weight: bold;
}

.betoner_text02 {
	color: #000000;
	font: 10px verdana, arial, sans-serif;
	font-weight: bold;
}

.formular {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background: #ffffff;
	border: 1px solid #5467C4;
	width: 150px;
}

.formular2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background: #DEDEDE;
	border: 1px solid #5467C4;
	width: 150px;
}

.anrede {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background: #ffffff;
	border: 1px solid #5467C4;
	width: 50px;
}

a.link:link, a.link:visited, a.link:active {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #5467C4;
}

a.link:hover {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	color: #5467C4;	
}

a.rot:link, a.rot:visited, a.rot:active {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	text-E22828: none;
	color: #E22828;
}

a.rot:hover {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #8C1919;	
}

/*bilder*/
.pics {	
	float:right;
	margin-left:10px;
	margin-top:10px
}