/* ---------------------------------------------------------------- */
/* Grundlayout ---------------------------------------------------- */
/* ---------------------------------------------------------------- */
body,
form {
	margin: 0px;
	padding: 0px;
	font-family:  Verdana, Arial;
	font-size: 11px;
	color: #030100;
}

body {
	background-color: #002546;

}


img {
	border: none;
}

/* contentbody umschliesst das komplette Layout */
#contentbody {
	position: absolute;
	width: 990px;
	left: 50%;
	top: 0px;
	padding: 0px;
	margin: 0px;
	margin-left: -495px;
}
#content-bg {
		background-image:url('img/kontur.gif');
		background-repeat: repeat-y;
		background-position: 50%;
}


a {
		color: #951521;
		text-decoration: none;
}

a:hover {
		text-decoration: underline;
}

/* ---------------------------------------------------------------- */
/* Kopf ----------------------------------------------------------- */
/* ---------------------------------------------------------------- */

#head {
	position: relative;
	width: 990px;
	height: 93px;
	background-repeat: repeat-x;
	z-index: 2000;
	border-bottom: 1px solid #fff;
}



#logodiv {
	position: absolute;
	top: 35px;
	right: 20px;
}

#logodiv img {
	width:296px;
	height:36px;
}


/* ---------------------------------------------------------------- */
/* Contentbereich ------------------------------------------------ */
/* ---------------------------------------------------------------- */

#topteaser,
#topcontent {
		width:989px;
		height:359px;
		background-color:#fff;
}


#maincontent {
		width:990px;
}

#content {
		margin-left:85px;
		width:887px;
}


#footer {
	width:990px;
		margin-top: 30px;
		margin-bottom: 15px;
		text-align:right;
		padding-top:4px;
		color:#fff;
		background-color: #002546;
		border-top: 1px solid #fff;
}

#footer_content {
		position: absolute;
		right: 20px;
		height:30px;
}

#sprache {
		position: absolute;
		right: 17px;
		z-index:1000;
		top:100px
}

#sprache img{
		border:1px solid #fff;
}

#grafik {
		position: absolute;
		width: 887px;
		height: 370px;
		left:85px;
		top:510px;
		background-color:#fff;
		z-index: 110;
		display: none;
}

/* ---------------------------------------------------------------- */
/* Standards ------------------------------------------------------ */
/* ---------------------------------------------------------------- */

p,
td, th,
li,
input,
select,
option,
.copy {
	margin: 0px;
	font-size: 11px;
	line-height: 15px;
	/*letter-spacing: 0.01em;*/
}

p {
	margin-bottom: 12px;
}


h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
	color: #002546;
	margin: 0px;
}

h1 {
	font-size: 20px;
	color: #002546;
	margin-bottom: 8px;
}


h2.first {
		color: #b5152b;
		font-size: 14px;
		margin-bottom: 35px;
}

h2 {
	font-size: 14px;

}


h3 {font-size: 14px; margin-bottom: 8px; line-height:18px;}
h4 {font-size: 11px; margin-bottom: 2px;}
h5 {font-size: 11px; margin-bottom: 2px;}
h6 {font-size: 11px; margin-bottom: 0px;}

/* ---------------------------------------------------------------- */
/* Listen ------------------------------ */
/* ---------------------------------------------------------------- */

ul {
		padding:0px;
		margin:0px;
		margin-left:14px;
		margin-bottom:20px;
		color: #002546;
		list-style-type:square;
}

ul li {
		margin-bottom:3px;

}
ul li span{
		color: #555;

}

ul.pdf-download {
		margin-left:0px;
		list-style-type:none;
}

ul.pdf-download li {
		height:20px;
		padding-left:5px;
		padding-top:3px;
}

ul.pdf-download li.hilite {
		background-color:#efefef;
}

a.pdf-down {
		background-image:url('img/download.gif');
		background-repeat: no-repeat;
		background-position: 2px 3px ;
		padding-left:19px;
		display:block;
		float:left;
		margin-right:5px;
}



/* ---------------------------------------------------------------- */
/* Zusammenbau der Content-Container ------------------------------ */
/* ---------------------------------------------------------------- */

/* Position des Begin des Containers .p1 .p2 ... */
.p1, .p2, .p3, .p3, .p4, .p5 {
		position: relative;
		left: 0px;
		float: left;
		padding: 0px;
		margin: 0px;
		margin-left: 10px;
		margin-bottom: 10px;
}

.p1 {
		margin-left: 0px;
		clear: left;
}

.p2 {
}

.p3 {
}

/* Weite des Containers (anzahl der Spalten) */
.w1 { width: 289px;}
.w2 { width: 588px;}
.w3 { width: 887px;}
.trenner {width: 10px;}


.headline-table {
		margin-top:30px;
}

.content-table {
		margin-bottom:60px;
}

.big-margin {
		margin-bottom:100px;
}



/* ---------------------------------------------------------------- */
/* navigation ----------------------------------------------------- */
/* ---------------------------------------------------------------- */

#navigation {
		width:990px;
		color:#fff;
		background-color: #002546;
		border-bottom: 1px solid #fff;
		height:30px;
}

#nav,
#nav_footer,
#nav ul {
		float: left;
		list-style: none;
		padding: 0px;
		margin: 0px;
}

#nav {
		margin-top:6px;
		position: absolute;
		left:85px
}

#nav_footer {

}

#nav_footer a,
#nav a {
		display: block;
		color: #fff;
		line-height: 16px;
		text-decoration: none;
}

#nav_footer a:hover,
#nav a:hover {
		text-decoration: underline;
		color: #fff;
}


#nav li.selected a {
		color: #fff;
		text-decoration: underline;
}

#nav li.first {
		padding-left: 0px;
}

#nav_footer li,
#nav li {
		float: left;
		padding: 0px;
		padding-left: 8px;
		color:#fff;
}


/* ---------------------------------------------------------------- */
/* Infobox ------------------------------ */
/* ---------------------------------------------------------------- */

.info-box {
	width:100%;
	height:150px;
		background-image:url('img/info.png');
		background-repeat: no-repeat;
		background-position: 180px 0px;
}

.info-box h1{
		font-family: Times;
		font-style: italic;
		color:#002546;
		font-size:18px;
		line-height:22px;
		margin:0px;
		margin-bottom:15px
}


.info-box p{

}

/* ---------------------------------------------------------------- */
/* Content Navibox ------------------------------ */
/* ---------------------------------------------------------------- */

.navi-box {

}

.navi-box ul {
		margin:0px;
		padding:0px;
		margin-left:0px;
		margin-top:20px;
		list-style:none;
}

.navi-box li {
		margin:0px;
		padding:0px;
		line-height:20px;

}

a.content-link {
		display:block;
		height:27px;
		background-image:url('img/pfeil_grau.png');
		background-repeat: no-repeat;
		background-position: 2px 0px;
		padding-left:30px;
		color:#002546;
		text-decoration:underline;
}


/* ---------------------------------------------------------------- */
/* Formulare ----------------------------------------------------- */
/* ---------------------------------------------------------------- */

.formular-table {

}

.formular-table td{
		background-color:#f7f7f7;
}

form table td {

}

form .no-pad {
		padding:0px;
}

form .td-silver {
		background-color: #efefef;
		text-align: right;
		padding-top:4px;
		padding-left:5px;
		padding-right:5px;
		padding-bottom:4px;
}

form .td-silverl {
		background-color: #efefef;
		text-align: left;
		padding-top:4px;
		padding-left:5px;
		padding-right:5px;
		padding-bottom:4px;
}

form .right {
		text-align:right;
}

form .td-weiss {
		text-align: right
}
form .td-weissl {
		text-align: left
}

form .long {
		width: 205px;
		height: 14px;
}

form .medium {
		width: 150px;
		height: 14px;
}

form .short {
		width: 46px;
		height: 14px;
}

form .short_unterlagen {
		width: 14px;
		height: 14px;
}

form .textfield {
		width: 200px;
		height: 70px;
}

form .absenden,
.webvisitenkarten .absenden{
		width: 210px;
		height: 20px;
}

.webvisitenkarten .absenden{
		background-color:#fff;
}

select {
		width:210px;
		border: 1px solid #bbb;
		height:22px;
}



/* ---------------------------------------------------------------- */
/* Impressum ------------------------------------------------------ */
/* ---------------------------------------------------------------- */

.impressum h3 {
		margin-top:18px;
}

.impressum h3.first {
		margin-top:0px;
}

/* ---------------------------------------------------------------- */
/* Mediacenter ------------------------------ */
/* ---------------------------------------------------------------- */

.mediacenter-nav {
	height: 155px;
	background-image:url('../img/bg_mediacenter.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.mediacenter-margin {
	padding-top: 10px;
	background-image:url('../img/bg_mediacenter_small.png');
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

.mediacenter-player-bg {
	height: 441px;
	min-height: 450px;
	background-color: #f5f5f5;
	text-align: center;
}

.mediacenter-mp3Table {
	background-color: #f5f5f5;
	margin-bottom: 30px;
}
.mediacenter-mp3Table {
	padding: 10px;
}

#mp3 {
	position: relative;
	width: 100%;
}

#external-Player {
	position: absolute;
/*	display: none; */
	z-index: 2000;
	top: 742px;
	left: 85px;
	background-color: transparent;
	border: 0px solid white;
	overflow: hidden;
}

#externVideo {
	width: 588px;
	height: 441px;
	border: 0px solid white;
	overflow: hidden;
}

/* ---------------------------------------------------------------- */
/* Validation ------------------------------ */
/* ---------------------------------------------------------------- */


.errmsg {
	display: none;
	color:#ff9900;
}

.notvalid {
	border: 1px solid #bf737a;
	background-color:#f7edee;
}

.errormsglabel {
	cursor: pointer;
}

#validationmsg {
	background-color:#f7edee;
	border-top: 1px solid #bf737a;
	border-bottom: 1px solid #bf737a;
	display: none;
	margin-top:15px;
	margin-bottom:15px;
}

#validationmsg h2{
		margin:12px;
		font-style: italic;
		color: #030100;
		font-size: 13px;
}

#validationmsg ul {
		padding:0px;
		margin:0px;
		margin-left:30px;
		margin-bottom:20px;
		list-style-type:square;
		color: #951521;
}

#validationmsg ul li {
		margin-bottom:3px;
		font-style: italic;

}
#validationmsg ul li span{
		color: #444;

}

#validationmsg .red{
		color: #951521;

}


/* ----- mp3  ----- */

#speaker {
	width: 100%;
	height: 60px;
	background-color: #efefef;
	border: solid 1px #ccc;
	background-image: url(images/podcast_bg.jpg);
	background-repeat: repeat-y;
}

#speakersmall {
	width: 100%;
	height: 40px;
	background-color: #FFFFFF;
	background-repeat: repeat-y;
}


#speaker #mp3table {
	margin-top:15px;
	margin-left: 10px;

}


/* ----- mp3  item ----- */

#mp3item {
	float: right;
}