@CHARSET "UTF-8";

/* -----------------------------------  allg. Klassen ----------- */
#bewerben_link{
	position:absolute;
	top:780px;
	margin-left:350px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
 #bewerben_link{
	top:800px;
}
}


.r{
	float:right;
}
.l{
	float:left;
}

.up{
	margin-top:-20px;
}
/* -----------------------------------  RESET ----------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    vertical-align: baseline;
}

:focus {
    outline: 0;
}
body {
    line-height: 1.4em;
    color: #000;
    background: #fff;
	text-align:center;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}

/* -----------------------------------  LAYOUT ----------- */
	#wrap{
		width: 784px;
		height: 100%;
		position: relative;
		display: table;
		margin: 0 auto;
		text-align:left;
		-moz-background-clip:border;
		-moz-background-inline-policy:continuous;
		-moz-background-origin:padding;
		background:transparent url(../images/trans_shadow.png) repeat-y scroll left top;
	}

/* -----------------------------------  HEADER ----------- */
	#header{
		display:block;
		background: url(../images/header.gif) no-repeat;
		margin: 0 4px;
		height: 65px;
	}

		/* Navigationsliste*/
			#header ul{
			float:right;
			display:block;
			margin:0 5px;
			padding:0 5px;
		}

			#header ul li{
				float: left;
				margin: 0 8px 0 3px;
				font-size: 11px;
				text-align:center;
				height:25px;
				list-style:square inside;
				color:#4499dd;
			}
				#header ul li a{
				text-decoration:none;
				color:#666;
			}
			#header ul li a:hover{
				text-decoration:none;
				color:#999;
			}


				/* bg-imgs für li's */
				#header li.programm{
					background: url(../images/all_programs.jpg) no-repeat;
					width:201px;
					list-style:none;
				}

				#header li.location{
					background: url(../images/country.jpg) no-repeat;
					width:120px;
					list-style:none;
				}
				#header li.facebook{
					list-style:none;
				}

				.logo{
						margin:20px 23px 0 0;
					}
/* -----------------------------------  TEASER / BG-BILD ----------- */
		#teaser{
			display:block;
			background: url(../images/teaser_bg.jpg) no-repeat;
			margin:0px 4px;
			height: 340px;
			padding:35px 0;
		}
			#teaser ul{
				text-align:right;
				list-style:none;
				margin: 0 25px 0 0;
			}
				#teaser ul li{
				display:inline;
				margin: 0 2px;
				}

					#teaser ul li a{
						text-decoration:none;
						color:#2773bd;
						font-size: 0.8em;
					}

			/* Sternennavigation */
			#teaser ol{
				list-style:none;
				margin: 0 25px 0 0;
				display:block;

			}
				#teaser ol li{
					display:inline;
					position:absolute;
				}

					#teaser ol li a{
						text-decoration:none;
						color:#e0d559;
						font-size: 24px;
						font-weight:700;
						background: url(../images/stern_navi_bg.png) no-repeat;
						height:70px;
						padding: 20px 0 30px 45px;
					}

					*+html #teaser ol li a{

						display:block;
						overflow: visible;
					}

					#stern1{
						top:180px;
						margin-left:400px;
					}
					#stern2{
						top:230px !important;
						margin-left:520px;
					}
					#stern3{
						top:295px !important;
						margin-left:420px;
					}
					#stern4{
						top:350px !important;
						margin-left:600px;
					}
					#stern5{
						top:380px !important;
						margin-left:450px;
						z-index:2998;
					}

					.current, #teaser ol li a:hover{
						color: #2773bd !important;
					}

/* -----------------------------------  CONTENT ----------- */
		#main{
			display:block;
			margin:0 4px;
			background-color:#236fb8;
		}

		#claim{
			position:absolute;
			top:409px;
			z-index:1999;
			}

	/* wechselnder Inhalt der Seite  */
		#main #content{
			padding:50px 28px 25px 40px;
			color: #fff;
			display: table;
		}

/* -----------------------------------  FORMULAR ----------- */

	form {
	display: table;
	}

		#colLeft{
			width:360px;
			display:table;
			text-align: right;
		}
		#colRight{
			width:300px;
			margin-left:380px;
			display:table;
		}
			#colLeft label{
				width:160px;
				color:#fff;
				font-size:12px;
			}
			 input[type=checkbox]{
				margin-left:150px;
			}

			#colLeft input[type=text]{
				width: 180px;
				margin:0 0 10px 0;
			}
			.input_wrap{
				width: 185px;
				margin:0 0 10px 0;
				text-align:left;
				display:block;
			}

			*+html .input_wrap{
				width: 185px;
				margin:0 0 10px 0;
				float:clear;
			}
				#colLeft .txt{
					font-size:12px;
				}
				#agb_txt, input[type=submit]{
					font-size:12px;
					line-height: 18px;
					margin-left:180px;
				}

				#b_year{
				width: 15% !important;
				font-size:11px;
				}

				select {
				font-size:11px;
				margin-right:4px;
				}
.req{
border:2px solid #f00;
padding: 2px 1px;
}

input[type=checkbox] .req{
background-color:#f00 !important;
border:1px solid #f00 !important;
}
/* -----------------------------------  FOOTER ----------- */
		#footer{
			display:block;
			margin:0 4px;
			padding:10px 28px 0px 40px;
			background-color:#fff;
			border-bottom: 1px solid #ccc;
		}

			#footer #info{
				float:left;
				display:inline;
				color: #000 !important;
				margin: 0 0 25px 0;
			}

			#footer p{
				float:right;
				display:inline;
				color: #666;
				font-size:0.7em;
				padding: 2px 0 0 0;
			}

			#footer ul{
				display:block;
				color: #666;
				font-size:0.7em;
				list-style:none;
				background: url(../images/ico_globe.gif) no-repeat;
				padding: 2px 0 0 35px;
				height: 40px;
			}
				#footer ul li{
					display:inline;
				}
					#footer ul li a{
						color: #89a4d2;
						text-decoration:none;
					}



/* -----------------------------------  TYPO ----------- */
h1, h2 {
	display:none;
}

h3{
	font-size: 24px;
	padding:0 0 25px 0;
	margin-top:-10px;
}

h3 span{
	color:#dfd556;
}

h4{
	font-size: 12px;
	margin-bottom: 5px;
	text-align:left;
}

p{
	color: #fff;
	font-size:14px;
	line-height:18px;
	}
p strong{
	font-weight:700;
}

p a{
	color:#dfd556;
	text-decoration: underline;
}

em{
	font-size:10px;
	line-height:12px;
	font-style: normal;
}

/* -----------------------------------  OVERLAYS ----------- */
#wrap #header #popup_info{
border: 0px solid rgb(102, 102, 102);
background-image: url(images/trans.png);
background-repeat: repeat;
height: 955px;
width: 776px;
left: auto;
position: absolute;
top: 0px;
z-index: 3;
display: none;
}