/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
created by agentur etcetera
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
/* ----- Standart Schrift ----- */

body,a,div,p,li,ul,h1,h2,h3,h4,h5,h6,form,fieldset,legend,label,input,textarea,select,optgroup,option{
	font: normal 11px/14px Verdana,Arial,sans-serif;
	color:#000000;
}

/* ----- HTML und BODY ----- */

body,html{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-color:#ffffff;
}

/* ----- complete ----- */

#horizon{
	width:100%;
	height:1px;
	overflow:visible;
	visibility:visible;
	display:block;
	margin:0px;
	/* Hides from IE-mac \*/
	position:absolute;
	top:50%;
	left:0px;
	margin-top:-200px;
	/* End hide from IE-mac */
	padding:0px 0px 0px 0px;
}
#container{
	display:block;
	width:100%;
	height:395px;
	margin:0px auto 0px auto;
	padding:0px;
	background-color:#ffffff;
}

/* ----- Head ----- */

#head{
	display:block;
	width:100%;
	height:65px;
	margin:0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	background-image:url(http://www.dirkpaulus.de/htdocs/_images/top-bg.gif);
}
#navi{
	display:block;
	width:760px;
	height:65px;
	margin:0px auto 0px auto;
	padding:0px;
}
#navi img{
	display:block;
	float:left;
	width:69px;
	height:65px;
	margin:0px;
	padding:0px;
}

/* ----- Navigation ----- */

#navigation{
	display:block;
	float:left;
	width:691px;
	height:20px;
	margin:45px 0px 0px 0px;
	padding:0px;
}
#navigation ul{
	display:block;
	width:691px;
	height:20px;
	margin:0px;
	padding:0px;
	list-style:none outside none;
}
#navigation ul li{
	display:block;
	float:left;
	width:80px;
	height:20px;
	margin:0px 0px 0px 5px;
	padding:0px;
	text-align:center;
}
#navigation ul li a{
	width:100%;
	height:20px;
	display:block;
	margin:0px;
	padding:0px;
	text-align:center;
	text-decoration:none;
	font:normal 11px/20px Verdana, Arial, Sans-Serif;
	color:#4a4a4c;
	background-color:#eceff2;
}
#navigation ul li a:hover{
	color:#ffffff;
	background-color:#a1c6cf;
}
#navigation ul li a.selected{
	width:100%;
	height:20px;
	display:block;
	margin:0px;
	padding:0px;
	text-align:center;
	text-decoration:none;
	font:normal 11px/20px Verdana, Arial, Sans-Serif;
	color:#ffffff;
	background-color:#a1c6cf;
}

/* ----- Body ----- */

#body{
	display:block;
	clear:both;
	width:100%;
	height:300px;
	padding:0px auto 0px auto;
	margin:0px;
	font:normal 11px/16px Verdana, Arial, Sans-Serif;
	overflow:hidden;
	background-color:#f7f8f9;
	border-bottom:1px solid #a1c6cf;
	background-position:center center;
	background-repeat:no-repeat;
}
#content{
	display:block;
	width:760px;
	height:300px;
	margin:0px auto 0px auto;
	padding:0px;
	font:normal 11px/16px Verdana, Arial, Sans-Serif;
	overflow:auto;
}

#content h1{
	height:18px;
	margin:0px;
	padding:0px;
	font:bold 11px/18px Verdana, Arial, Sans-Serif;
	text-indent:16px;
	color:#a1c6cf;
	background-image:url(http://www.dirkpaulus.de/htdocs/_images/punkt-hell.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
}
#content h2{
	height:18px;
	margin:0px;
	padding:0px;
	font:bold 11px/18px Verdana, Arial, Sans-Serif;
	text-indent:16px;
	color:#a1c6cf;
}
#content p{
	margin:0px;
	padding:0px;
	font:normal 11px/18px Verdana, Arial, Sans-Serif;
	color:#4a4a4c;
}
#content p.italic{
	margin:0px;
	padding:0px;
	font:italic 11px/16px Verdana, Arial, Sans-Serif;
	color:#4a4a4c;
}
#content p.dot{
	margin:0px;
	padding:0px 0px 0px 16px;
	font:normal 11px/18px Verdana, Arial, Sans-Serif;
	color:#4a4a4c;
	background-image:url(http://www.dirkpaulus.de/htdocs/_images/punkt-klein.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
}
#content a{
	font:normal 11px/16px Verdana, Arial, Sans-Serif;
	text-decoration:none;
	color:#4a4a4c;
}
#content a img{
	border:0px none #fff;
}
#content a:hover{
	text-decoration:underline;
}

#address{
	width:679px;
	height:20px;
	display:block;
	claer:both;
	margin:0px;
	padding:0px;
	text-align:left;
	text-indent:31px;
	border-top:1px solid #4a4a4c;
	font:normal 10px/20px Verdana, Arial, Sans-Serif;
	color:#4a4a4c;
}
#address a{
	text-decoration:none;
	color:#4a4a4c;
}
div.clear{
	display:block;
	height:1px;
	width:1px;
	font:normal 1px/1px Sans-Serif;
	clear:both;
}
span.email{
	display:block;
	float:left;
	width:80px;
	color:#a1c6cf;
}
/* ----- Foot ----- */

#foot{
	width:760px;
	height:29px;
	display:block;
	claer:both;
	margin:0px auto 0px auto;
	padding:0px;
	text-align:center;
	font:normal 11px/29px Verdana, Arial, Sans-Serif;
	color:#4a4a4c;
}
#foot a{
	text-decoration:none;
	color:#4a4a4c;
	font:normal 11px/29px Verdana, Arial, Sans-Serif;
}
#foot span{
	color:#a1c6cf;
}

/* ----- Bilder ----- */

img{
	border:0px none #;
	margin:0px;
	padding:0px;
}

/* ----- Galerie ----- */

div.galdiv{
	width:679px;
	height:46px;
	margin:10px 0px 0px 0px;
	padding:0px;
	border-top:1px solid #ffffff;
}
ul.galerieMenu{
	display:block;
	float:left;
	margin:5px 0px 0px 0px;
	padding:0px;
	list-style:none outside none;
}
li.galerieMenu{
	display:block;
	float:left;
	width:10px;
	height:10px;
	margin:5px 5px 0px 0px;
	padding:0px;
	text-align:left;
}
a.galerieButton{
	width:8px;
	height:8px;
	display:block;
	text-align:left;
	text-decoration:none;
	text-indent:12px;
	font:bold 8px/8px Verdana, Arial, Sans-Serif;
	color:#;
	border:1px solid #ffffff;
	background-color:#;
	overflow:hidden;
}
a.galerieButton:hover{
	background-color:#ffffff;
}
a.galerieButtonOn{
	width:8px;
	height:8px;
	display:block;
	text-align:left;
	text-decoration:none;
	text-indent:12px;
	font:bold 8px/8px Verdana, Arial, Sans-Serif;
	color:#;
	border:1px solid #ffffff;
	background-color:#ffffff;
	overflow:hidden;
}
a.galeriePfeil{
	width:10px;
	height:10px;
	display:block;
	text-align:left;
	text-decoration:none;
	text-indent:12px;
	font:bold 10px/10px Verdana, Arial, Sans-Serif;
	color:#;
	background-color:#;
	overflow:hidden;
}
img.GalerieBild{
	width:514px;
	height:360px;
	display:block;
	margin:0px 0px 5px 0px;
	padding:0px;
}
img.HausBild{
	width:316px;
	height:232px;
	display:block;
	margin:0px;
	padding:0px;
}
a.haeuserButton{
	text-decoration:none;
	font:normal 11px/11px Verdana, Arial, Sans-Serif;
	color:#ffffff;
}
a.haeuserButton:hover{
	text-decoration:underline;
}
/* ----- Formular ----- */

form{
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	width:300px;
}
label{
	display:block;
	float:left;
	clear:left;
	width:90px;
	height:18px;
	font:normal 11px/18px Verdana, Arial, Sans-Serif;
	color:#4a4a4c;
	margin:1px;
	padding:0px;
}
input.text{
	display:block;
	float:left;
	width:198px;
	height:16px;
	font:normal 11px/16px Verdana, Arial, Sans-Serif;
	color:#a1c6cf;
	border:1px solid #a1c6cf;
	background-color:#ffffff;
	margin:1px;
	padding:0px;
	text-indent:2px;
}
textarea.text{
	display:block;
	float:left;
	width:194px;
	height:52px;
	font:normal 11px/16px Verdana, Arial, Sans-Serif;
	color:#a1c6cf;
	border:1px solid #a1c6cf;
	background-color:#ffffff;
	margin:1px;
	padding:2px;
}
input.button{
	display:block;
	float:left;
	width:200px;
	height:18px;
	font:normal 11px/18px Verdana, Arial, Sans-Serif;
	color:#ffffff;
	border:0px none #a1c6cf;
	background-color:#a1c6cf;
	margin:1px;
	padding:0px;
}