@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0}
img{border:none}

.ansprech{
	border:7px solid #d8e3f0;
	margin-bottom:20px;
	background-color:#fbedd7;
	padding-left:0px;
	width:600px;
	font-size:11px;
	letter-spacing:-1px;
	font-weight: light;
	color:#030835;
	margin-left:20px;
	
}

.ansprech strong{
	font-weight: normal;
	font-size:14px;
}

.ansprech .csc-textpic-imagewrap{
	padding-left:0px;
	padding-right:0px;
	
	
}

.ansprech .csc-textpic-text{
	padding:20px 10px 0px 0px;
	
	border-left:7px solid #d8e3f0;
	margin-left:-10px;
	 background : url(http://www.elbpiraten-kita.de/fileadmin/user_upload/bilder/shad1.jpg) repeat-x;
	height:149px;
}


html, body{height:100%; width: 100%;}
html[xmlns^="http"]{
       overflow-y: scroll;
}

a{text-decoration:none; color:#030835; outline:none;}
a:hover{text-decoration:underline}
input, textarea, select {font-size:11px;}

body {font-family:verdana, sans-serif; font-size:11px; line-height:16px; background-color:#FBF5E8; text-align: center; color: #030835;  background-image: url(../images/bg_container.png); background-repeat: repeat-y;}

.header{min-width: 810px; overflow:hidden; position:relative; background-image: url(../images/header_zentral_bg1.png); background-repeat: no-repeat; z-index: 5; height: 260px;}
.header_bg {width: 100%; height: 260px; position: absolute; top: 0; left: 0; z-index: 5; }
.header_bg_left {background-image: url(../images/header_left.png); width: 50%; float: left; height: 100%;}
.header_bg_right {background-image: url(../images/header_right.png); width: 49%; float: right; height: 100%;}

.container{min-width: 1200px; width:100%; margin: 0 auto; position: relative; z-index: 10; text-align: left; }

.logo{width:174px; position:absolute; text-align:center; top:20px; left:140px; z-index:30}

.wrap_mainNav {overflow:hidden; width: 1400px;}

.mainNav{min-width: 300px; float: left; margin: 66px 30px 0 390px; height:71px; z-index:20; font-size:15px; letter-spacing: 0.05em; }
.mainNav a{color:#000; height:47px; display:inline-block; cursor:pointer; font-weight: bold; font-family: arial;}
.mainNav li{float:left; list-style:none;  width:133px; background:url(../images/elbpiraten.png) no-repeat left top; height:47px; margin:14px 2px 0 3px; line-height:40px;text-align: center;}

* html .mainNav {margin-left: 0px;}
#startpic { position: absolute; left: 176px; top: 65px; }

/*define mainnav hover style*/
.mainNav li a:hover{text-decoration:none;color:#2763A5;}
.mainNav li.current a, .mainNav li.current a:hover{ color:#2763A5; text-decoration:none; background-color:transparent;}
.mainNav li a:hover{ color:#000; }
.mainNav li.current, .mainNav li:hover {background:url(../images/elbpiraten_aktiv.png) no-repeat left top;}


.subNav{position:absolute; top:5px; right:100px; z-index:30; font-size:12px}
.subNav a{color:#8D958A; font-weight: bold;}
.subNav li{float:left; list-style:none; width:auto; padding-right:20px; list-style:none}
.subNav a.current {text-decoration: underline;}

.banner{ height:94px; position:absolute; top: 133px; left:390px; overflow: hidden; }
.banner img {border-right: 4px solid #fff; border-left: 4px solid #fff;}

.headerbutton {
	margin: 36px 0 0 0;
	white-space:nowrap;
}
.headerbutton img {margin-right: 10px;}


.siderNav{width:175px; position:absolute; top:280px; z-index:50; left: 144px; text-align: left;}
.siderNav li{font-size:11px; line-height:38px; height:38px; overflow:hidden; list-style:none}
.siderNav li a{height:38px; overflow:hidden; padding-left:14px; color:#2863a5; background:url(../images/blau_passiv.jpg) no-repeat; display:inline-block; text-decoration:none; width:161px}
.siderNav li a:hover{background:url(../images/blau_aktiv.jpg) no-repeat; text-decoration:none}
.siderNav li a.current{background:url(../images/blau_aktiv.jpg) no-repeat;}

.startButtonFirst { width: 160px; position:absolute; top:320px; z-index:50; left: 151px; text-align: center; font-size: 17px;line-height: 1.5em;}
.startButtonFirst a span {font-size: 23px;}
.startButtonFirst a {text-decoration: none; padding: 50px 0px 50px 0px;}

.startButtonSecond { width:140px; position:absolute; top:560px; z-index:50; left: 161px; text-align: center; font-size: 26px;line-height: 2em;}
.startButtonSecond a {text-decoration: none; padding: 100px 0px 10px 0px;}

/*.corner{width:158px; padding:0 0 30px 5px; position:absolute; bottom:0; left:144px; }
.corner h5{font-size:13px; text-transform:uppercase; font-weight:normal; padding-bottom:15px}
.corner div{font-size:12px}*/

.main {width: 810px;padding:1px 0 20px 355px; text-align: left; margin-top: -30px;}
.main h1{background:url(../images/balken_blau.jpg) no-repeat 0 0; font-size:13px; text-transform:uppercase; line-height:18px; padding:8px 86px 8px 18px; margin-bottom: 15px;position: relative; z-index: 20;}
.main h2{font-size:12px; padding:15px 86px 15px 28px}
.main h3{font-size:11px; padding:15px 86px 15px 28px}
/*.main p {padding: 0px 86px 0 28px}*/
.main p {padding: 0px 20px 0 38px; font-weight: bold;  text-align: left; }
.ansprech p {font-weight: normal;};
.main div.csc-textpic-imagewrap {padding-left: 28px}

.ansprech div.csc-textpic-imagewrap {padding-left: 0px;}
.main div.csc-sitemap ul {margin-left: 50px;}
.main ul.csc-bulletlist {margin-left: 50px;}
.main dd.csc-textpic-caption {font-style: italic;}
.main table.contenttable tr td,
.main table.contenttable tr th {border: 1px solid black; padding: 5px; margin: 0; }
.main table.contenttable tr { padding: 0; margin: 0; }
.main table.contenttable { border-spacing:0;  border-collapse: collapse; margin-left: 28px; margin-top: 5px; }
.main table.csc-uploads { margin-left: 28px; margin-top: 5px; }
/* .main div.csc-textpic { margin-left: 28px; } */

#mainContLeft {
	float:left; 
	width: 350px; 
	margin-right: 10px;
}
#mainContRight {
	float:left;
	width: 350px; 
	min-height: 10px;
	margin-right: 10px;
}
#mainContImage {
	float:left; 
	width: 110px;
	margin-right: 10px; 
}
#mainContImage img {
	padding: 0px;
	border: 2px solid #C3CBAE;
	margin-bottom: 7px;
}

ul.csc-bulletlist li { font-weight: bold; }



/* Kontaktformular */

input.validation-failed,
textarea.validation-failed,
select.validation-failed {
	background-color: #d34d4c;
	color: white;
}
div.powermail_mandatory_js {
	color: #d34d4c;
	font-weight: bold;
	padding-left: 33%;
	float: none;
	clear: both;
	display: block;
}
fieldset.tx-powermail-pi1_fieldset legend {
	padding: 5px;	
}
fieldset.tx-powermail-pi1_fieldset,
div.tx-powermail-pi1_confirmation {
	border: none;
	border: 1px solid #030835;
	padding: 5px;
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 10px;
	display: block;
	width: 80%;
}
fieldset.tx-powermail-pi1_fieldset {
	border-color: #030835;
}
fieldset.tx-powermail-pi1_fieldset span.powermail_mandatory {
	display: none;
}
fieldset.tx-powermail-pi1_fieldset label {
	width: 30%;
	display: block;
	float: left;
	margin-bottom: 10px;
	margin-right: 20px;
}
div.tx_powermail_pi1_fieldwrap_html {
	margin-top: 5px;
}
fieldset.tx-powermail-pi1_fieldset input,
fieldset.tx-powermail-pi1_fieldset select {	
	border: 1px solid #372D23; 
	padding: 2px;
	width: 58%;
	border-color: #666666;
}
fieldset.tx-powermail-pi1_fieldset textarea { 
	border: 1px solid #372D23;
	width: 58%; 
	padding: 2px;
	height: 60px;
	border-color: #666666;
}
div.tx_powermail_pi1_fieldwrap_html_captcha_description {
	width: 38%;
	float: left;
	margin-bottom: 10px;
}
div.tx_powermail_pi1_fieldwrap_html label {
	font-weight: bold;
}
div.tx_powermail_pi1_fieldwrap_html {
	clear: both;
	display: block;
	width: 80%;
	margin-left: 5px;
}

img.powermail_captcha {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 70px;
	clear: both;
	float: right;
}
input.jscalendar_cb {
	display: none; 
}
input.jscalendar {
	float: left ! important;
	width: 73px ! important;
}
img.date2cal_img_cal {
	margin-left: 5px;
	margin-top: 3px;
}
div.powermail_check_inner,
div.powermail_radio_inner {
	display: block;
	float: left;
	margin-right: 12px;
	width: 90px;
}
div.powermail_check_inner label,
div.powermail_radio_inner label {
	float: right;
	width: 65px;
	margin: 0;
	padding: 0;
}
input.powermail_check,
input.powermail_radio {
	width: auto ! important;
	float: left;
	margin-right: 0px;
	margin-left: 5px;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	padding-left: 0;
	margin-bottom: 8px;
}
fieldset.tx-powermail-pi1_fieldset_5,
fieldset.tx-powermail-pi1_fieldset_7 {
	border: none;
}
fieldset.tx-powermail-pi1_fieldset_5 legend,
fieldset.tx-powermail-pi1_fieldset_7 legend {
	display: none;
}
fieldset.tx-powermail-pi1_fieldset_5 input.powermail_submit,
fieldset.tx-powermail-pi1_fieldset_7 input.powermail_submit {
	margin-left: 34%;
}
input.powermail_text {
	clear: right ! important;
}
input.powermail_radio,
input.powermail_check {
	border: none ! important;
}

.tx-powermail-pi1_confirmation p {
	padding-left: 0;
	margin-bottom: 10px;
}

.tx-powermail-pi1 fieldset, .tx-powermail-pi1 .tx-powermail-pi1_confirmation {
	margin-left: 25px;
}

form.tx_powermail_pi1_formconfirmation_back { float: left; margin-top: 15px;  }
form.tx_powermail_pi1_formconfirmation_submit { float: right; margin-top: 15px;  }
table.powermail_all_table { padding-bottom: 10px; }


