@charset "utf-8";
/* CSS Document */
/* Author: corax | Agentur für Druck- und Digitalmedien (support@corax.de)*/

body {background-color:#F0F0F0; margin: 0px; font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; text-align:center; background-image:url(../assets/background/welle.gif); background-position:top; background-repeat:no-repeat; margin-bottom: 15px;}

#center_layer {margin: 0px auto; width: 989px;}

#container_top {position:relative; clear: both; width: 989px; height: 144px; }
	#container_top #logo {position: relative; margin-top: 43px; float:right;  margin-right: 28px; width: 293px; }
	#container_top #headline {position: absolute; left: 210px; margin-top: 88px; width: 293px;}
	
#container {position:relative; clear: both; width: 992px; margin-top: 0px; z-index: 1; display:block;  }
	#container .top_image {position: absolute; top: 1px; left:0px; margin:auto; z-index: 2000; clear: both; height: 241px; width: 817px; padding-left: 172px; overflow:hidden;}
	#container .top_image_zg {position: absolute; top: 1px; left:0px; margin:auto; z-index: 1000; clear: both; height: 241px; width: 817px; padding-left: 172px; overflow:hidden; float:left; }
		#container .top_image_zg img, #container .top_image img {float:left;}
	
	
	#container #content {float: left; clear: both; text-align: left; background-image: url(../assets/background/bg_content.gif); background-repeat:repeat-y; background-position:left; background-color: #FFF;  padding-bottom: 14px; margin-bottom:28px; width: 989px;}
		#container #content #navi {float: left; width: 172px; margin-top: 220px;}
			#container #content #navi #lang_select {padding-left: 15px; padding-bottom: 3px; height: 20px; z-index: 200000; position:relative;}
				#container #content #navi #lang_select a {margin-right: 3px;}
			#container #content #navi #suche {float: left; clear:both; margin-top: 14px; width: 150px; font-size: 11px; padding: 14px 8px 14px 14px; background-color: #CECECE; height: 20px; overflow:hidden;}
		#container #content #text_content {position: relative; width: 505px; float: left; padding: 6px 38px 28px 38px; line-height: 16px; margin-top: 241px; margin-bottom: 28px; }
		#container #content #text_content_full {float: left; width:741px; padding: 6px 38px 28px 38px; line-height: 16px; margin: 241px 0px 28px 0px;}
			#container #content #text_content_full .content_text {float: left; width:445px; margin-left: -2px;}

#footer {font-size: 11px; padding-top: 8px; color: #666; margin-top: 24px; clear:both;}
	#footer .anschrift {float: left; width: 45%;}
	#footer .telefon {float: left; width: 30%;}

/*Teaser-Box rechts / Themenfarben*/
#teaser_menu {position: relative; display:inline; float:right; clear:right; right: 0px; margin: 167px 28px 0px 0px; z-index: 5000; width: 196px; overflow:visible; font-size: 12px;}
	#teaser_menu img {float:left; clear:both;}
	
	
	#teaser_menu .teaser_rounded_top {clear:both; width: 196px; height: 19px; background-position:top; background-repeat:no-repeat;}
	
	#teaser_menu .teaser_content {float:left; clear:both; width: 168px; text-align: left; padding: 14px 14px 28px 14px; color:#FFF; font-size: 11px; line-height: 14px;}
	
	#teaser_menu .right_content {float:left; clear:both; width: 168px; min-height: 300px; text-align: left; padding: 14px; font-size: 11px; line-height: 14px;}
		#teaser_menu .right_content h1 {color:#006AB3; font-weight: bold; font-size: 11px; margin-bottom: 3px; margin-top: 3px;}

	.wfg .teaser_content {background-color:#7AB51D;}
	.wfg .teaser_rounded_top {background-image: url(../assets/rounded_box/wfg_gruen.png);} 
	
	.arbeitsmarkt .teaser_content {background-color:#DB0031;}
	.arbeitsmarkt .teaser_rounded_top {background-image: url(../assets/rounded_box/wfg_arbeitsmarkt.png);} 
	
	.ansiedlung .teaser_content {background-color:#1E8D2A; }
	.ansiedlung .teaser_rounded_top {background-image: url(../assets/rounded_box/wfg_ansiedlung.png);} 
	
	.unternehmensentwicklung .teaser_content {background-color:#0095D8; }
	.unternehmensentwicklung .teaser_rounded_top {background-image: url(../assets/rounded_box/wfg_unternehmensentwicklung.png);} 
	
	.wind .teaser_content {background-color:#004B7C; }
	.wind .teaser_rounded_top {background-image: url(../assets/rounded_box/wfg_wind.png);} 
	
	.tourismus .teaser_content {background-color:#F08A00; }
	.tourismus .teaser_rounded_top {background-image: url(../assets/rounded_box/wfg_tourismus.png);} 
	
	.aussenwirtschaft .teaser_content {background-color:#FABB00; }
	.aussenwirtschaft .teaser_rounded_top {background-image: url(../assets/rounded_box/wfg_aussenwirtschaft.png);} 
	
/*Quicklinks*/
#quicklinks {position: absolute; float:left; left: 0px; top: -55px; z-index: 100000; width: 172px; overflow:visible; background-color: #7AB51D; text-align:left; color:#FFF; font-size: 11px; }
	#quicklinks a.qlink {padding: 4px 4px 4px 14px; float:left; font-weight: 700; color:#FFF; text-decoration: none; width: 150px; }
	#quicklinks .qlink_text_active {float:left; clear:both; padding: 8px 14px 8px 14px; background-color: #A9CF6C; width: 144px; height: 85px;}
	#quicklinks .qlink_text {float:left; clear:both; padding: 0px 14px 0px 14px;width: 144px; height: 2px; overflow:hidden; background-color: #FFFFFF;}
		#quicklinks .qlink_text img {float: left; margin: 3px 10px 0px 0px;}
	#quicklinks .qlink_text_active a, #quicklinks .qlink_text a {color: #FFF; font-weight: bold;}
	#quicklinks .qlink_text_active a:hover, #quicklinks .qlink_text a:hover {text-decoration: none;}

/*Elements*/
#logo {margin-top: 58px; position:relative;}

/*Schriften*/
h1, h2, h3, h4, h5, h6 {font-size: 14px; font-weight:bold; margin-top: 14px; margin-bottom: 14px;}
.text_small {font-size: 11px;}

/*Navigation*/
.navstat {font-size: 10px; clear:both;fg-husum.de
}
	.navstat .current {color: #006AB3; font-weight: bold;}
.nav_level1 {float: left; clear:both; margin-bottom: 3px;}
.nav_level2 {float: left; clear:both; margin: 0px; width: 152px; color:#000; border-bottom: 1px solid #CECECE; text-decoration:none; padding: 5px 5px 5px 14px;}
.nav_level2:hover {color:#006AB3; border-right: 0px none; background-color:#FFF; }

/*Formulare*/
.right_content form {margin: 7px 0px 7px 0px;}
.textinput {border: 1px solid #999; font-size: 11px; }
.textinput_active {border: 1px solid #999; background-color:#F0F0F0; font-size: 11px;}

.right_content .textinput {margin-bottom: 8px; color: #9C9A99}
.right_content .textinput_active {margin-bottom: 8px; color: #000000;}
.right_content .input_button {font-size: 11px;}
#suche .textinput {border: 1px solid #FFFFFF; padding-left: 4px; color: #9C9A99; background-color: #FFF; }
#suche .textinput_active { border: 1px solid #FFFFFF; padding-left: 4px; background-color: #FFF;}

/*Text-Links*/
#text_content a, .right_content a, #text_content_full a {color:#006AB3; text-decoration: none;}
#text_content a:hover, #text_content_full a:hover, .right_content a:hover {text-decoration: underline;}

.teaser_content a {color: #FFF; font-weight: bold; text-decoration: none;}
.teaser_content a:hover {color: #FFF; font-weight:bold; text-decoration: underline;}

#footer a {color:#9C9A99; margin-right: 14px; }
	#footer a img {margin-right: 4px;}

/*Aufzählungen*/
ul {margin: 11px 0px 11px 17px; padding: 0px;}
ul li {list-style:square; margin-top: 6px; list-style-image: url(../assets/list/disc_blue.png); margin-top: 6px;}

.teaser_content ul {margin: 4px 0px 4px 17px; padding: 0px;}
.teaser_content ul li {list-style:square; margin-top: 2px; list-style-image:url(../assets/list/disc_white.png);}

.right_content ul {margin: 4px 0px 4px 17px; padding:0;}
.right_content ul li {list-style:square; margin-top: 2px; list-style-image:url(../assets/list/disc_blue.png); text-indent: 0px;}

/*Trenner*/
#text_content hr, #text_content_full hr {height: 1px; border: 0px none; border-top: 1px dotted #666;}
.teaser_content hr {height: 1px; border: 0px none; border-top: 1px dotted #FFF; }
.right_content hr {height: 1px; border: 0px none; border-top: 1px dotted #666; }

/*Bilder im Text*/
#text_content dl {margin: 0px 0px 14px 0px; background-color: #F0F0F0; width: 100%; float: left; clear:both; position:relative; }
#text_content dl img {float: left;}
#text_content dl dd {float: left; padding: 8px; margin: 7px; font-size: 11px; display:inline-block; width: 200px;} 
img.textumfluss_rechts {float:left; margin-right: 14px; margin-bottom: 10px;}

/*Tabelle*/
table tr td {font-size: 12px;}
table thead tr td {font-size: 12px; font-size: 11px;}

.content_table {display:inline-table; float: right; clear:both; }

.content_table thead {}
	.content_table thead tr td {background-color: #006BB3; color:#FFF; font-weight: bold; padding: 2px 14px 2px 14px; font-size: 11px}
	
.content_table tbody {}
	.content_table tbody tr td {padding: 2px 14px 2px 14px; background-color: #F0F0F0; font-size: 11px;}
	.content_table tbody tr.odd td{background-color:#C8C8C8;  font-size: 11px;}
	
.content_table tfoot {}
	.content_table tfoot tr td {padding: 2px 14px 2px 14px; background-color: #F0F0F0; font-size: 11px}
	
td.bottom_line {border-bottom: 1px dotted #666; padding-bottom: 10px;}
td.top_line {border-top: 1px dotted #666; padding-top: 10px;}

table.list_table {}
	table.list_table thead tr td {font-size: 11px;}
	table.list_table tbody tr td {border-top: 1px dotted #666; padding-bottom: 10px; padding-top: 10px;}
	table.list_table tbody tr td img {margin-top: 5px;}
	
table.list_downloads {}
	table.list_downloads tbody tr td img {border: 1px solid #CCC;}
	
table.list_team {}
	table.list_team tr td img {margin-top: 3px; float:left;}	
	table.list_team tr td {border-top: 1px dotted #666; padding-top: 14px; padding-bottom: 14px;}	
	
table.teaser_table {}
	table.teaser_table tbody tr td img {margin-top: 3px;}
	
/*Standort-Karte*/
#standort_karte {float:right; margin-top: 20px; width: 274px; height: 297px;}
	
/*Sonderformatierung Gewerbeobjekte*/
#container_thumbnails {width: 200px; float:right; clear:both; margin-bottom: 28px; margin-left: 28px;}
	#container_thumbnails a {width: 60px; height: 62px; float: left; margin-right: 4px; margin-top: 4px; border: 1px solid #CCC; text-align:center; vertical-align: middle;}
	#container_thumbnails a  img { margin: 1px auto;}