/* 
    Document   : kinderkrippe
    Created on : 27.04.2010, 15:15:55
    Author     : Stefan Willig - REIKEM
    Description: Purpose of the stylesheet follows.
*/
/*
 * 01. HTML Tags
 */

html, body {
    font: 14px Arial, Tahoma, Verdana;
    font-weight: normal;
    background-color: #ffb932;
    margin: 0;
    padding: 0;
}
a { 
    text-decoration: none;
}
a:hover { 
    text-decoration: none;
}
.item-page ul {
	color: #FFF;
	list-style-type: square;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.clear {
    clear: both;
}
img {
    max-width: 850px;
    border: 0;
}

/*
 * 02. Stuff Definition
 */

.middle {
    width: 1200px;
    margin: 0 auto;
}

.welcome {
float: right;
width: 550px;
height: 200px;
margin-top: 150px;
padding-right: 50px;
margin-right:130px;
text-align: right;
}
/*
 * 03. Wrapper
 */

#wrapper {
    margin: 0;
    padding: 0;
}

/*
 * 04. Header
 */

#header {
     height: 320px;
     min-height: 320px;
   /*  background-color: #FFFFFF;     */
	 background: #ffb932 url('../images/bg-startseite-2.png') right top no-repeat;
	 width: 1200px;
	 height: 757px;
	 margin: 0 auto;
}

#header .main .logo {
    float: left;
   /* width: 401px; */
    padding-top: 130px;
}


#header .main .icons {
    float: right;
    padding-top: 20px;
}

#header .main .icons img {
    padding-left: 5px;
}

#header .main .kidsimg {
    float: right;
    width: 363px;
    padding-top: 100px;
}

/*
 * 04.5. Header
 */

#header2 {
     height: 320px;
     min-height: 320px;
     background-color: #ffb932;    
	/* background: #ffb932 url('../images/bg-startseite-1.png') right top no-repeat; */
	border-bottom: 5px solid #ab2f00;
	 margin: 0 auto;
}

#header2 .main .logo2 {
    float: left;
   /* width: 401px; */
    padding-top: 120px;
	margin-left: 50px;
}

#header2 .main .icons {
    float: right;
    padding-top: 20px;
}

#header2 .main .icons img {
    padding-left: 5px;
}

#header2 .main .kidsimg {
    float: right;
    width: 363px;
    padding-top: 100px;
}

/*
 * 05. Navigation
 */

#navigation {
  /*  background: #FFF url(../images/bg_navigation.jpg) repeat-x; 
    height: 46px; */

}


.maeuschenlink span.image-title {
float: left;
clear: both;
}
.maeuschenlink img {
float: left;
}

.buttons {
    position: relative;
    z-index: 2;
}

.buttons ul {
    list-style-type: none;
    margin: 0;
    padding: 3px 0 0 0;
    height: 46px;
	position: absolute;
}

.buttons ul li {
    float: left;
    padding: 8px 20px 0 20px;
    margin-right: 13px;
    height: 78px;
    background: url(../images/bg_button.png) bottom repeat-x;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.buttons ul li:last-child { margin-right: 0px; }

.buttons ul li a {
    height: 36px;
    font: bold 16px Arial, Verdana, Tahoma;
    color: #FFFFFF;
    text-decoration: none;
}

.buttons ul li a span {
    position: relative;
    top: 8px;
}

/*
 * 06. Content
 */

#content {
    background: #fcb000 url(../images/bg_main.jpg) repeat-x 0 0;
    height: auto !important;
    min-height: 397px;
    padding-top: 10px;
    position: relative;
    top: -17px;
    z-index: 1;
    padding-bottom: 30px;
	border-top: 5px solid #ab2f00;
}

#content .text {
    padding-top: 40px;
}

#content .text a {
    color: #ffffff;
    text-decoration: none;
}

#content .text a:hover {
    color: #ab2f00;
    text-decoration: none;
}

#content .text .phocagallery {
    margin-left: -10px;
}

#content .text .phocagallery img {
    border: 2px solid #000000;
    -moz-border-radius: 3px;
    -webkit-border-raidus: 3px;
    border-radius: 3px;
}

#content h1 {
    font-size: 28px;
    color: #7d2605;
}

#content h2 {
    font-size: 25px;
    color: #7d2605;
}

#content h3 {
    font-size: 22px;
    color: #7d2605;
    padding: 25px 0 5px 10px;
}

#content h3 img {
    border: 0;
    padding: 0 8px 0 0;
    float: left;
}

#content h4 {
    font-size: 20px;
    color: #7d2605;
    padding-bottom: 15px;
}

#content p {
    font: 14px/18px Arial, Verdana, Tahoma;
    color: #FFFFFF;
}

#content img.border {
    border: 2px solid #000000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#content img.padding-5 {
    padding: 5px;
}

#content img.padding-8 {
    padding: 8px;
}

#content img.padding-10 {
    padding: 10px;
}

#content img.right-0 {
    padding-right: 0px;
}

#content img.left-0 {
    padding-left: 0px;
}

#content img.top-0 {
    padding-top: 0;
}

#content img.bottom-0 {
    padding-bottom: 0;
}

/*
 * 07.Footer
 */

#footer {
    height: 93px;
    background: #ab2f00 url(../images/bg_footer.jpg) repeat-x 0 0;
    margin: 0;
    padding: 0;
    position: relative;
    top: -17px;
}

#footer .box {
    color: #fff0bd;
    padding-top: 19px;
    font: 12px Arial, Tahoma, Verdana;
}

#footer .box .left {
    float: left;
}

#footer .box .left p {
    width: 250px;
    float: left;
}

#footer .box .left img {
    float: left;
    position: relative;
    top: -5px;
}

#footer .box .right {
   /* float: right; */
}

#footer .box .right a {
    color: #fff0bd;
    text-decoration: none;
}

#footer .box .right a:hover {
    text-decoration: underline;
}

/*
 * 08. Phocagallery
 */
 
.phocagallery { padding-left: 5px; }

/*
 * 09. Kontakform
 */
 
.cntAddress td {
    color: #FFFFFF;
} 
 
.iform td {
    vertical-align: top;
    line-height: 30px;
}

.iform label {
    width: 150px;
    display: block;
    color: #FFFFFF;
}

.iform label.iContactCopy {
    width: 400px;
    display: inline
}

.iform input[type=checkbox] {
    border: none;
}

.iform input, .iform textarea {
    margin-top: 4px;
    border: 1px solid #999;
    -webkit-border-radius: 3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
    padding: 3px;
    color: #666;
}

.iform input:hover, .iform textarea:hover, .iform input:focus, .iform textarea:focus {
    border: 1px solid red;
}

#map_canvas { width: 400px; height: 250px; }

#footermenu li {
float: left;
}
#footermenu li.divider {
padding: 0 5px 0 5px;
}
ul#footermenu {
margin-top: -50px;
}
.login-description {
padding: 20px 0;
color: #FFF;
}

.form{

height:auto;
float:left;
padding:20px 10px 10px 20px;
border:1px #fdeaeb solid;
}
.formControls {
margin-left: 20px !important;
}
.formControlLabel{
width:80px !important;
float:left;
padding:3px 15px 0 0;
color:#b52025;
text-align:left !important;
font-weight:bold;
}
.rsform-input-box{
background-color:#fdeaeb;
border:1px #e2c7c8 solid;
width:300px;
height:18px;
padding:4px;
float:left;
}
.rsform-text-box{
width:300px !important;
height:120px !important;
padding:4px;
float:left;
}

.pdfdownload {
position: absolute;
margin-left: 600px;
width: 200px;
margin-top: 20px;
background: url('../images/bg-pdf.png') top left no-repeat;
height: 48px;
padding-left: 50px;
}

table.team h4{
padding-bottom: 3px !important;
}
table.team p {
padding-bottom: 20px !important;
}

.wmc {
	max-width: 1200px;
	margin: 0 auto 17px auto;
	width: 100%;
	height: 500px;
	border-top-right-radius: 20px;
}
.wmcoverlay {
	position: absolute;
	width: 100%;
	max-width: 1200px;
	height:65px;
	background: url(../images/overlay.png);
	z-index:1000;

}
.wmc iframe {
		border-top-right-radius: 20px;
		z-index: 1;
}