/* --------hundeschule-eckernfoerde.de - STYLE-------- */

/*	1.basics
	2.layout
	3.links
	4.content
	5.navi
	6.subnavi */
	
/*------------------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: "Trebuchet MS", Tahoma;
	color:#300;
	background:url(../images/bg.jpg);
	background-position:top center;
	font-size: 13px;
	background-color:#fff;
	background-repeat:repeat-x;
}

html {
	overflow-x:hidden;
	overflow:-moz-scrollbars-vertical;
	SCROLLBAR-FACE-COLOR: #e6d4b8;
	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{
	margin:15px 10px 20px 35px;
	line-height:1.5em;
	text-align:justify;
	}	

	
h3{
	font-weight: bold;
	font-size: 16px;
	padding: 7px 0 5px 3px;
	line-height:18px;
	background:url(../images/bg-subheadline.gif);
	background-repeat:repeat-x; 
	height:34px;
	}
	
h4{
	color:#900;
	font-weight: bold;
	font-size: 15px;
	margin:20px 0 30px 35px;
	padding-left:70px;
	height:35px; 
	background: url(../images/pfote.gif);
	background-repeat:no-repeat;
	}
	
/*------------------2.layout------------------*/
#container{
	margin: 0px auto;
	width:845px;
	background-repeat:no-repeat;
	position:relative;}
	
#header{
	width:845px;
	height:323px;
	background:url(../images/bg-header.jpg);
	position:relative;
	z-index: 1;}

#header h1{
	font-size: 0.001em;
	color: #fff;
	position:absolute;
	text-indent:-4000px;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: left top;
	}
#header h1 a{
	width:180px;
	height:170px;
	font-size: 0.001em;
	color: #fff;
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	overflow: hidden;
	margin:26px 0 0 57px;
	}

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

#adressbox{width:290px; margin-left:35px; position:absolute;}
#adressbox01{float:left; width:85px; margin-top:210px;font-size:11px;text-align:right;}
#adressbox02{margin:210px 0 0 91px;font-size:11px;}

#boxleft{
	float:left;
	width:314px;
	background:url(../images/bg-boxleft.jpg);
	background-repeat:no-repeat;
	padding-bottom:20px;}
	
#aktuelles-box{
	margin-left:45px;
	width:250px;
	height:300px;
	}
	
#fragen-box{
	margin-left:45px;
	width:250px;
	height:130px;
	}

#content{
	width:430px;
	height:350px;
	margin-left:360px;}

#footer{
	height:60px;
	background: url(../images/bg-footer.gif);
	background-repeat:no-repeat;
	clear:both;
}	
/*------------------3.links------------------*/

a { color:#900; text-decoration:underline;}
a:hover { text-decoration:none; color:#300; }

/*------------------4.content------------------*/
.textrot{color:#900;}

.button-right{
	float:right; 
	margin:5px 20px 0 0;
	font-weight:bold; 
	color:#900;}
	
.thumb{ float:right; width:140px; height:93px; border:none; padding:20px 5px 10px 10px;}
.thumb01{width:140px; height:93px; border:none; padding:8px 5px 10px 35px;}
.thumb02{width:140px; height:93px; border:none; padding:8px 5px 10px 10px;}
.subheadline{ font-weight:bold;font-size:14px; margin:15px 10px 20px 35px; color:#900; text-align:left;}
.subheadline02{ font-weight:bold;font-size:14px; margin:15px 10px 20px 0; color:#900; text-align:left;}
.download{margin:15px 10px 20px 35px; font-weight:bold;}

.liste{
	margin:5px 5px 20px 35px;
	text-align:left;
	padding-bottom:15px;
	border-bottom:1px solid #300;}
	
.liste li{
	list-style-image:url(../images/arr.gif);
	margin:5px 0 0 20px;}
	
.liste02{
	margin:5px 5px 0 0;
	text-align:left;
	padding-bottom:5px;
	border-bottom:1px solid #300;}
	
.liste02 li{
	list-style-image:url(../images/arr.gif);
	margin:5px 0 0 20px;}
	
.liste03{
	width:185px;
	margin:5px 5px 20px 0;
	text-align:justify;
	float:left;
	}
	
.liste03 li{
	list-style-image:url(../images/arr.gif);
	margin:5px 0 0 20px;}
	
.liste04{
	margin:5px 5px 20px 200px;
	text-align:justify;}
	
.liste04 li{
	list-style-image:url(../images/arr.gif);
	margin:5px 0 0 20px;}

.fixfloat{clear:left;}
	
.absatz{
	margin:15px 10px 20px 35px;
	line-height:1.8em;
	text-align:left;
	border-bottom: 2px solid;
	padding-bottom:15px;
	color:#900;}
	
.imgleft{ float:left; margin:0 5px 0 0;}

/*------------------5.navi------------------*/
#navi{
	heiht:30px;
	margin:266px 0 0 323px;
	z-index:10;
	position:absolute;
	}
	
#navi ul{
	display:inline; 
	list-style-type:none;
	font-weight:bold;}
	
#navi li  {display:inline;}

#navi li a{
	padding:0px;
	text-decoration:none;
	display:inline;
	color:#300;}
	
#navi li a:hover {
	padding:0px;
	text-decoration:none;
	display:inline;
	color:#900;}
/*------------------6.subnavi------------------*/

#subnavi{
	height:30px;
	margin:15px 0 0 480px;
	position:absolute;
	z-index:10;
	}
	
#subnavi ul{
	display:inline; 
	list-style-type:none;
	font-weight:bold;}
	
#subnavi li  {display:inline;}

#subnavi li a{
	padding:0px;
	text-decoration:none;
	display:inline;
	color:#300;}
	
#subnavi li a:hover {
	padding:0px;
	text-decoration:none;
	display:inline;
	color:#900;}