
/**
* baselayout.css
*/
body {
	position: relative;
	width: 900px;
	margin: 0 auto;
	background-color: rgb(245,245,255);}

img {
	border: 0;
}

a {
	color: rgb(10,10,10);}

#login {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	margin-top: 25px;
	margin-bottom: 3px;
}

#head {
	position: relative;
	background-color: white;
	height: 200px;
	box-shadow: 3px 3px 5px grey;
	font-family: Helvetica;
}

#logo {
	position: absolute; top: 30px; right: 23px;
	width:  274px;
	height: 123px;
}
#logo img {
	width:  274px;
	height: 123px;
}

#menu {
	width:  900px;
	margin: 27px 0;
}

#contentFrame {
	background-color: rgb(216,220,255);	position: relative;
	display: table;
	width: 100%;
	margin-top: 15px;
	padding: 15px 0 15px 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-shadow: 3px 3px 5px grey;
}

#contentFooter {
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	box-shadow: 3px 3px 5px grey;
	background-color: rgb(57,58,82);	color: rgb(10,10,10);	text-align: center;
	padding: 7px;
}

#content {
	float: left;
	margin-left: 15px;
	width: 565px;
	font-size: 13pt;
}

#socialshareprivacy {
	float: left;
	margin-left: 15px;
	margin-top:  15px;
	width: 565px;
}

#info {
	margin-left: 620px;
	width: 260px;
	text-align: center;
}

#contentFrame_babys {
	position: absolute;
	z-index: 1;
	bottom: -20px;
	right: 0;
}

#copyright {
	margin-top: 15px;
	text-align: center;
}
/**
* menu.css
*/
#menu a {
	color: white;
	font-weight: bold;
	text-decoration: none;
	font-size: 13.5pt;
}

#menu ul {
	padding: 0;
	margin: 0;
}

#menu li.menupoint {
	margin: 0 0 0 0.6em;
	padding: 0.5em 1.2em;
	list-style: none;
	display: inline;
	background-color: rgb(48,86,138);	border-radius: 1em 4em 1em 4em;
	box-shadow: 3px 3px 5px grey;
}

#facebook-logo {
	font-size: 13.5pt;
        display: inline;
        position:relative;
        top: 8pt;
        left: 1.2em;
}

#facebook-logo img {
        box-shadow: 3px 3px 5px grey;
        height: 25pt;
}
/**
 * content.css
 */
.caption {
	position: relative;
	text-indent: 5px;
	font-size: 18px;
	font-weight: bold;
	color: white;
	background-color: rgb(57,58,82);	width: 300px;
	height: 24px;
	margin: 3px 0 6px 0;
	padding-top: 3px;
}
.caption:before {
   content: "";
   position: absolute;
   top: 0px;
   left: 300px;
   border-bottom-right-radius: 10px 7px;
   width: 260px;
   height: 10px;
   background-color: rgb(57,58,82);}
.caption:after {
   content: "";
   position: absolute;
   left: 300px;
   border-bottom-right-radius: 10px 20px;
   width: 30px;
   height: 24px;
   background-color: rgb(57,58,82);}

/**
 * Kursanmeldung
 */
.kursanmeldung-item > input[type=text] {
	border: 0;
	border-bottom: 2px solid grey;
	width: 30em;
	max-width:85%;
}
.kursanmeldung-item > input[type=radio], input[type=text] {
	margin-left: 2em;
	background-color: rgb(216,220,255);}
.kursanmeldung-submit > input[type=submit] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 0.3em 1.5em;
}
.kursanmeldung-item > input, .kursanmeldung-submit > input {
	font-size: 1em;
	margin-top: 0.7em;
}
.kursanmeldung-item, .kursanmeldung-submit {
	font-family: "Verdana", sans;
	font-size: 14px;
	margin-top: 2.5em;
}
.kursanmeldung-submit {
	width: 29em;
	max-width:99%;
}
.kursanmeldung-item > .radioSpace {
   margin-left: 4em;
}

/**
 * Impressum
 */
 .verantwortlich {
	font-size: large;
	font-weight: bold;
	padding-bottom: 1em;
}
.adresseImpressum {
	font-style: italic;
	margin-bottom: 20px;
	padding-left: 20px;
}
.haftung {
}
.haftungCaption {
	font-weight: bold;
	font-size: large;
	padding-top: 1.4em;
	padding-bottom: 0.4em;
}
.quelleHaftung {
	font-style: italic;
	text-align: right;
}
HR.hr60, HR.hr80 {
	margin: 5px auto;
}
HR.hr60 {
	width: 60%;
}
HR.hr80 {
	width: 80%;
}

/**
 * Erklaerung, was ist DELFI
 */
.delfi-erklaerung {
	list-style-type: none;
	margin-left: -1em;
}
.delfi-erklaerung ul {
	list-style-type: disc;
}
.delfi-erklaerung li:first-letter {
	font-size:1.4em;
	font-weight: bold;
}
.delfi-erklaerung li li:first-letter {
	font-size:1em;
	font-weight: normal;
}
.delfi-erklaerung li {
	margin-top: 0.7em;
}
.delfi-erklaerung li li {
	margin-top: 0;
}
/**
 * Link - Box
 */
.links {
	padding: 10px;
	margin: 2em auto;
	text-align: left;
	list-style: none;
	border: 1px dashed black;
	width: 180px;
}
.links p {
	font-size: 1.3em;
	margin: 0 0 0.6em 0;
	font-weight: bold;
	text-align: center;
}
.links li {
	margin: 0.3em 0;
}
/*
 * Bildnachweis
 */
.nachweis p {
	width: 145px;
	padding: 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: white;
	margin: 5px auto;
}
.nachweis p img {
	width: 145px;
	height: 145px;
	box-shadow: 0 12px 10px -10px #DDD;
	margin-bottom: 3px;
}
.nachweis p a {
	text-decoration: none;
	color: inherit;
}
.nachweis p a:hover {
	text-decoration: underline;
}

#datenschutzerklaerung {
	counter-reset: ebene1;
}
#datenschutzerklaerung h1 {
	font-size: 1.4em;
}
#datenschutzerklaerung h2:before {
    content: counter(ebene1, upper-roman) ". ";
    counter-increment: ebene1;
}
#datenschutzerklaerung h2 {
	counter-reset: ebene2;
	font-size: 1.3em;
}
#datenschutzerklaerung h3:before {
    content: counter(ebene2) ". ";
    counter-increment: ebene2;
}
#datenschutzerklaerung h3 {
	counter-reset: ebene3;
	font-size: 1.1em;
	margin-bottom:0.2em;
}
#datenschutzerklaerung p {
		margin-top:0.2em;
}
/**
* contentFooter.css
*/
#contentFooter a, #contentFooter li {
	color: white;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.1em;
}

#contentFooter ul {
	padding: 0;
	margin: 0;
}

#contentFooter li {
	margin: 0 0 0 14px;
	padding: 0.5em 1.2em;
	list-style: none;
	display: inline;
}/**
* header.css
*/
#baby-banner {
}

.titleHead, .nameHead {
	border: 2px solid black;
	background-color: rgb(254,254,254);
	box-shadow: 3px 3px 3px darkgrey;
}

.titleHead {
	position: absolute;
	top: 50px; 
	left: -20px;
	width: 320px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	line-height:40px;
	white-space:nowrap;
	font-size: 28px;
}

.nameHead {
	position: absolute;
	top: 90px;
	left: 80px;
	width: 330px;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	line-height:30px;
	white-space:nowrap;
	font-size: 18px;
	letter-spacing:2px;
}