@charset "UTF-8";

@font-face {
  font-family: 'Sansation';
  src: url('font/Sansation_Regular.eot');
  src: local('Sansation Regular'), local('Sansation'), 
        url('font/Sansation_Regular.ttf') format('TrueType');
}


/*  CSS Reset Hack  */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,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 {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}


/*
Here we go, Code is poetry :D
*/


body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #e0dad2;
	background-image:url(images/wide_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:fixed;
	margin: 0; 
	padding: 0;
	text-align: center; /* IE-safe zentrieren */
	color: #171717;
	
}
.centered #container {
	width: 850px;  /* Browsersafe:950px :D */
	background:transparent;
	margin: 0 auto; /* zentriert die Seite */
	text-align: left; /* Überschreibt text-align: center im Body */
}


/*---------------------------------------------------------------------------
Header
-----------------------------------------------------------------------------*/

.centered #header {
	background:url(images/visual_bg.png) no-repeat bottom; 
	height: 258px; /*von Adresszeile nach unten: 106px, HeaderGFX: 152px*/
	}

.centered #nav {
	position: absolute;
	float: left;
	margin: 108px 0 0 38px;	}
	
.centered #keyvisual {
	position: absolute;
	float:left;
	margin: 108px 0 0 206px;}
	
.centered .logo {
	border: 0;
	position: absolute;
	margin: 0 0 0 35px;
	}
	
/*---------------------------------------------------------------------------
Navigation
-----------------------------------------------------------------------------*/		

.centered #nav ul { 
	list-style-type:none;
	margin:10px 0 0 10px;
	padding:0;
	font-size:80%;
	}
	
.centered #nav ul li {
	margin:0;
	padding:0;}

.centered #nav ul li a:link { color:#000; text-decoration:none; padding:3px 5px 3px 5px; display:block; width:135px;}
.centered #nav ul li a:active { color:#000; text-decoration:none; padding:3px 5px 3px 5px; display:block; width:135px;}
.centered #nav ul li a:visited { color:#000; text-decoration:none; padding:3px 5px 3px 5px; display:block; width:135px;}
.centered #nav ul li a:hover { color:#FFF; background:#a10304; font-weight:bold;}

	
/*---------------------------------------------------------------------------
Wrapper
-----------------------------------------------------------------------------*/	

.centered .wrap {
	overflow: visible;
	background: url(images/bg_content.png);
	width: 774px;
	float:left;
	margin: 0 38px; /*ACHTUNG: 2. Wert errechnet sich aus Differenz des wraps zum Gesamtcontainer. Simuliert CENTER*/
	}
	
/*---------------------------------------------------------------------------
Sidebar
-----------------------------------------------------------------------------*/

.centered #sidebar {
		float: left;
		min-height: 500px;
		margin: auto;
		padding: 15px;
		display: block; 
		background: url(images/bg_top_underheader.jpg) repeat-x top;
		font-size:85%;
		border: 0px solid red;
		width: 136px;  /* ACHTUNG: 2x das Padding (Links und rechts) abziehen! */
		{width: 166px;}
	}
	
	
.centered #sidebar h2 {
	font-size:110%;
	color:#a10304;
	line-height:130%;
	margin:15px 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #ccc;
	font-family:Sansation;

	}
	
.centered #sidebar a:link { color:#a10304; text-decoration:underline;}
.centered #sidebar a:active { color:#a10304; text-decoration:underline;}
.centered #sidebar a:visited { color:#a10304; text-decoration:underline;}
.centered #sidebar a:hover { color:#730102; text-decoration:none;}

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

.centered #mainContent {
	float: left;
	width: 566px;  /* ACHTUNG: 2x das Padding (Links und rechts) abziehen! */
	padding:20px;
	margin: 0 0 0 2px;
	display: block;
	background: url(images/bg_top_underheader.jpg) repeat-x top;
	}
		

.centered #mainContent h1 {
	font-size:150%;
	color:#a10304;
	line-height:130%;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #ccc;
	font-family:Sansation;
	font-weight:bold;
	}
	
.centered #mainContent h2 {
	font-size:110%;
	color:#a10304;
	line-height:130%;
	margin:15px 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #ccc;
	font-family:Sansation;

	}

.centered #mainContent p {
	font-size:90%;
	line-height:150%;	
	}
	
.centered #mainContent a:link { color:#a10304; text-decoration:underline;}
.centered #mainContent a:active { color:#a10304; text-decoration:underline;}
.centered #mainContent a:visited { color:#a10304; text-decoration:underline;}
.centered #mainContent a:hover { color:#730102; text-decoration:none;}

.centered #mainContent img {
	float:left;
	border:0;
	margin:5px 10px 5px 0; /* links 0 weil float_left ist */
	}


/*---------------------------------------------------------------------------
Footer
-----------------------------------------------------------------------------*/

.centered #footer {
	padding: 10px 0;
	margin: 0 0 20px 48px;
	font-size: 80%;
	color: #89878a;
 
}

	
.centered #footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
.centered #footer ul li {
	list-style: none;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	}
	
.centered #footer ul li a:link { color:#89878a; text-decoration:none;}
.centered #footer ul li a:active {color:#89878a; text-decoration:none;}
.centered #footer ul li a:visited {color:#89878a; text-decoration:none;}
.centered #footer ul li a:hover { color:#a10304;}
	
	
/*---------------------------------------------------------------------------
Essentials
-----------------------------------------------------------------------------*/

.clearit {
	clear: both;
	}