* { margin: 0px; padding: 0px;}

body {
	font-family: Univers, Arial, Helvetica, sans-serif;
	font-size: 12px;;
	line-height: 1.4em;
	color: #333333;
	background-color: #cccccc;
	background-image: url(../images/back_streifen.jpg);
	background-repeat: repeat-x;
	width: 100%;
}

p, h1, h2, h3, h4 {
	font-family: Univers, Arial, Helvetica, sans-serif;
}

a { text-decoration: none; color: #333333; }
a:hover { color: #666666; }
a:visited { color: #333333; }


h1 { font-weight: bold; font-size: 20px; line-height: 1.1em; color: #004494; padding-bottom: 20px; }
h2 { font-weight: bold; font-size: 16px; color: #004494; padding-bottom: 15px; }
h3 { font-weight: bold; font-size: 13px; color: #004494; padding-bottom: 15px; }
h4 { font-weight: bold; font-size: 13px; color: #333333; padding-bottom: 15px; }



/* Bereiche */

#wrapper {
	width: 716px;
	margin: auto;
}



#clearer {
	clear: both;
}



/* Bereich Header */

div#rahmen_oben {
	width: 716px;
	padding: 0px 15px;
	background: white;
}

div#header {
	width: 673px;
	padding: 0px 21px;
	border-left: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
	height: 368px;
}


div#logo {
	padding-top: 8px;	
	width: 262px;
	height: 34px;
	float: right;
}
div#logo #buttonzumwebshop {float:right;margin:7px 1px 0 0;}

/* Bereich Header Mainnavi */

div#mainnavi {
	height: 68px;
	width: 355px;
	float: left;
}

div#mainnavi ul {
	list-style: none;
}

div#mainnavi ul li {
	float: left;
	width: 87px;
	border-right: 1px solid #999999;
	text-align: center;
	
}

div#mainnavi ul li a {
	font-size: 13px;
	display: block;
	text-decoration: none;
	color: #333333;
	padding-top: 40px;
	height: 23px;
	border-bottom: 5px solid white;
}

div#mainnavi ul li a:hover {
	text-decoration: none;
	border-bottom: 5px solid #1a4e8f;
}
div#mainnavi ul a:active {
	background-color: #f0f0f0;
	color: #004494;
	font-weight: bold;
	text-decoration: none;
}



/* Bereich Inhalt */

div#bildbereich { 
	width: 673px;
	height: 300px; 
}


div#rahmen_unten {
	width: 716px;
	padding: 0px 15px;
}


	div#content { 
		float: left;
		width: 673px;
		padding: 21px 21px;
		border-left: 1px solid #bcbcbc;
		border-bottom: 1px solid #bcbcbc;
		border-right: 1px solid #bcbcbc;
		background-color: white;
	
	}
	
	div#content a {
		text-decoration: underline; color: #004494; 
	}
	
	div#content p span {
		color: #004494; font-weight: bold;
	}
	
			div#spalte1{
				float: left;
				width: 297px;
				padding-right: 60px;
			}
			
			
			div#spalte1-rahmen {
				float: left;
				width: 277px;
				padding: 25px 50px 20px 30px;
			}
			
			
			
			div#spalte2 {
				float: left;
				width: 315px;
			}
						
				div#infobox {
					background-color: #eeeeee;
					width: 285px;
					padding: 15px 15px;
					color: #333;
				}
				
					div#infobox td { width: 142px; padding-bottom: 5px;}
			
				
					div#infobox a.marke { text-decoration: none; font-size: 12px; color: #333;  padding-left: 8px; }
					div#infobox a:hover.marke { text-decoration: none; font-weight: bold; font-size: 12px; color: #004494; background: url(../images/markenpfeil.gif) no-repeat; padding-left: 8px; }
					
					div#infobox a.moebel { text-decoration: none; font-weight: bold; font-size: 12px; color: #004494; padding-left: 8px; }
					div#infobox a:hover.moebel { text-decoration: none; font-weight: bold; font-size: 12px;  background: url(../images/markenpfeil.gif) no-repeat; padding-left: 8px; }
					
		
/* Bereich Footer */

div#footer {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 10px;
	font-weight: normal;
	padding: 0px;
}
div#footer div#rootnavi {
	display: inline;
	float: left;
	width: 432px;
}

div#rootnavi ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
div#rootnavi ul li {
	display: inline;
	margin: 0px;
}
div#rootnavi ul li a {
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	color: #333333;
}
div#rootnavi ul li a:hover {
	text-decoration: none;
	color: #999999;
}
div#rootnavi ul li a:active, div#rootnavi ul li a.active {
	text-decoration: none;
	color: #999999;
}



/* --- SEITENSPEZIFISCHE ANPASSUNGEN ---*/


/* Seite Service */

div#spalte1_service{
				float: left;
				width: 397px;
				padding-right: 60px;
			}

div#spalte2_service {
				float: left;
				width: 215px;
			}


/* Popup-Formular Terminvereinbarung */

#terminformular #formulartabelle td { color: #333; padding-right: 10px;}
#terminformular p { color: #333; }
#terminformular #absenden {font-weight: bold; font-size: 16px; color: #004494;}
#terminformular #absenden:hover {font-weight: bold; font-size: 16px; color: #3f6694;}