@charset 'utf-8';


/* Import CSS
--------------------------------------------------------------------------------*/
@import url(reset.css);
@import url(clearfix.css);


html, body {
	height:100%;
}

body {
	background-color:#fdfdfd;
	background-image:url(../images/template/background.gif);
	background-repeat:repeat-x;
	background-position:top;
	color:#525252;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:11px;
	overflow:scroll;
	overflow:-moz-scrollbars-vertical;
}

h1 {
	font-size:24px;
	color:#974f83;
	padding:0 0 22px 0;
}

h2 {
	font-size:12px;
	font-weight:bold;
	color:#525252;
	padding:21px 0 6px 0;
}

strong {
	font-weight:bold;
}

img, a img {
	border:0 none;
}

form {
	display:inline;
}


/* Globale Links
--------------------------------------------------------------------------------*/
a {
	outline:none; 
	text-decoration: none;
}

a:link {
	color: #974f83;
}

a:visited {
	color: #974f83;
}

a:hover {
	color: #000000;
}

a:focus {
	color: #974f83;
}

a:active {
	color: #974f83;
}


/* Allgemeine Klassen
--------------------------------------------------------------------------------*/

.hideme {
	position:absolute;
	left:-9999px;
	top:-9999px;
}

.clear { /* Clear Float - http://sonspring.com/journal/clearing-floats */
     clear:both;
     display:block;
     overflow:hidden;
     width:0px;
     height:0px;
}

.nowrap {
	white-space:nowrap;
}

/*
.float-left {
	float:left;
}

.float-right {
	float:right;
}
*/

p.pb15 {
	padding-bottom:15px;
}

p.pb25 {
	padding-bottom:25px;
}

p.pb30 {
	padding-bottom:30px;
}

p.pb70 {
	padding-bottom:70px;
}


/* Opera und IE 8 Fix
--------------------------------------------------------------------------------*/
html>body #minHeight{ /* Opera and IE8 min-height fix */
    float:left;
    width:0;
    height:100%;
    overflow:hidden;
} 


/* Wrapper
--------------------------------------------------------------------------------*/
#wrapper {
    min-height:100%; /* height is determined from parent's height (html & body) */
    width:850px;
    margin:0 auto;
    overflow:hidden; /* contain inner floats */
	background-image:url(../images/template/wrapper_bg.gif);
}

* html #wrapper { /* IE6 min-height & overflow reset */
	height:100%;
	overflow:visible;
}


/* Header
--------------------------------------------------------------------------------*/
#header {
	height:376px;
}


/* Header -> Top (Sprachnavigation / Topnavigation)
--------------------------------------------------------------------------------*/
#header #top {
	height:126px;
	position:relative;
}

#header #top #home {
	position: absolute;
	width:230px;
	height:126px;
	top:0;
	left:0;
	cursor:pointer;
	cursor:hand;
}

#header #top ul#language {
	float:right;
}

#header #top ul#language li {
	float:left;
}

#header #top ul#language li a {
	display:block;
	width:28px;
	height:23px;
	background-color:#f6f6f6;
	color:#525252;
	text-align:center;
	line-height:23px;
	font-size:10px;
}

#header #top ul#language li a:hover, #header #top ul#language li.active a {
	background-color:#974f83;
	color:#ffffff;
}

#header #top ul#navigation {
	padding:67px 0 0 267px;
}

#header #top ul#navigation li {
	float:left;
	padding:0 55px 0 0;
}

#header #top ul#navigation li a {
	font-size:15px;
	/* font-weight:bold; */
	color:#525252;
}

#header #top ul#navigation li a:hover, #header #top ul#navigation li.active a {
	padding:0 0 1px 0;
	border-bottom:2px solid #974f83;
}


/* Header -> Picture
--------------------------------------------------------------------------------*/
#header #picture {
	height:200px;
}


/* Header -> Sub (Subnavigation)
--------------------------------------------------------------------------------*/
#header #sub {
	height:50px;
	background-image:url(../images/template/header_sub.gif);
}

#header #sub ul {
	padding:0 0 0 267px;
}

#header #sub li {
	float:left;
	padding:0 43px 0 0;
}

#header #sub li.last {
	padding:0 0 0 0;
}

#header #sub li a {
	font-size:13px;
	color:#525252;
	height:30px; /* Höhe: 50px */
	display:inline-block; /* IE6 Fix, inline-block anstelle block */
	padding:20px 0 0 0;
}

#header #sub li a:hover, #header #sub li.active a {
	color:#974f83;
	background-image:url(../images/template/header_sub_navigation_punkt.gif);
	background-repeat:no-repeat;
	background-position:center 45px;
}


/* Main
--------------------------------------------------------------------------------*/
#main {
	background-image:url(../images/template/main_bg.gif);
	background-repeat:no-repeat;
	background-position:top;
}


/* Main -> Navigation
--------------------------------------------------------------------------------*/
#main #navigation {
	float:left;
	width:230px;
	min-height:1px; /* Fix für leere Navigation */
}

#main #navigation ul {
	padding:54px 0 0 0;
}

#main #navigation li {
}

#main #navigation li a {
	display:block;
	padding:0 0 11px 14px;
	color:#525252;
	font-size:11px;
}

#main #navigation li a:hover, #main #navigation li.active a {
	background-image:url(../images/template/navigation_punkt.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	color:#974f83;
}


/* Main -> Content
--------------------------------------------------------------------------------*/
#main #content {
	float:left;
	width:550px; /* Beite: 620px */
	padding:50px 35px 82px 35px;
}

#main #content p {
	line-height:140%;
}


/* Footer
--------------------------------------------------------------------------------*/
#footer {
    position:relative;
	background-color:#974f83;
	width:100%;
    height:47px;
    margin:-47px auto 0; /* Pull Footer back into Viewport and center */
	color:#fefefe;
	font-size:10px;
}

#footer p {
	text-align:center;
	padding:20px 0 0 0;
}

#footer a {
	color:#fefefe;
}

#footer a:hover {
	text-decoration:underline;
}