/* Haug Holzbau CSS */

html, body{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    margin:0;
    padding:0;
    width:100%;
}

html{
    background: url(/dna_images/template_haug_holzbau/images/background.gif) repeat;
    font-size:95%;
    height:100%;
    overflow:auto;
}

body{
    color:#A9A9A9;
    font-size:100%;
    height:90%;
}

h1, h2, h3, h4, h5, h6, p, form {
    margin:0;
    padding:0;
}

img{
    border:none;
}

.story img{
    /*border:solid 1px #49423A;*/
}

img.left {
    margin-right:10px;
    margin-bottom:10px;
}

a, a:link, a:active {
    color:#ffd900;
    text-decoration:none;
    margin:0;
    padding:0;
}

a:hover {
    text-decoration:underline;
    margin:0;
    padding:0;
}

ul{
    padding:0;
    margin:0;
    list-style-type:square;
    margin-left:15px;
}

.story li{
    margin-left:15px;
}

.invisible{
    display:none;
}

#inhalt{
	position:relative;
	margin: 15px auto 0 auto;
    background:#776b5e;
    width:845px;
    height:auto;
    text-align:left;
}

#schatten_oben{
	background: url(/dna_images/template_haug_holzbau/images/schatten_oben.jpg);
	height:5px;
	display:block !important;
	display:none;
}

#schatten_rechts{
	padding-right:5px;
	background: url(/dna_images/template_haug_holzbau/images/schatten_rechts_m.jpg) right repeat-y;
}

#tabelle_schatten, #tabelle_schatten td{
	padding:0;
	margin:0;
}

#header{
    background: #d9cfc5 url(/dna_images/template_haug_holzbau/images/header_bg.jpg) no-repeat;
	height:95px;
	width:840px;
}

#logo{
    width:auto;
    margin-top:12px;
    margin-left:12px;
}

#navigation_container {
	width:840px;
	background:#644327;
}

#navigation{
    list-style:none;
	padding:0;
	padding-left:180px;
	margin:0;
	height:24px;
}

	
#navigation li{
    float:left;
    width:auto;
	line-height:25px;
	vertical-align:middle;
}


#navigation a{
    font-weight:bold;
    font-size:12px;
    color: #fff;
	text-decoration:none;
	float:left;
}

#navigation a.link_davor{
    color: #fff;
    background: #d9cfc5 url(/dna_images/template_haug_holzbau/images/navi_davor.gif) repeat-x;
}

#navigation a.link_danach{
    color: #fff;
    background: #d9cfc5 url(/dna_images/template_haug_holzbau/images/navi_danach.gif) repeat-x;
}

#navigation a.link_active{
    color: #ffd900;
	background:#776b5e;
}

#navigation .li_active{
	background:#776b5e;
}

.navi_padding{
	padding:0 5px;
}

.li_davor .navi_bg_links_norm{
	background:url(/dna_images/template_haug_holzbau/images/navi_strich_gelb.gif) no-repeat;
	height:25px;
	width:10px;
	float:left;
}
.li_danach .navi_bg_rechts_norm{
	background:url(/dna_images/template_haug_holzbau/images/navi_strich.gif) no-repeat;
	height:25px;
	width:10px;
	float:left;
}

.navi_bg_links_active{
	background:url(/dna_images/template_haug_holzbau/images/navi_strich_rechts_akt.gif) no-repeat;
	height:25px;
	width:10px;
	float:left;
}

.navi_bg_rechts_active{
	background:url(/dna_images/template_haug_holzbau/images/navi_strich_links_akt.gif) no-repeat;
	height:25px;
	width:10px;
	float:left;
}
#gelbe_linie{
	background:url(/dna_images/template_haug_holzbau/images/gelbe_linie.gif) repeat-x;
	height:1px;
	width:180px;
}

#pagenavi{
	margin:20px 0 0 10px;
	border-top:solid 1px #d5cabf;
	width:160px;
	float:left;
}

#pagenavi a{
	color:#fff;
	font-size:11px;
	width:100%;
	margin-top:2px;
	padding-bottom:2px;
	display:block;
	border-bottom:solid 1px #d5cabf;
	float:left;
}

#pagenavi a:hover{
	color:#ffd900;
	text-decoration:none;
}

#content{
	border-top:solid 1px #d5cabf;
    width:635px;
	min-height:350px;
    height:auto !important;
	height:350px;
    margin-right:10px;
	margin-left:190px;
	margin-top:20px;
} 

.content_img{
	float:right;
	width:auto;
	margin-bottom:10px;
}

.story_footer{
	width:100%;
	clear:both;
	height:20px;
}

.to_top_link, 
.to_top_link:hover,
.to_top_link:visited,
.to_top_link:link{
	color:#fff;
	font-size:11px;
	float:left;
	width:auto;
	position:absolute;
	right:0px;
	bottom:3px;
	color:#fff;
	text-decoration:none;
}

.to_top_link img{
	display:inline;
	float:left;
	width:8px;
	margin-top:7px;
	margin-right:5px;
	border:none;
}


.galerie_link a{
	color:#fff;
	font-size:11px;
	float:left;
	width:auto;
	color:#fff;
	text-decoration:none;
	margin-top:5px;
}

.galerie_link img{
	border:none;
	margin-right:5px;
}

#abstand{
	height:20px;
	width:100%;
	float:left;
}

.story{
	position:relative;
	border-bottom:solid 1px #d5cabf;
	padding-bottom:3px;
	padding-top:10px;
	float:left;
	width:635px;
}

#sonderseiten{
    position:absolute;
    bottom:0px;
    text-align:left;
    list-style:none;
    margin:0;
    padding:0;
    display:block;
    padding-left:10px;
}

#sonderseiten li{
    width:auto;
    padding-right:15px;
}

#sonderseiten a{
    font-size:10px;
    color: #CFCFCF;
    text-decoration:none;
}

#sonderseiten a:hover{
    color: #6F6F6F;
    text-decoration:none;
}

#footer{
	width:840px;
	height:25px;
	background:#644327;
	clear:both;
	/*float:left;*/
	 font-size:9px;
}

#footer  #visual4{
	margin-top:5px;
	margin-left:10px;
	float:left;
    color: #d8cdc2;
    text-decoration:none;
}

#visual4 a{
	color:#fff;
}

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

#footer  #addresse{
	 margin-left:83px;
	 margin-top:5px;
	float:left;
    color: #d8cdc2;
    text-decoration:none;
}

#footer  #addresse a{
	color:#fff;
	text-decoration:none;
}

#footer  #addresse a:hover{
	color:#ffd900;
	}

.externer_link{
    white-space:nowrap;
    }
	
.headers{
    width:auto;
	padding-bottom:10px;
	}

.artikel_2_spalten .headers{
	float:left;
    width:48%;
}
	
h1 {
    font-size:12px;
	padding:0;
	margin:0;
}

h1 a, h1 a:hover{
    font-size:12px;
	font-weight:bold;
	color:#e4ddd6;
	text-decoration:none;
	padding:0;
	margin:0;
}

.vorspann{
    color:#999;
    font-size:12px;
    width:80%;/* internet explorer... */
    /*margin-bottom:10px;*/
}

.platz{
    clear:right;
}

.spezial{
	font-style: italic;
}

/* hier die Stories, je nachdem wieviele Spalten */
.spalte_1 {
    width:49%;
    float:left;
    margin-bottom:10px;

}

.artikel_1_spalten {
    float:left;
    margin-bottom:10px;
    width:97%;
}

.artikel_2_spalten {
    float:left;
    margin-bottom:10px;
    width:100%;
}

.artikel_1_spalten div.spalte_1 {
    width:98%;
}

.spalte_2 {
    float:right;
    width:48%;
    margin-left: 15px;
}

.spalte_3 {
    width:48%;
    float:left;
}
.spalte_4 {
    float:right;
    width:49%;
}


.fliesstext{
    color:#d5cabf;
    margin-bottom:1em;
    font-size:12px;
}

.norm{
    font-size:12px;
}

.test{
    border:solid 1px red;
}

.button, .button:link, .button:active{
    color:#CFCFCF;
    font-size:18px;
    font-weight:bold;
}

.button:hover{
    text-decoration:none;
    color:#999;
}

.formular{
	 float:left;
	 width:490px;
		font-size:12px;
 }

.formular table{
	width:490px;
	font-size:12px;
	padding:0;
	margin:0;
}

.formular textarea{
	width:465px;
}

.formular input{
	width:465px;
}

.formular input[type="submit"]{
	width:120px;
}

.formular input[type="checkbox"],
.formular input[type="radio"]{
	width:auto;
}

span.subline {
	font-weight:normal;
	font-size:8pt;
}

.zentriert{
	margin-left:auto;
	margin-right:auto;
	display:block;
}