﻿html,body {
	height: 100%;
}

body {
	text-align: center;
	height: 100%;
	font-family: Arial, Helvetica, Sans-Serif, "Trebuchet MS";
	font-size: 8pt;
	color: #484848;
	/*background-color: #d2d2d2; grau*/
	background-color: #003d8f;
	/*background-image:url('bg_content.jpg');
	background-repeat:repeat-x;*/
	margin: 0px;
	padding: 0px;
}

#container {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	top: 0px;
	text-align: left;
}

/* --- Beginn Header --- */

#header {
	position: relative;
	background-image:url('header_trans.jpg');
	background-repeat:no-repeat;
	left: 0px;
	width: 950px;
	height: 87px;
	margin: 0px;
	padding: 0px;
}

#logo{
	position: absolute;
	width: 312px;
	height: 87px;
	top: 0px;
	left: 0px;
}

#sprache {
	position: absolute;
	top: 30px;
	/*left: 655px;*/
	left: 767px;
}

a.english:link {font-size: 8pt; font-weight: bold; color: #ffffff; text-decoration: none;}
a.english:hover {font-size: 8pt; font-weight: bold; color: #ffffff; text-decoration: none;}
a.english:active {font-size: 8pt; font-weight: bold; color: #ffffff; text-decoration: none;}
a.english:visited {font-size: 8pt; font-weight: bold; color: #ffffff; text-decoration: none;}

/* --- Ende Header --- */
/* --- Beginn Titelleiste --- */

#titelleiste {
	position: relative;
	width: 950px;
	overflow: hidden;
	background-color: #ffffff;
}

#titelbild {
	float: left;
	overflow: hidden;
	width: 500px;
	height: 225px;
	border: 1px solid #fff;
}

#teaser {
	float: left;
	background-image:url('teaser.jpg');
	background-repeat:no-repeat;
	overflow: hidden;
	width: 225px;
	height: 225px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#teaser_txt {
	margin: 10px;
	font-size: 8pt;
	color: #003d8f;
}

#bereiche {
	float: left;
	overflow: hidden;
	width: 221px;
	height: 225px;
	margin-left: 1px;
}

#bereiche_1 {
	font-size: 8pt;
	color: #003d8f;
	height: 56px;
	border-bottom: 1px solid #999999;
}

#bereiche_2 {
	font-size: 8pt;
	color: #003d8f;
	height: 56px;
}

#bereiche_button {
	float: left;
	width: 20px;
	overflow: hidden;
	padding-top: 10px;
	padding-left: 10px;
}

#bereiche_txt {
	float: left;
	overflow: hidden;
	padding-top: 10px;
}

/* --- Ende Titelleiste --- */
/* --- Contentbereich --- */

#containerInhalt {
	position: relative;
	background-image:url('content.jpg');
	background-repeat:no-repeat;
	width: 950px;
	overflow: hidden;
	background-color: #ffffff;
	padding-top: 20px;
	padding-bottom: 20px;
}

#spacer {
	float: left;
	width: 20px;
	overflow: hidden;
}

#links {
	float: left;
	width: 200px;
	overflow: hidden;
	padding-bottom: 15px;
}

#mitte {
	float: left;
	width: 670px;
	overflow: hidden;
	/*border: 1px solid black;*/
}

/*-- referenzen ---*/

#referenzen {
	font-size: 8pt;
	color: #999999;
	border-bottom: 1px solid #999999;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
}

#ref_button {
	float: left;
	width: 20px;
	overflow: hidden;
	padding-top: 10px;
}

#ref_txt {
	float: left;
	overflow: hidden;
	padding-top: 10px;
}


/* --- Beginn Block Karten --- */

#block_1K {
	position: absolute;
	width: 670px;
	overflow: hidden;
	padding-bottom: 10px;
}

#buttonK {
	float: left;
	width: 20px;
	overflow: hidden;
}

#block_1aK {
	float: left;
	width: 650px;
	overflow: hidden;
}

#block_1d_welt {
	width: 650px;
	overflow: hidden;
}

#block_1d_europa {
	width: 650px;
	overflow: hidden;
	visibility: hidden;
	
}

#block_1d_deutschland {
	width: 650px;
	overflow: hidden;
	visibility: hidden;
}

#abstand {
	position: relative;
	width: 670px;
	overflow: hidden;
	height: 10px;
	border-top: 1px solid #999999;
}


/* --- Ende Karten --- */


/* --- Beginn Block 1 --- */
#block_1 {
	position: relative;
	width: 670px;
	overflow: hidden;
	padding-bottom: 10px;
}

#button {
	float: left;
	width: 20px;
	overflow: hidden;
}

#block_1a {
	float: left;
	width: 650px;
	overflow: hidden;
}

#block_1b {
	float: left;
	width: 325px;
	overflow: hidden;
}

#block_1b_Bild {
	float: left;
	width: 300px;
	overflow: hidden;
	border: 1px solid #999999;
	padding: 1px;
}

#block_1b_Presse {
	float: left;
	width: 475px;
	overflow: hidden;
}

#block_1btext {
	float: left;
	width: 625px;
	overflow: hidden;
}

#block_1c {
	float: left;
	width: 300px;
	overflow: hidden;
	border: 1px solid #999999;
	padding: 1px;
}

#block_1c_Bild {
	float: left;
	width: 325px;
	overflow: hidden;
}

#block_1c_Presse {
	float: left;
	width: 150px;
	overflow: hidden;
	border: 1px solid #999999;
	padding: 1px;
}

#block_1d {
	width: 650px;
	overflow: hidden;
}

#block_1d_welt {
	width: 650px;
	overflow: hidden;
}

#block_1d_europa {
	width: 650px;
	overflow: hidden;
	visibility: hidden;
}

#block_1d_deutschland {
	width: 650px;
	overflow: hidden;
	visibility: hidden;
}

#abstand {
	position: relative;
	width: 670px;
	overflow: hidden;
	height: 10px;
	border-top: 1px solid #999999;
}

/* --- Ende Kästen --- */
/* --- Beginn Footer --- */

#unten {
	background-image:url('footer.jpg');
	background-repeat:no-repeat;
	background-color: #ffffff;
	clear: both;
	margin: 0;
	width: 950px;
	/*height: 100px;
	font-size: 8pt;
	color: #cccccc;
	font-weight: bold;*/
}

#unten_content {
	position:relative;
	padding: 10px;
	text-align: left;
	font-size: 8pt;
	color: #cccccc;
	font-weight: bold;
	overflow:hidden;
	}

/*--- Navigation/Sitemap unten ---*/

#sitemap {
	margin-right: 10px;
	margin-left: 10px;
	font-size: 8pt;
	color: #999999;
	text-align: left;
	overflow: hidden;
}

a.unten:link {font-size: 8pt; font-weight: bold; color: #999999; text-decoration: none;}
a.unten:hover {font-size: 8pt; font-weight: bold; color: #484848; text-decoration: none;}
a.unten:active {font-size: 8pt; font-weight: bold; color: #999999; text-decoration: none;}
a.unten:visited {font-size: 8pt; font-weight: bold; color: #999999; text-decoration: none;}


/* --- Ende Footer --- */

img {
	border: 0px;
}

/* --- Textformatierung --- */

a {font-size: 8pt; font-weight: normal; color: #484848; text-decoration: none;}
a:hover {font-size: 8pt; font-weight: normal; color: #003d8f; text-decoration:none;}
a:active {font-size: 8pt; font-weight: normal; color: #484848; text-decoration:none;}
a:visited {font-size: 8pt; font-weight: normal; color: #484848; text-decoration:none;}


h1 {font-size: 16pt; font-weight:normal; color: #484848;line-height : 0em; margin-top: 22px;}
h2 {font-size: 8pt; font-weight:bold; color: #484848; line-height: 0em; margin-top: 22px;}
h4 {font-size: 16pt; font-weight:normal; color: #484848;line-height : 0em; margin-top: 22px;}

hr{
background-color: #999999; /* Farbe für Opera und Firefox */
color: #999999; /* Farbe für Internet Explorer (IE) */
border: 0;
height: 1px;
}

.header {
	font-size: 16pt;
	color: #484848;
}

.header_blau {
	font-size: 16pt;
	color: #003d8f;
}

.header_rot {
	font-size: 16pt;
	color: #b22125;
}


.header_gruen {
	font-size: 16pt;
	color: #3da434;
}

.header_tuerkis {
	font-size: 16pt;
	color: #278e90;
}

.header_ocker {
	font-size: 16pt;
	color: #f76d10;
	/*color: #d68a27;*/
}

.subheader {
	font-size: 12pt;
	color: #484848;
}

.subheader_blau {
	font-size: 12pt;
	color: #003d8f;
}

.subheader_rot {
	font-size: 12pt;
	color: #b22125;
}


.subheader_gruen {
	font-size: 12pt;
	color: #3da434;
}

.subheader_tuerkis {
	font-size: 12pt;
	color: #278e90;
}

.subheader_ocker {
	font-size: 12pt;
	color: #f76d10;
	/*color: #d68a27;*/
}

.fett {
	font-size: 8pt;
	color: #484848;
	font-weight: bold;
}


input {
	font-size: 8pt;
	color: #999999;
	border: 1px solid #999999;
}

.inputNoFormat {
	border: none;
	background-color: none;
	color: none;
}



