@charset "utf-8";


/* ------------------------------------------------------------------------------------------------- */
/* GRUNDEINSTELLUNGEN ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------- */

/* FireFox Scrollbar Hack -------------------------------------------------------------------------- */

html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}

/* Clearfix ---------------------------------------------------------------------------------------- */

.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	width: 99%;
	display: block;
}

* html .clearfix {
	height: 1%;
}


/* fuer Footer und Content-All---------------------------------------------------------------------- */

.clearit {  /*fuer Footer und Content-All*/

	clear:both;

	height: 30px;
}

.clear {

	clear:both
}

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

body {

	font: normal 100.01% Georgia, Verdana;
	
	text-align:center; /*damit es auch der Internet Explorer begreift*/
	
	background-image: url(../images/hg_verlauf.jpg);
	
    background-repeat: repeat-x;
	
	margin-left: auto;
	
	margin-right: auto;
	
	margin-top: 0px;
	
	margin-bottom: 0px;
	
	padding: 0;
	
	background-color: #496989;
}


/* ------------------------------------------------------------------------------------------------- */
/* LAYOUT ELEMENTE --------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */

/* Wrapper fuer Header und Topnavigation ----------------------------------------------------------- */

#topwrapper {

	width: 800px;
	
	height: 260px;
	
	background-image: url(../images/hg_topwrapper.jpg);
	
	background-repeat: no-repeat;
	
	margin-top: 40px;
	
	margin-left: auto;
	
	margin-right: auto;
	
	text-align:left; /*Zurueck zum normalen Textfluss*/ 
}

/* Headerteil fuer Topnavigation ------------------------------------------------------------------- */


#header {

	font-family: Verdana, sans-serif;
	color: #cbd9ee;
	
	word-spacing: 6px;
	
	letter-spacing: 3px;
	
	font-size: 65%;

	width: 610px;

	height: 40px;

	padding-top: 40px;

	margin-left: 80px;
}


/* Headerteil fuer Headerbild ---------------------------------------------------------------------- */

#banner {

	width:762px;

	height: 180px;

	margin-left: auto;

	margin-right: auto;

	margin-top: auto;

	padding: 0 0px 0 0px;

	text-align:center; /*fuer den Internet Explorer*/
}

/* Aussen-Wrapper fuer den unteren Inhaltsbereich incl. linken Teaserbereich ----------------------- */
/* Unterer Inhaltsbereich incl. linker Navigationsbereich ------------------------------------------ */

#contentwrapper {

	width: 800px;

	background-image: url(../images/hg_content.jpg);

	background-repeat: repeat-y;

	margin-left: auto;

	margin-right: auto;

	text-align:center; /*fuer den Internet Explorer*/
}

/* Unterer Inhaltsbereich incl. linker Navigationsbereich ------------------------------------------ */

#content-all {

	background-image: url(../images/content_top.jpg);

	background-repeat: no-repeat;

	padding-top: 37px;

	width:762px;

	margin:0 auto; /*Zentrierung fuer die funktionierenden Browser*/

	text-align:left; /*Zurueck zu Linksbuendig fuer den IE*/

	font-family: georgia, "Times new roman", Verdana, sans-serif;

	font-size: small;

	margin-left: auto;

	margin-right: auto;
}

/* Linker Navigationsbereich ----------------------------------------------------------------------- */


div#leftcol {

	font-family: Verdana, sans-serif;

	color: #BFBFBF;

	font-size: 100%;

	background-image: url(../images/rahmen_leftcol.jpg);

	background-repeat: no-repeat;

	margin-left: 19px;

	margin-bottom: 20px;

	width: 150px;

	float: left;

	padding-top: 30px;

	padding-right: 40px;

	padding-left: 40px;
}

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

#content {

	font-family: Verdana, sans-serif;

	color: #6D767B;

	font-size: 90%;

	line-height: 1.5em ;

	background: url(../images/rahmen_content.jpg) top left;

	background-repeat: no-repeat;

	width: 427px;

	float: left;

	padding-top: 27px;

	padding-left: 40px;

	padding-right: 25px;
		
	margin-bottom: 20px;
}

/* Contentbereich innen volle Breite (falls der linke Teaserbereich nicht gebraucht wird) ---------- */

div.full#content{

	background-image: url(../images/rahmen_content_full.jpg);

	width:682px;

	padding-left:40px;

	padding-right:40px;
}

/* Footerbereich ----------------------------------------------------------------------------------- */

#footer {

	background-image: url(../images/hg_footer.jpg);

	background-repeat: no-repeat;

	background-color:#496989;

	text-align: center;

	width: 800px;

	height: 30px;

	margin-left: auto;

	margin-right: auto;

	font-family: Times new roman, sans-serif;

	font-size: 80%;

	color: #ffffff;

	padding-top: 5px;
}