/* --------karl-raedisch.de - STYLE-------- */

/*	1.basics
	2.layout
	3.links
	4.content
	5.navi*/
	
/*------------------1.basics------------------*/
html, body, div, p, h1, h2, h3, ul, ol,  span, a, table, td, form, img, li, input, form, object, textarea{
	margin: 0px;
	padding: 0px;
	
}
html, body{
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color:#666;
	font-size: 12px;
	background-image: url(../images/bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

html {
	overflow-x:hidden;
	overflow:-moz-scrollbars-vertical;
	SCROLLBAR-FACE-COLOR: #ccc;
	SCROLLBAR-HIGHLIGHT-COLOR: #fff;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	SCROLLBAR-BASE-COLOR: #ffffff;
	scrollbar-3d-light-color: #ffffff;
}

p{
	padding:15px 0 15px 0;
	line-height:20px;
	border-top:1px solid #ccc; 
	}
	
h2{
	margin:0px auto;
	font-size:16px;
	text-align:right;
	line-height:18px;
	font-weight: bold;
	padding:3px 0 5px 5px;
	color:#f90;
	border-bottom:1px solid #ccc;
	}
h3{
	text-align:right;
	font-size:13px;
	font-weight: bold;
	padding:5px 0 50px 0;
	}
/*------------------2.layout------------------*/
#container{
	margin: 0px auto;
	width:783px;
	position:relative;}
	
#header{
	height:326px;
	margin: 0 0 0 0px;	
	z-index: 1;
	}

#header h1{
	font-size: 0.001em;
	color: #fff;
	position:absolute;	
	text-indent:-4000px;
	z-index: 1;
	background: url(../images/bg_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
#header h1 a{
	width: 783px;
	background-image: url(../images/bg_header.jpg);
	font-size: 0.001em;
	height:326px;
	color: #fff;
	text-decoration: none;
	display: block;
	overflow: hidden;
	}

#header h1 a:hover{color: #fff; text-decoration: none;}

#adressblock{
	width:190px;
	margin-top:55px;
	padding:45px 15px 0 0;
	text-align:right;
	border-right:1px solid #ccc; float:left;}
	
#content{
	width:575px; 
	margin-top:50px;
	float:right;}
	
#headline{width:183px;}

#textfeld{float:right; width:307px; margin: 0 23px 0 0;}

#footer{
	border-bottom:6px solid #c00; 
	width:360px; 
	clear:both;
	padding-top:10px; 
	margin: 0 0 20px 420px;
}
*html #footer{margin: 0 0 20px 400px;padding-top:0px; }

/*------------------3.links------------------*/
a { color: #c00;text-decoration:underline;}
a:hover { color: #666; text-decoration:none;}
/*------------------4.content------------------*/
.liste{
	color:#c00; 
	padding: 10px 0 10px 100px; 
	border-top:1px solid #ccc;}
.liste ul{ 
	list-style-image:url(../images/arrow.png);
	display:block;}	
.liste li  { list-style-image:url(../images/arrow.png); padding:0 0 10px 0;}

/*------------------5.navi------------------*/

#navi {
	z-index:5;
	top:253px;
	height:55px;
	width:570px;
	left:207px;
	position:relative;
}

#navi ul{
	list-style-type:none;
	}
	
#navi li  { display:inline;}


#navi li a {
	height: 55px;
	text-decoration:none; 
	background-repeat:no-repeat;
	font-size: 0.001em;
	color: #fff;
	text-indent:-4000px;
	position:absolute;
}
	
#button01 a {background: url(../images/navi/wir01.jpg);width:192px;}
#button01 a:hover { background: url(../images/navi/wir02.jpg);background-repeat:no-repeat;}
#button01-aktiv a { background: url(../images/navi/wir02.jpg);background-repeat:no-repeat;}

#button02 a {background: url(../images/navi/leistungen01.jpg);margin-left:188px;width:186px;}
#button02 a:hover { background: url(../images/navi/leistungen02.jpg);background-repeat:no-repeat;}
#button02-aktiv a { background: url(../images/navi/leistungen02.jpg);background-repeat:no-repeat;}

#button03 a {background: url(../images/navi/sortiment01.jpg);margin-left:378px;width:198px;}
#button03 a:hover { background: url(../images/navi/sortiment02.jpg);background-repeat:no-repeat;}
#button03-aktiv a { background: url(../images/navi/sortiment02.jpg);background-repeat:no-repeat;}

/*------------------5.1 subnavi------------------*/

#subnavi {
	z-index:5;
	top:45px;
	height:18px;
	left:395px;
	position:relative;
}

#subnavi ul{
	list-style-type:none;
	}
	
#subnavi li  {display:inline; margin: 0 36px 0 0; }


#subnavi li a {
	color: #666;
	text-decoration:none;
}

#subnavi li a:hover {
	color: #c00;text-decoration:none;
	
}

/*------------------6 anfahrt------------------*/
.karte{position:absolute; left:15px; top:15px; width:600px; height:450px; z-index:2; visibility: hidden;}
.karte a {
color : #333333;
text-decoration :  none;
}
.karte a:visited  {color : #333333; 
}
.karte a:active  {color : #cc0000; 
}
.karte a:hover  {color : #cc0000;
}