/* :.:..........:.:.........................: */
html{}
body{font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:12px; height:100%; color:#58606B; background: #5F6163;} 

/* ..........................
... ::: HAUPTELEMENTE ::: ... 
.......................... */
h1{font-size:23px; margin-bottom:16px; line-height:normal;}
h2{font-size:16px; margin-bottom:10px; line-height:normal;}
h2{font-size:14px; margin-bottom:5px; line-height:normal; font-weight:bold;}
div#col_right h3{font-size:12px; margin-bottom:0px; line-height:normal; font-weight:bold;}

p{margin-bottom:16px; line-height:18px;}

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

img{border:0;}
.fl_left{float:left;}
.fl_right{float:right;}
.line{color:#EB6A0A; height:1px; border-top:1px solid #E3E3E3; border-bottom:none;}
.clearer{clear:both;}

/* ....................................
... ::: ALLGEMEINE CSS STRUKTUR ::: ... 
.................................... */
div#firstbox{width:960px; margin:0px auto;}
	div#header{width:960px; height:88px; background:url(../img/bg_header.gif) top left repeat-x #fff; border-bottom:8px solid #d64c33;}
	div#content{width:960px; background:url(../img/bg_content.gif) top left repeat-y #fff; padding:0px 0px;}
		div#col_left{float:left; width:120px; padding:15px 0px;}
		div#col_right{float:right; width:780px; padding:30px 0px;}
	div#footer{clear:both; width:940px; height:60px; background:#EEEFF0; padding:0px 10px;}
			
/* .........................
... ::: CSS ELEMENTE ::: ... 
......................... */




.blue{color:#343F3A;}
.orange{}
.green{}
.brown{}
.orange_two{}
.tuerkis{}
.moss_green{}

body.blue h1, body.blue h3, body.blue a{color:#343F3A;}
body.orange h1, body.orange h3, body.orange a{color:#D74C33;}
body.green h1, body.green h3, body.green a{color:#57606B;}
body.brown h1, body.brown h3, body.brown a{color:#008054;}
body.orange_two h1, body.orange_two h3, body.orange_two a{color:#002C69;}
body.tuerkis h1, body.tuerkis h3, body.tuerkis a{color:#FAC074;}
body.moss_green h1, body.moss_green h3, body.moss_green a{color:#812B3D;}

body.blue ul.thumb_gallery li a:hover, body.blue ul.thumb_gallery a.active{border:2px solid #343F3A;}
body.orange ul.thumb_gallery li a:hover, body.orange ul.thumb_gallery a.active{border:2px solid #D74C33;}
body.green ul.thumb_gallery li a:hover, body.green ul.thumb_gallery a.active{border:2px solid #57606B;}
body.brown ul.thumb_gallery li a:hover, body.brown ul.thumb_gallery a.active{border:2px solid #008054;}
body.orange_two ul.thumb_gallery li a:hover, body.orange_two ul.thumb_gallery a.active{border:2px solid #002C69;}
body.tuerkis ul.thumb_gallery li a:hover, body.tuerkis ul.thumb_gallery a.active{border:2px solid #FAC074;}
body.moss_green ul.thumb_gallery li a:hover, body.moss_green ul.thumb_gallery a.active{border:2px solid #812B3D;}


p.logo{text-align:right; padding:23px 33px 0px 0px;}

div#col_right div.txt ul, div#col_right div.txt ol{margin:5px 0px 16px 10px; line-height:20px; padding-left:16px;}
div#col_right div.txt ul{list-style-type:disc; list-style-position:outside;}
div#col_right div.txt ul ul{list-style-type:circle;}
div#col_right div.txt ol{list-style-type:decimal; list-style-position:outside;}

/* Farben 00519E E05A10 65A922 74351E EB6A0A 007086 008054 */
div#col_right div.txt{float:left; width:540px;}
div#col_right div.col_right_gfx{float:right; width:180px; text-align:right;}

ul.prop_navigation{margin-bottom:20px;}
ul.prop_navigation li{display:inline;}
ul.prop_navigation li span{display:none;}
ul.prop_navigation li.nav_open a{display:block; height:9px; width:12px; padding:0px 0px 0px 0px; /*background:url(../img/bg_nav_open.gif) top left no-repeat;*/ float:right;}
ul.prop_navigation li.nav_close a{display:block; height:9px; width:12px; padding:0px 10px 0px 10px; /*background:url(../img/bg_nav_close.gif) top left no-repeat;*/ float:right;}

ul#navigation{clear:both;}
ul#navigation h3.head a{font-size:10px; color:#fff; text-decoration:none; display:block; width:105px; padding:8px 0px 8px 15px; background:url(../img/pfeil.gif) 5px center no-repeat;}
ul#navigation h3.selected a{font-size:10px; color:#fff; text-decoration:none; display:block; width:105px; padding:8px 0px 8px 15px; background:url(../img/pfeil_hover.gif) 4px center no-repeat;}

ul#navigation li a{font-size:10px; color:#fff; text-decoration:none;}
ul#navigation li ul{padding-bottom:5px;}
ul#navigation li ul li a{display:block; width:100px; padding:6px 0px 6px 20px; background:url(../img/sub_pfeil.gif) 15px center no-repeat;}

ul#navigation li.blue{background:#343F3A;}
ul#navigation li.blue ul li a:hover, 
ul#navigation li.blue ul li.active a{background:url(../img/sub_pfeil.gif) 15px center no-repeat #5D6561;}

ul#navigation li.orange{background:#D74C33;}
ul#navigation li.orange ul li a:hover, 
ul#navigation li.orange ul li.active a{background:url(../img/sub_pfeil.gif) 15px center no-repeat #F39C56;}

ul#navigation li.green{background:#57606B;}
ul#navigation li.green ul li a:hover, 
ul#navigation li.green ul li.active a{background:url(../img/sub_pfeil.gif) 15px center no-repeat #828991;}

ul#navigation li.brown{background:#008054;}
ul#navigation li.brown ul li a:hover, 
ul#navigation li.brown ul li.active a{background:url(../img/sub_pfeil.gif) 15px center no-repeat #339976;}

ul#navigation li.orange_two{background:#002C69;}
ul#navigation li.orange_two ul li a:hover, 
ul#navigation li.orange_two ul li.active a{background:url(../img/sub_pfeil.gif) 15px center no-repeat #426390;}

ul#navigation li.tuerkis{background:#FAC074;}
ul#navigation li.tuerkis ul li a:hover, 
ul#navigation li.tuerkis ul li.active a{background:url(../img/sub_pfeil.gif) 15px center no-repeat #FBD098;}

ul#navigation li.moss_green{background:#812B3D;}
ul#navigation li.moss_green ul li a:hover, 
ul#navigation li.moss_green ul li.active a{background:url(../img/sub_pfeil.gif) 15px center no-repeat #9A5564;}

.hide{display:none;}
.active{display:block;}

div#footer{}
div#footer a{text-decoration:none; color:#58606B;}
div#footer a:hover{text-decoration:underline;}
div#footer p{font-size:10px; margin:15px 0px 0px;}
div#footer p span{color:#EB6A0A;}

div#footer ul li{display:inline; padding:0px 8px;}

ul.thumb_gallery {margin-top:0px;}
ul.thumb_gallery li a{display:block; width:83px; height:83px; float:left; margin:0px 0px 7px; border:2px solid #fff;}
ul.thumb_gallery li a.right{float:right; clear:right;}
ul.thumb_gallery li a:hover, ul.thumb_gallery a.active{cursor:pointer; /*border:2px solid #E05A10;*/}

/*ul.fassaden_gallery {margin-top:42px;}
ul.fassaden_gallery li a{display:block; width:83px; height:83px; float:left; margin:0px 0px 7px; border:2px solid #fff;}
ul.fassaden_gallery li a.right{float:right; clear:right;}
ul.fassaden_gallery li a:hover, ul.fassaden_gallery a.active{cursor:pointer; border:2px solid #E05A10;}*/


div.newsbox{clear:both; margin-bottom:20px;}
p.zeitung{float:left; color:#00519E;}
p.date{float:right; color:#00519E;}
p.zeitung, p.date{margin-bottom:0px;}
div.newsbox div.txt{float:left; width:540px; border-bottom:1px dotted #58606B;}
div.newsbox div.txt a{color:#58606B; text-decoration:none;}
div.newsbox div.txt a img{margin-top:3px;}
div.newsbox div.gfx{float:right;}
div.newsbox div.gfx img{border:1px solid #58606B;}