@charset "UTF-8";
/* CSS Document */

body { font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #706f6f; line-height: 18px; margin: 0; background: #99bccf url(../images/layout/background.png) top left repeat-x; height: 100%;}

img{ border:none; }
	
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em;}
	
	#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img{ width:auto; height:auto; position:relative; outline:none; border:none; }
		
		#supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; display:block; }
			#supersized a.image-loading { background:#111 width:100%; height:100%; }

img { border: #333333; border: none;}

a { color: #706f6f; text-decoration: none;}
a:visited { color: #706f6f;}
a:active { color: #706f6f;}
a:hover { color: #1464a2;}

.clearfloat {content:"."; display: block; height:0; clear:both;}
div div h1 { font-size: 16px; font-weight: bold; color: #1464a2; margin: 30px 0 0 0;}
div div h2 { font-size: 12px; font-weight: normal; color: #1464a2; margin: -2px 0 20px 0;}
#teaser-menu h2 { margin: 0 0 0 0; font-size: 12; font-weight: bold; text-transform: uppercase;}
#teaser-menu p { margin: 0 0 0 0;}
.more { margin: 0 0 0 5px;}

li {margin: 0 0 20px -20px; list-style: none; background: url(../images/layout/list.png) no-repeat left top; padding: 0 0 0 20px;}

/*** Background ***/
.bodytext, .tx-powermail { padding: 0 0 20px 0; margin: 0;}
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {margin: 0 0 20px 0;}
.tx_slsitemap-websiteTitle {padding: 0;}

/*** Logo ***/
#logo {width: 318px; height: 81px; margin: 35px 0; float: left;}

/*** Content Container ***/ 
#content-wrap { width: 980px; margin: 25px auto;} 
#navigation { width: 280px; background: #fff; background: url(../images/layout/bg-patter.png); float: left;}
#content {width: 660px; background: #fff; margin: 0 0 0 20px; background: url(../images/layout/bg-patter.png); float: left; padding: 10px;}
#content-top { width: 660px; margin: auto; padding: 0 0 15px 0; border-bottom: 1px solid #195589;}
#content-bottom {width: 660px; padding: 0 0 0 0;}
#impress { margin: auto; width: 660px; padding: 7px 0 7px 0; border-top: 1px solid #195589;}
#main-navi { float: left; height: 400px}
#function { float: left;}
#teaser-menu { width: 200px; margin: 0 20px 0 0; float: left;}

/*** Navigation ***/
.sf-vertical, .sf-vertical li { width: 10em;}
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul { left: 10em; top: 0;}
.sf-vertical .sf-sub-indicator { background-position: -10px 0; }
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; }
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; }

#navigation ul.sf-menu { margin: 0px 0 0 0; padding: 20px 0 0 40px; line-height: 24px;}
#navigation ul li { list-style: none; width: 160px; margin: 0 0 0 -30px; background: none;}
#navigation ul li ul { margin: 0 0 0 10px; padding: 0 0 0 10px;}
#navigation ul li a { font-size: 12px; text-decoration: none; color: #706f6f; text-transform: uppercase; font-weight:bold;}
#navigation ul li a:visited { color: #706f6f;}
#navigation ul li a:active { color: #0d426c;}
#navigation ul li a:hover { color: #0d426c;}

#function ul.sf-menu { margin: 10px 0 0 0; padding: 150px 0 20px 40px;}
#function ul li { list-style: none; width: 160px;}
#function ul li a { font-size: 12px; text-decoration: none; color: #706f6f; text-transform: uppercase; font-weight:bold;}
#function ul li a:visited { color: #706f6f;}
#function ul li a:active { color: #0d426c;}
#function ul li a:hover { color: #0d426c;}

/*** Sl_sitemap ***/
.tx_slsitemap-websiteTitle { padding: 0 0 0 0; color: #1464A2 !important;}
#tx_slsitemap a { text-decoration: none; color: #706F6F; font-weight: normal; line-height: 20px;}
#tx_slsitemap a:hover { color: #1464a2;}
div#tx_slsitemap li.MainFirst { background: url(/typo3conf/ext/sl_sitemap/images/default/sl_sitemap_SubMiddle.gif) no-repeat 0% 0%;}
div#tx_slsitemap li.MainLast { background: url(/typo3conf/ext/sl_sitemap/images/default/sl_sitemap_SubMiddle.gif) no-repeat 0% 0%;}


/*** Kontaktformular ***/
div.tx-powermail {font-family: Arial, Helvetica, sans-serif; padding: 0 !important;}
.powermail_field {width: 250px;}
.powermail_fieldset, .powermail_create {width: 548px; padding: 0; border: 0; margin: 0; background: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
.powermail_fieldset .powermail_legend {display: none;}
.powermail_label {width: 150px;}
input.powermail_field {width: 250px; border: 1px solid #999; padding: 2px; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
input.powermail_field:focus {background: #fff; border: 1px solid #999;}
#powermail_fieldwrap_7 .powermail_textarea, #powermail_fieldwrap_26 .powermail_textarea {width: 250px; border: 1px solid #999; margin: 0; padding: 2px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#powermail_fieldwrap_8 input.powermail_field, #powermail_fieldwrap_27 input.powermail_field {float: none; clear: both; margin: 0 0 0 150px; padding: 6px 15px; width: inherit; background: #155a9d; border: 1px solid #033464; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
#powermail_fieldwrap_1 .powermail_field {width: 250px; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

.powermail_submit { float: left; margin: 0 0 0 150px;}

.formError {font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
.formError .formErrorContent {background: #F00; border: 1px solid #9d0000;}
.formError .formErrorArrow div {border-left: 1px solid #9d0000; border-right: 1px solid #9d0000; background: #F00;}
.formError .formErrorArrow .line3 {border-left: 1px solid #9d0000; border-right: 1px solid #9d0000;}
.formError .formErrorArrow .line2 {width: 1px; background: #9d0000;} 
.formError .formErrorArrow .line1 {display: none;}

/*** ****/
table {border-spacing: 0;}
#content table.contenttable {width: 100%; border-spacing: 0;}
#content table.contenttable td {padding: 0; width: 50%; vertical-align: top;}
#content h3 {margin: 0; padding: 0;}
.csc-textpic-caption {font-size: 9px;}
.csc-firstHeader {padding: 0 0 5px 0;}
#c110 {width: 410px;}
#c110 .csc-textpic-imagewrap {padding: 0 0 0 150px;}
#c110 h3 {margin: 0 0 10px 0;}
#c3 h1 {margin: 0 0 10px 0;}

/*
.powermail_fieldset { border: none; padding: 0; margin: 0;}
.powermail_legend { display: none;}
#powermail_field_ { margin: 0 0 10px 0px;}
.powermail_label {width: 100px; display: inline-block;}
.powermail_input {border: 1px solid #666; width: 200px; height: 18px;}
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { -webkit-box-align: center; text-align: center; cursor: default; color: buttontext; padding: 2px 6px 3px; border: 1px solid #1464a2; border-image: initial; background-color: #fff; box-sizing: border-box;}
select { -webkit-appearance: menulist; box-sizing: content-box; -webkit-box-align: center; border: 1px solid #1464a2; border-image: none; white-space: pre; -webkit-rtl-ordering: logical; color: black; background-color: #fff; cursor: default; }*/

#content #c230 table td {width: auto; padding: 8px;}
#content #c230 thead th {text-align: left;}

/*** Tables ***/
#c230 .contenttable { border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
#c230 th { text-align: left; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 8px;}
#c230 td { text-align: left; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}

#language { float: right; margin: 38px 0 0 0; background: url(../images/layout/bg-patter.png); padding: 10px;}
#language img { margin: 0 0 0 10px;}