@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 {
	position:absolute;
	left:395px;
	top:106px;
	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; }

#g1, #g2, #g3{

	cursor:pointer
}

#mainContPics{
	position:absolute;
	left: 478px;
	top: 348px;
	width: 434px;
	height: 304px;
	z-index: 200;
	overflow:hidden;

	margin: 3px 0px 0px 7px;
	text-align: center;
	border: 6px solid #d8e3f0;
}

#mainContPics .csc-textpic{
	
	position: absolute;
	width: 434px !important;
	text-align: center;
	height: 203px !important;
	
	left: 0px;
	
}


#mainContPics img{
	
	margin: 0px !important;
	padding: 0px !important;
	
}



#album_groups div{
	float: left;
	width:200px;
	height:300px;
	text-align:center;
	margin-top: 30px;
	
}


#album_groups a{
	color:#030835;
	font-size: 16px;
	line-height: 22px;
	text-decoration: none;
}


#album_groups a:hover{

	color: #fa9b30;
	
}


#album_groups #g1 a:hover{
 
	color: #a2cd5a;
	
}

#album_groups #g2 a:hover{
 
	color: #386c00;
	
}

#album_groups #g3 a:hover{
 
	color: #fa9b30;
	
}

.orange, a.orange{
	color: #fa9b30 !important;

}

.green, a.green{
	color: #a2cd5a !important;

}

.green2, a.green2{
	color: #386c00 !important;

}

#album_bg{
	position:absolute;
	left: 478px;
	top: 345px;
	width: 448px;
	height: 318px;
	
	z-index: 101;
	
}

#albumcontrols{
	position:absolute;
	left: 415px;
	top: 480px;
	z-index: 101;

}

#albumcontrols #prev_pic{
	position:absolute;
	left: 0px;
	top: 0px;

}

#albumcontrols #next_pic{
	position:absolute;
	left: 520px;
	top: 0px;

}


.plantable {
	padding: 0px;
	margin: 20px 0px 0px 30px !important;
	background: #feaa26  ;
	
}

.plantable td{
	width: 100px;
	border: 2px solid #000 !important;
	padding: 10px !important;
	text-align: center;
	height: 50px;
	
}

.plantable th.td-0{
	background: url(../images/planbg_01.jpg) center center no-repeat;

}


.plantable .td-0{
	font-weight: bold;

}


.plantable .tr-2 td, .plantable .tr-4 td, .plantable .tr-6 td, .plantable .tr-8 td, .plantable .tr-10 td{
	
	background: #f2f7a7;
} 


 .plantable th{
	background: #fd8526;
	text-align: center;
	border: 2px solid #000 !important;
	width: 70px;
	padding: 3px !important;
	height: 28px;
}

#thumb{
	position: absolute;
	left: 1040px;
	z-index: 100;

}


#pic_download{
	position: absolute;
	left: 743px;
	top: 700px;
	text-align: center;	

}

#pic_counter{
	position: absolute;
	left: 667px;
	top: 718px;
	width: 60px;
	text-align: center;
	
	color: #343d62;
	font-size: 23px;

}

.tx-felogin-pi1 {
	position: absolute;
	top:600px;
	left: 400px;
	border: 0px solid;
	font-size: 14px;
	
}

.tx-felogin-pi1 h3{
	padding: 0px;
	margin: 0px 0px 15px 0px;
	color: #343d62;
	font-size: 16px;
}


.tx-felogin-pi1 input{
	background: #c8ddec;
	border: 3px solid #fbf5e8;
	 
	-webkit-box-shadow: 3px 3px 10px #777;
	-moz-box-shadow: 3px 3px 10px #777;
	box-shadow: 3px 3px 10px #777;
	width: 280px;
	height: 26px;	
	margin-bottom: 10px;
	padding: 3px;
}

.orange_input{
		background: #fa9b30 !important;

}

.green_input{
	background: #a2cd5a !important;
	color: #000;
}

.green2_input{
	background: #386c00 !important;
	color: #fff;
}



.yellow_input{
	background: #ffaa00 !important;

}


.tx-felogin-pi1 input[type=submit]{

	margin-left: 343px;
	width: 100px;
	
}


.tx-felogin-pi1 label{
  	width: 150px;
		float: left;
	font-size: 16px;
	color: #343d62;
	padding: 3px 0px 0px 0px;
}

.tx-felogin-pi1 fieldset{
	border: 0px;
	margin-top: 20px;

}

.tx-felogin-pi1  legend{
	display: none;

}

#childcontrols{
	cursor: pointer;

}

.red{
 color: #f00;
 font-wight:bold;

}