/* www.design87.de
Start: 27.09.2009
Letzte Aenderung: 27.09.2009
Author: Nadine Strauss | www.design87.de
*/

/* Farbschema
--------------------------------------------------------------------------------------- */

/*
Farbton (Links/Headlines/Hervorhebungen): #b8dd24
Farbton (Fließtext): #5d5d5c
Farbton (Linien): #cecece

*/

/* Reset
--------------------------------------------------------------------------------------- */
* {
	padding: 0;
	margin: 0;
	border: 0;
}
/* Globals und Typo 
--------------------------------------------------------------------------------------- */

html {
	background: #2e2e2e;
	background-image: url(images/bg_body.jpg);
}

body {
	background: #2e2e2e;
	font-size: 75%;
}

html>body {
	font-size: 12px;
}

a:link {
	color: #e30066;
	text-decoration: none;
	/*border-bottom: 1px dotted #cecece; */
}

a:visited {
	color: #b4b4b4;
	text-decoration: none;
	/*border-bottom: 1px dotted #cecece;*/
}

a:hover {
	color: #e30066;
	text-decoration: none;
	background-color: #383838;
	border: 0;
}

a:focus {
    outline: none;
}


/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */
p {	
	color: #5d5d5c;
	font: 1em/1.4em Arial, Verdana, sans-serif;
	padding-top:10px;
}

h1 {
	font: 1.5em/1em Arial, Verdana, sans-serif;
	color: #e30066;
	margin-bottom: 0.85em;	
}

h2 {
	font: 1.18em/1.13em Arial, Verdana, sans-serif;
	font-weight: bolder;
	color: #e30066;
	margin-bottom: 0.5em;
}

h3 {
	font: 1em/1.5em Arial, Verdana, sans-serif;
	font-weight: bolder;
	color: #e30066;
	margin-top: 1.13em;
}
ul {
	color: #5d5d5c;
	font: 1em/1.5em Arial, Verdana, sans-serif;
	list-style-image: url(images/pfeil_grau.gif);
}


/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
	border: 0;
}


/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */
.links {
	float: left;
	margin: 1em 1em 1em 0;
}

.rechts {
	float: right;
	margin: 1em 0 1em 1em;
}


/* Layoutelemente
--------------------------------------------------------------------------------------- */
#wrapper {
	position:absolute;
	bottom: 0px;
	left: 50%;
	width: 960px;
	margin-left: -480px; 
}

a.platzrehe {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 242px;
	height: 139px;
	text-decoration: none;
	display: block;
	border: 0;
	background-image: url(images/banderole_platzrehe.png);
	background-position: right;
	background-color: transparent;
}
a.platzrehe:hover {
	background-position: left;
	border: 0;
}

a.logo-verlinkung {
	background-color: transparent;
	border: 0;
}
a.logo-verlinkung:hover {
	background-color: transparent;
}

#header {
	position: absolute;
	bottom: 259px;
	left: 0px;
	width: 940px;
	height: 290px;
	/*background-image: url(images/flash_home.jpg);
	padding: 20px 0 0 20px;*/
	background-repeat: no-repeat;
	background-position: left;
}

#sidebar_ref_1 {
	position: absolute;
	bottom: 315px;
	left: 768px;
	width: 160px;
	padding: 0 0 0 20px;
}
div#sidebar_ref_1 p, div#sidebar_ref_2 p {
	color: #6d6d6d;
	font: 1em/1.1em Arial, Verdana, sans-serif;
}
div#sidebar_ref_1 ul {
	color: #5d5d5c;
	font: 1em/1.5em Arial, Verdana, sans-serif;
	list-style-image: url(images/pfeil_grau_3.gif);
}

#sidebar_ref_2 {
	position: absolute;
	bottom: 304px;
	left: 290px;
	width: 440px;
	height: 227px;
	color: #ffffff;
	padding: 20px; 0 0 20px;
}

#background {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 960px;
	height: 260px;
	background-color: white;
	background-image: url(images/bg_verlauf_content.gif);
	background-repeat: repeat-y;
	background-position: right;
}

#background_diagonal {
	position: absolute;
	bottom: 238px;
	left: 0px;
	width: 960px;
	height: 72px;
	background-image: url(images/bg_content_diagonal_paper.png);
	background-repeat: no-repeat;
	background-position: right;
}
#background_diagonal a {
	border: 0;
	background-color: none;
}

#navi_main {
	position: absolute;
	top: 38px;
	left: 0px;
	width: 290px;
	height: 180px;
	color: #5d5d5c;
	padding-left: 20px;
}
.zusatz_navi_main {
	position: absolute;
	bottom: 24px;
	left: 0px;
	width: 290px;
	color: #5d5d5c;
	padding-left: 20px;
}
 
#navi_main li {
	list-style: none;
}
#navi_main a:link, #navi_main a:visited {
	font: 1.25em/1.4 Arial, Verdana, sans-serif;
	color: #b4b4b4;
	font-weight: bolder;
	margin-top: 1.3em;
	margin-bottom: 0.5em;
	text-decoration: none;	
	border-bottom: none;
}
#navi_main a:hover {
	font: 1.25em/1.4 Arial, Verdana, sans-serif;
	font-weight: bolder;
	margin-top: 1.3em;
	margin-bottom: 0.5em;
	text-decoration: none;	
	color: #e30066;
	background-color: #383838;
	border: 0;
}

#navi_main a:active {
	font: 1.25em/1.4 Arial, Verdana, sans-serif;
	color: #ededed;
	font-weight: bolder;
	margin-top: 1.3em;
	margin-bottom: 0.5em;
	text-decoration: none;	
}


#navi_main #current  a {
	color: #5D5D5C;
}
#navi_main #current a span {
   background-position:100% -42px;
	color: #5D5D5C;
}

#content { 
	position: absolute;
	top: 5px;
	left: 290px;
	width: 440px;
	height: 180px;
	color: #5d5d5c;
	padding: 0 0 0 20px;
}
.zusatz_content {
	position: absolute;
	bottom: 24px;
	left: 290px;
	width: 440px;
	color: #5d5d5c;
	padding: 0 0 0 20px;
}

#sidebar {
	background-image: url(images/bg_sidebar_paper.jpg);
	position: absolute;
	left: 768px;
	/*width: 160px;
	height: 180px;*/
	margin-top:-15px;
height:223px;width: 172px;	color: #5d5d5c;
	padding: 0 0 0 20px;
}
.zusatz_sidebar {
	position: absolute;
	bottom: 24px;
	left: 768px;
	width: 160px;
	color: #5d5d5c;
	padding: 0 0 0 20px;
}
.zusatz_sidebar .txt-img a:link {text-decoration: none;}

/* Markus' Sachen */
div#header a {
	border: none;
	padding: 0;
	margin: 0;
}
div#header a:hover {
	background: none;
}

/* Formular
------------------------------------------------------------ alex */
div#rex-xform input {background-color:#ededed;border:none;height:20px;display:block;width:130px;font-family:Arial;
font-size:12px;}
div#rex-xform textarea {background-color:#ededed;border:none;width:270px;height: 95px;font-family:Arial;
font-size:12px;}
div#rex-xform label.text {color:#7a7a7c;font-weight:bold;font-size: 10px;}
div#rex-xform label.textarea {color:#7a7a7c;font-weight:bold;font-size: 10px;}
div#rex-xform {color:#7a7a7c;font-weight:italic;}
div#rex-xform p input.submit {margin-top:50px;width:72px;height:18px;color:white;background: url(images/los-pfeil.png);font-size:13px;padding-bottom:5px;font-weight:bold;float:right;margin-right:15px;cursor: pointer;}
div#rex-xform p {height: 28px;}
.columnleft {}
.columnleft, .columnright {width:48%;}
.columnright {margin-left:155px;
margin-top:-115px;}
.columnleft, .columnright {width:48%;}
.los {}
.formdesign {width: 500px;}
.bildmarke {background: url(/files/_tpl/images/D87_logo_bildmarke.png); width:82px;height:81px;position:absolute;top:0;margin-left:20px;margin-top:20px;}
.sidebar_content .txt-img a:link {border:0;background-color:white;}

#slider {position:relative;	//See the "style-pack" below for image	background:url(images/loading.gif) no-repeat 50% 50%; }
#slider img {position:absolute;top:0px;left:0px;display:none;}
#slider a{display:block;}
#slider .nivo-controlNav img {display:inline;position:relative;}