@charset "UTF-8";
@IMPORT url("content.css");
@IMPORT url("navigation.css");

/* ----------Allgemein-------------- */
html,
body {
	margin: 0;
	min-height:100.1%;
	height: 100.1%;
	padding: 0;
	width: 100%;
}

body {
	background-color: #0d417c;
	background-image:url(../img/body_bg.png);
	background-repeat:repeat-x;
	/*background-repeat:no-repeat;*/
	/*background-position: -10%;*/
	color: #313131;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;/*position:relative;*/
}

a,
a:hover {
	color:#1255a0;
	margin:0;
	padding:0;
	text-decoration:underline;
}

h1 {
	color: #1255a0;
	font-size: 16px;
	font-weight:bold;
	margin: 0px;
	padding: 15px 0 0 0;
}

h2 {
	color: #1255a0;
	font-size: 14px;
	font-weight:bold;
	margin: 0px;
	padding: 16px 0 0 0;
}

h3 a,
h3 {
	color: #1255A0;
	font-size: 12px;
	font-weight:bold;
	margin: 0px;
	padding:8px 0 0 0;
	text-decoration: none;
}

h4 {
	border-bottom: 1px solid #73171B;
	border-top: 1px solid #73171B;
	color:#73171B;
	font-size:12px;
	height:18px;
	margin:34px 0 10px 0;
	padding:0;
	line-height:14pt;
	text-transform:uppercase;
	text-align:center;
	width:195px;
}

p {
	padding:5px 5px 10px 0;
	margin:0;
	line-height:18px;
}

/* ------Container um allen Content------ */
#wrapper {
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding:0px;
	position:relative;
	height:100%;
	width: 800px;
}

/* ----------Header-------------- */
#greyBar {
	background-image:url(../img/grey_bar.png);
	background-repeat: repeat-x;
	position:absolute;
	height:153px;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:100%;
}

#header {
	background-image:url(../img/grey_bar_inside.png);
	background-repeat: repeat-x;
	height:150px;
	margin:0;
	padding:0;
	width:100%;
}

#logo {
	position:absolute;
	top:21px;
	left:26px;
	height:83px;
	margin:0;
	padding:0;
	width:141px;
}

/* ----------Inhaltscontainer-------------- */
#container {
	background-color:#FFF;
	background-image:url(../img/container_bg_bottom.png);
	background-position:bottom;
	background-repeat:repeat-x;
	border-top: 1px solid #d0ddec;
	padding:0;
	padding-bottom:40px;
	position:relative;
	width:100%;
}

/* ----------Layout 2spaltig (Startseite)-------------- */
#spalte_links_oben {
	float:left;
	height: auto;
	margin: 0;
	padding: 20px 10px 0 20px;
	width: 370px;
}

#spalte_rechts_oben {
	float:right;
	height: auto;
	margin: 0;
	padding: 0 0 0 10px;
	width: 390px;
}

#spalte_links_unten {
	float:left;
	height: auto;
	margin: 0;
	padding: 0 10px 0 20px;
	width: 370px;
}

#spalte_rechts_unten {
	float:right;
	height: auto;
	margin: 0;
	padding: 0 20px 0 10px;
	width: 370px;
}

/* ----------Layout mit Subnavi-------------- */
#spalte_subNavi {
	float:left;
	height: auto;
	margin: 0;
	padding: 0 10px 0 20px;
	width: 170px;
}

#spalte_content {
	float:right;
	height: auto;
	margin: 0;
	padding: 20px 20px 0 10px;
	width: 570px;
}

#contentpage_left { /*Nested Element Container Plugin*/
	float:left;
	height: auto;
	margin: 0;
	padding: 0 10px 0 0;
	width: 275px;
}

#contentpage_right { /*Nested Element Container Plugin*/
	float:right;
	height: auto;
	margin: 0;
	padding: 0 0 0 10px;
	width: 275px;
}

/* ----------Layout Detailseite Kurse-------------- */

#spalte_daten_background {
	background-image:url(../img/bg_kursdaten.png);
	background-repeat:repeat-y;
	margin:0;
	padding:0;
}

#spalte_beschreibung {
	float:left;
	margin: 0;
	padding: 0 20px 0 0px;
	width: 410px;
}

#spalte_daten {
	background-color:#d8e1eb;
	float:right;
	height:100%;
	margin: 0 0px 0 0;
	padding: 0 20px 15px 20px;
	width: 290px;
}

#spalte_daten h1,
#spalte_daten h2 {
	color:#333;
}

#spalte_daten h1 {
	padding: 15px 0 10px 0;
}

/*-------Layout ganze Breite (ohne Subnavi) ------------------*/

.spalte {
	margin:0;
	padding: 20px 20px 0 20px;
}

/*  ----------------footer---------------------- */ 
#footer_round_corners {
	height:10px;
	position:relative;
	margin:0;
	padding:0 10px;
}

#footer_round_corners span.bl,
#footer_round_corners span.br {
	position : absolute;
	width : 10px;
	height : 10px;
	display : block;/*margin-bottom : -1px;  /* this is for IE */
}

#footer_round_corners span.bl {
	background : transparent url(../img/footer_corner_bottom_left.png) no-repeat;
	bottom : 0;
	left : 0;
}

#footer_round_corners span.br {
	background : transparent url(../img/footer_corner_bottom_right.png) no-repeat;
	right : 0;
	bottom : 0;
}

#footer_round_corners span.bm {
	background: #FFF;
	position: absolute;
	height: 10px;
	bottom:0;
	left:10px;
	right:10px;
}

/*----IE6....----*/
* html #footer_round_corners {
	background:  #FFF;
}

/*----IE6....----*/

#footer {
	background: none;
	display:block;
	height:20px;
	width:100%;
	margin:0;
	padding:0;
}

#fusszeile {
	position:absolute;
	font-size:11px;
	color:#646464;
	bottom:0;
	left:20px;
	width:760px;
}

/*-----------------------*/
.clear {
	clear:both;
}

/*-----------------------*/

#dhtmltooltip {
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: #FFFFE0;
	visibility: hidden;
	z-index: 100;
}

#dhtmlpointer {
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

/*-------Addthis------*/
.addthis_toolbox {
	position:absolute;
	top:50px;
	right:26px;
	margin:0;
	padding:0;
}

/*-------IE6 Anpassungen -------*/
* html #greyBar {
	background-image:url(../img/grey_bar.jpg);
}

* html #header {
	background-image:url(../img/grey_bar_inside.jpg);
}

#mapcanvas {
	width: 560px;
	height: 380px;
}

/*---- certificateLogos -----*/

#certificateLogos {
	position:absolute;
	right:0px;
	bottom:-5px;
}

/*------------*/

#sbOverlay {
	z-index:9000 !important;
}

#sbCenter,
#sbBottomContainer {
	z-index: 9999 !important;
}