/* Aufbau  */
body{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-image: url(../grafiken/BG_farbe.jpg);
}

#wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	float: left;
}

#main_wrapper {
	position: relative;
	width: 1000px;
	height: auto;
	margin: 0px auto;
	background-image: url(../grafiken/BG.jpg);
}

#main {
	position: relative;
	width: 830px;
	height: auto;
	margin: 0px auto;
	overflow: hidden;
}

#grey {
	position: relative;
	width: 100%;
	height: 140px;
	float: left;
	bottom: 0px;
	background: url(../grafiken/BG_bottom_streifen.jpg) repeat-x;
}

/* Ende */

/* Inhalt Main Rahmen */
#header_wrapper {
	position: relative;
	top: 0px;
	width: 830px;
	height: 90px;
	float: left;
}

#logo {
	position: relative;
	width: 500px;
	height: 90px;
	float: left;
}

#fahnen {
	position: relative;
	width: 68px;
	height: 15px;
	float: right;
	margin: 15px 15px 0px 0px;
}

#kontakt_wrapper {
	position: relative;
	width: 830px;
	height: 20px;
	top: 12px;
	float: left;
}

#impressum{
	position: relative;
	width: auto;
	height: 20px;
	right: 55px;
	float: right;
	text-align: left;
	font: normal 12px Arial;
	color: #00632f;
	padding: 3px 0px 0px 0px;
}

#kontakt{
	position: relative;
	width: auto;
	height: 20px;
	right: 60px;
	float: right;
	text-align: left;
	font: normal 12px Arial;
	color: #00632f;
	padding: 3px 0px 0px 0px;
}
/*#kontakt_impressum {
	position: relative;
	top: 10px;
	width: 100%;
	height: 20px;
	float: left;
	background-color: yellow;
}

.kon_imp {
	text-align: right;
	font: normal 12px Arial;
	color: #00632f;
	float: right;
	padding: 5px 0px 0px 0px;
	margin: 0px 60px 0px 0px;
	background-color: red;
}*/

#navigation_wrapper {
	position: relative;
	top: 0px;
	width: 830px;
	height: 300px;
	float: left;
	background: url(../grafiken/BG_header.jpg) no-repeat;
}

#navigationsbild {
	position: relative;
	top: 25px;
	left: 25px;
	width: 500px;
	height: 230px;
	float: left;
}

#nav {
	position: relative;
	width: 280px;
	height: 230px;
	top: 25px;
	left: 35px;
	float: left;
	overflow: hidden;
}
/*#navigation_wrapper {
	position: relative;
	width: 830px;
	height: auto;
	float: left;
	background: url(../grafiken/BG_header.jpg) no-repeat;
}

#navigationsbild {
	position: relative;
	top: 25px;
	left: 25px;
	width: 500px;
	height: 230px;
	float: float;
}

#navigation {
	position: relative;
	top: 0px;
	width: 270px;
	height: 230px;
	float: left;
	background-color: aqua;
} */

#archiv_bereichx {
    width: 200px;
    height: 20px;
    margin: 35px 0px 0px 615px;
    border: 1px solid red;

}

#content_wrapper {
	position: relative;
	width: 830px;
	height: auto;
        margin-left: 0px;
 }

#content_left_news {
	position: relative;
	width: 830px;
	height: auto;
        border: 0px solid red;
}

#subnavilinie_long {
    margin-left: 15px;
    margin-top: 15px;
    float: left;
}

#news_overview  {
	position: relative;
	width: 830px;
	height: auto;
        margin-left: -15px;
        border: 0px solid green;
}
#news_overview_det  {
	position: relative;
	width: 830px;
	height: auto;
        margin-left: 0px;
        border: 0px solid green;
}


#news_leftcol {
	position: relative;
	width: 300px;
        height: auto;
	min-height: 350px; /* #big_newsimage_container + #gallery_wrapper */
        float: left;
        border: 0px solid aqua;
}

#big_newsblock_headerline {
	position: relative;
	width: 830px;
	height: 18px;
	float: left;
	background-image: url(../grafiken/all/BG_news_detail_01.png);
}

#big_newsblock {
	position: relative;
	width: 830px;
	height: auto;
	float: left;
	background-image: url(../grafiken/all/BG_news_detail_02.png);
        background-repeat: repeat-y;
        border: 0px solid blue;
}

#big_newsblock_footerline {
	position: relative;
	width: 830px;
	height: 17px;
	float: left;
	background-image: url(../grafiken/all/BG_news_detail_03.png);
}


/* innerhalb newsblock */

#big_newsbox {
	position: relative;
	width: 780px;
	height: auto;
        margin: 0px 0px 0px 25px;
	float: left;
        overflow: hidden;
        border: 0px solid red;
}



#big_newsimage_container {
        width: 300px;
        height: 300px;
	float: left;
        overflow: hidden;
}
#gallery_wrapper {
        position: relative;
        width: 300px;
        height: auto;
	float: left;
        overflow: hidden;
        background-color: white;
}


.big_newstext_container {
        width: 450px;
        height: auto;
	float: left;
        overflow: hidden;
        margin: 0px 0px 0px 20px;
        border: 0px dotted black;
        font-family: arial, sans-serif;
        font-size: 12px;
}

.big_newsimage {
    
}

#untertitel {
        font-family: arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
    float: right;
    text-align: right;
    color: #BE0926;
    margin: 5px 5px 5px 0px;
    height: auto;
    overflow: hidden;
        border: 0px dotted black;
    
}

/* ####  Scroller */
#lyr1, #wn *, #horiz {
	border-style:none;
}

#horiz a {
	z-index:10;
}
#products_smallview {
	float:left;
	width: 295px;
	height:80px;
	margin: 10px 0px 0px 0px;
	border: 0px dotted red;

}
.movebutton {
	float: left;
	width: 40px;
	margin-top: 28px;
}

#moverleft {
   position: absolute;
   left: -3px;
   top: 375px;
   width:18px;
   height: 18px;
}

#moverright {
    position: absolute;
    left: 285px;
    top: 375px;
    width:18px; height: 18px;
}


div#scrollLinks {
    position:relative;
    width:618px;
	height: 95px;
    }

div#scrollLinks .left {
    background-image:url(../grafiken/all/before.png);
    background-repeat:no-repeat;
    visibility:visible !important;
    width:18px; height:18px; /* width and height of your image */
    position:absolute; left:30px;
    }

    div#scrollLinks .right {
    background-image:url(../grafiken/all/next.png);
    background-repeat:no-repeat;
    visibility:visible !important;
    width:18px; height:18px; /* width and height of your image */
    position:absolute; right:30px;
    }

    /* NOTE; specs for #wn in head of demo too */
div#wn	{
   position:relative;
    top:8px;
    width:270px;
    height:60px;
    overflow:hidden;
    z-index: 1;
    margin-left: 14px;
    float: left;
    border: 0px solid black;
	}

div#lyr1{
position:relative;
overflow:hidden;
height:80px;
width: 6000px;
visibility: visible;

}

/* styles to display list items horizontally */
ul#horiz {
	position: relative;
    list-style:none;
    margin:0;
    padding:0;
    white-space:nowrap;
    }

ul#horiz li {
	position: relative;
		float: left;
    white-space:nowrap;
    cursor: pointer;
    }

    /* Bilder im Scroller */
.preview {
	position: relative;
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 10px;
}

/* ENDE SCROLLER */



/*############  ENDE BIG fŸr die DetailAnzeige ###### */

.newsblock {
	position: relative;
	width: 415px;
	height: 190px;
	float: left;
	background-image: url(../grafiken/all/BG_news_01.png);
        border: 0px solid blue;
}

.newsbox {
	position: relative;
	width: 370px;
	height: 140px;
        margin: 25px 0px 0px 25px;
	float: left;
        overflow: hidden;
        border: 0px solid blue;
}

.newsimage_container {
        width: 120px;
        height: 140px;
	float: left;
        overflow: hidden;
}
.newstext_container {
        width: 230px;
        height: 120px;
	float: left;
        overflow: hidden;
        margin: 0px 0px 0px 20px;
        border: 0px solid aqua;
        font-size: 12px;
}

.weiterlesen {
    position: relative;
    width: 100px;
    height: 18px;
    float: left;
    margin-left: 17px;
}

.big_newstext_container h3 {
    margin: 0px 0px 20px 0px;
    font-family: arial;
	font-weight: bold;
        font-size: 14px;
	color: #00632f;
	text-decoration: none;
}

.newstext_container h3 {
    margin: 10px 0px 5px 0px;
	font: bold 14px Arial;
	color: #00632f;
	text-decoration: none;
}

#archivtext {
    position: relative;
    float: right;
    margin: 4px 20px 0px 0px;
}
#archivwahl {
    position: relative;
    float: right;
    margin-top: 3px;
}



#content_left {
	position: relative;
	left: 15px;
	width: 510px;
	height: auto;
	float: left;
}

#subnavi_left {
	position: relative;
	width: 510px;
	height: auto;
	float: left;
	padding: 0px 0px 5px 0px;
}

#subnav_wrapper {
	position: relative;
	width: auto;
	height: auto;
	float: left;
}

#content_rows {
	position: relative;
	width: 480px;
	height: 15px;
	float: left;
	padding: 2px 0px 3px 0px;
	margin: 0px 0px 10px 0px;
	background-color: #ededef;
}

#content_rows_left {
	position: relative;
	width: 360px;
	height: 20px;
	float: left;
}

#content_rows_right {
	position: relative;
	width: auto;
	height: 20px;
	float: left;
	margin: 0px 0px 0px 53px;
}

#content_rows_presse {
	position: relative;
	width: 500px;
	height: 15px;
	right: 15px;
	float: left;
	padding: 2px 0px 3px 0px;
	margin: 0px 0px 10px 0px;
	background-color: #ededef;
}

#content_rows_left_presse {
	position: relative;
	width: 360px;
	height: 20px;
	left: 17px;
	float: left;
}

#content_rows_right_presse {
	position: relative;
	width: auto;
	height: 20px;
	float: left;
	margin: 0px 0px 0px 60px;
}

#content_kontakt_rows_wrapper {
	position:relative;
	width: auto;
	height: 140px;
	float: left;
}

#content_kontakt_rows {
	position: relative;
	width: 480px;
	height: 15px;
	float: left;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 10px 0px;
	background-color: #ededef;
}

#content_kontakt_rows_left {
	position: relative;
	width: 360px;
	height: 20px;
	float: left;
}

#content_kontakt_rows_right {
	position: relative;
	width: auto;
	height: 20px;
	float: left;
	margin: 0px 0px 0px 53px;
}

#content_kontakt_rows_right a, #content_kontakt_rows_right a:link, #content_kontakt_rows_right a:active, #content_kontakt_rows_right a:visited, #content_kontakt_rows_right a:hover{
	color: #4D4D4D;
	text-decoration: none;
}


#subnav_pfeil {
	position: relative;
	width: 8px;
	height: 8px;
	float: left;
	padding: 12px 0px 0px 15px;
}

#projekte_pfeil {
	position: relative;
	width: 8px;
	height: 8px;
	float: left;
	padding: 12px 0px 0px 15px;
}


#teaser {
	position: relative;
	width: 370px;
	height: 90px;
	float: left;
	padding: 0px 0px 0px 0px;
}

#content_right {
	position: relative;
	left: 25px;
	width: 285px;
	height: auto;
	float: left;
}

#content_right_big {
	position: relative;
	left: 17px;
	width: auto;
	height: auto;
	float: left;
	overflow: hidden;
}

#projekte_wrapper {
	position: relative;
	width: 285px;
	height: 77px;
	float: left;
	overflow: hidden;
	margin: 7px 0px 5px 0px;
}

#projekte_pic {
	position: relative;
	width: 50px;
	height: 44px;
	float: left;
	background: url(../grafiken/rahmen_neuesteprojekte.jpg) no-repeat;
	padding: 13px 15px;
	overflow: hidden;
}

#projekte_wrapper_big {
	position: relative;
	width: 300px;
	height: auto;
	float: left;
	overflow: hidden;
	margin: 0px 0px 5px 0px;
}

#projekte_pic_big {
	position: relative;
	width: auto;
	height: 340px;
	float: left;
}

#subnavilinie {
	position: relative;
	float: left;
	padding: 8px 0px 0px 6px;
        margin-left: 15px;
}

#subnavilinielong {
	position: relative;
	float: left;
	padding: 8px 0px 0px 0px;
}


#zertifikatlinie {
	position: relative;
	width: 480px;
	float: left;
	overflow: hidden;
	padding: 0px 0px 5px 24px;
}

#presselinie {
	position: relative;
	width: auto;
	float: left;
	overflow: hidden;
	padding: 0px 0px 5px 10px;
}

#projektelinie {
	position: relative;
	float: left;
	padding: 0px 0px 0px 6px;
}

#footer_wrapper {
	position: relative;
	width: 100%;
	height: 140px;
	float: left;
	bottom: 0px;
	overflow: hidden;
	background-image: url(../grafiken/BG_bottom_streifen.jpg);
}

#footer_main {
	position: relative;
	top: 10px;
	left: 15px;
	width: 830px;
	height:115px ;
	margin: 0px auto;
	overflow: hidden;
}

#footer_imgs {
	position: relative;
	top: 25px;
	left: 55px;
	width: 200px;
	height: 55px;
	float: left;
}

#abstand_bottom {
	position: relative;
	clear: left;
	height: 70px;
}

#abstand_bottom2 {
	position: relative;
	clear: left;
	height: 40px;
}

#roter_pfeil {
	position: relative;
	width: 15px;
	height: 15px;
	left: 45px;
	top: -28px;
	overflow: hidden;
}
/* Ende */


/* Fonts */
#footer_headline {
	font: bold 14px Arial;
	color: #BE0926;
	float: left;
}

#footer_txt {
	position: relative;
	top: 5px;
	left: 30px;
	width: 430px;
	height: auto;
	text-align: left;
	font: normal 12px Arial;
	line-height: 17px;
	color: #FFF;
	float: left;
}

.content_headline {
	position: relative;
	width: 450px;
	top: 2px;
	font: bold 18px Arial;
	color: #00632f;
	float: left;
	padding: 0px 0px 3px 25px;
}

h1 {
	font: bold 18px Arial;
	color: #00632f;
}

.content_subheadline {
	font: bold 12px Arial;
	color: #00632f;
}

.content_presseheadline {
	position: relative;
	width: 485px;
	top: 2px;
	font: bold 12px Arial;
	color: #00632f;
	float: left;
	padding: 20px 0px 10px 26px;
}

.content_txt {
	font: 12px Arial;
	color: #4D4D4D;
	float: left;
	line-height: 19px;
	padding: 0px 0px 0px 25px;
}

.projekte_headline {
	position: relative;
	font: bold 18px Arial;
	color: #BE0926;
	float: left;
	padding: 10px 0px 0px 20px;
}

.projekte_headline_small {
	position: relative;
	height: auto;
	font: 12px Arial;
	color: #00632f;
	float: left;
	width: 190px;
	overflow: hidden;
	padding: 10px 0px 0px 5px;
}

.projekte_txt {
	font: 11px Arial;
	color: #4D4D4D;
	float: left;
	width: 190px;
	height: auto;
	padding: 5px 0px 0px 5px;
}

.projekte_overview_txt {
	font: 11px Arial;
	color: #4D4D4D;
}


.projekte_txt_big {
	font: bold 12px Arial;
	color: #00632f;
	float: left;
	width: auto;
	padding: 5px 0px 0px 12px;
}

.projekte_fotos_txt {
	position: relative;
	float: left;
	font: bold 12px Arial;
	color: #BE0926;
	padding: 4.5px 0px 0px 13px;
}

a.projekte_fotos_txt:link {
	font: bold 12px Arial;
	color: #BE0926;
	text-decoration: none;
}

a.projekte_fotos_txt:visited {
	font: bold 12px Arial;
	color: #BE0926;
	text-decoration: none;
}

a.projekte_fotos_txt:hover {
	font: bold 12px Arial;
	color: #BE0926;
	text-decoration: underline;
}

#subnav_txt {
	position: relative;
	float: left;
	font: 12px Arial;
	color: #00632f;
	padding: 9px 0px 0px 5px;
}

#subnav_txt_on {
	position: relative;
	width: auto;
	height: auto;
	float: left;
	padding: 9px 0px 0px 5px;
}

#subnav_txt_off {
	position: relative;
	width: auto;
	height: auto;
	float: left;
	padding: 9px 0px 0px 5px;
}

.subnav2_txt_on {
	font: bold 12px Arial;
	color: #00632f;
	text-decoration: none;
}

a.subnav2_txt_on:link {
	font: bold 12px Arial;
	color: #00632f;
	text-decoration: none;
}

a.subnav2_txt_on:hover {
	font: bold 12px Arial;
	color: #00632f;
	text-decoration: none;
}

a.subnav2_txt_on:visited {
	font: bold 12px Arial;
	color: #00632f;
	text-decoration: none;
}

.subnav2_txt_off {
	font: 12px Arial;
	color: #4D4D4D;
	text-decoration: none;
}

a.subnav2_txt_off:link {
	font: 12px Arial;
	color: #4D4D4D;
	text-decoration: none;
}

a.subnav2_txt_off:hover {
	font: 12px Arial;
	color: #4D4D4D;
	text-decoration: underline !important;
}

a.subnav2_txt_off:visited {
	font: 12px Arial;
	color: #4D4D4D;
	text-decoration: none;
}



.kon_imp_txt {
	text-align: right;
	font: normal 12px Arial;
	color: #00632f;
	text-decoration: none;
}

a.kon_imp_txt:link {
	text-align: right;
	font: normal 12px Arial;
	color: #00632f;
	text-decoration: none;
}

a.kon_imp_txt:hover {
	text-align: right;
	font: normal 12px Arial;
	color: #00632f;
	text-decoration: underline !important;
}

a.kon_imp_txt:visited {ration: none;
}

a.kon_imp_txt:link {
	text-align: right;
	font: normal 12px Arial;
	color: #00632f;
	text-decoration: none;
}

a.kon_imp_txt:hover {
	text-align: right;
	font: normal 12px Arial;
	color: #00632f;
	text-decoration: underline !important;
}

a.kon_imp_txt:visited {
	text-align: right;
	font: normal 12px Arial;
	color: #00632f;
	text-decoration: none;
}

.kontakt_txt {
	text-align: right;
	font: normal 12px Arial;
	color: #4D4D4D;
	text-decoration: none;
}

a.kontakt_txt:link {
	text-align: right;
	font: normal 12px Arial;
	color: #4D4D4D;
	text-decoration: none;
}

a.kontakt_txt:hover {
	text-align: right;
	font: normal 12px Arial;
	color: #00632f !important;
	text-decoration: underline !important;
}

a.kontakt_txt:visited {
	text-align: right;
	font: normal 12px Arial;
	color: #4D4D4D;
	text-decoration: none;
}



a.kon_imp_txt:link {
	text-align: right;
	font: normal 12px Arial;
	color: #00632f;
	text-decoration: none;
}

a.kon_imp_txt:hover {
	text-align: right;
	font: normal 12px Arial;
	color: #00632f;
	text-decoration: underline !important;
}

a.kon_imp_txt:visited {
	text-align: right;
	font: normal 12px Arial;
	color: #00632f;
	text-decoration: none;
}

.kon_imp_txt_on {
	text-align: right;
	font: bold 12px Arial;
	color: #00632f;
	text-decoration: underline !important;
}

a.kon_imp_txt_on:link {
	text-align: right;
	font: normal 12px Arial;
	color: #00632f;
	text-decoration: none;
}

a.kon_imp_txt_on:hover {
	text-align: right;
	font: normal 12px Arial;
	color: #00632f;
	text-decoration: underline !important;
}

a.kon_imp_txt_on:visited {
	text-align: right;
	font: normal 12px Arial;
	color: #00632f;
	text-decoration: none;
}

.kon_imp_txt_off {
	text-align: right;
	font: normal 12px Arial;
	color: #00632f;
	text-decoration: none;
}

a.kon_imp_txt_off:link {
	text-align: right;
	font: normal 12px Arial;
	color: #00632f;
	text-decoration: none;
}

a.kon_imp_txt_off:hover {
	text-align: right;
	font: normal 12px Arial;
	color: #00632f;
	text-decoration: underline !important;
}

a.kon_imp_txt_off:visited {
	text-align: right;
	font: normal 12px Arial;
	color: #00632f;
	text-decoration: none;
}
/* Ende */

.clearleft{
	clear: left;
}