/* Copyright by DREIPASS. www.dreipass.net */

/* ################################################### ############ */
/* #####   Hier werden die zentralen Lyouteigenschaften definiert. Die Layouts     ##### */
/* #####   der Unterseiten sind in externen Stylesheets definiert. Sie werden         ##### */
/* #####   im Header der Unterseite referenziert.                       			         ##### */
/* ############################################################### */
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	background-image: url(../pics/bg_page.jpg);
	background-color: #999999;/*	text-align: center;*/
}
#container {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -270px;
	margin-left: -440px; 
	width: 880px;  
	height: 528px;
	background: #F7B333;
	background-image: url(../pics/background_main.jpg);
	background-repeat: no-repeat;
/*	text-align: left; /* this overrides the text-align: center on the body element. */
}
/* ############################### */
/* #####      Links allgemein              ##### */
/* ############################### */
a {color: #FFFDF3; text-decoration: none;}
a:hover {
	color: #000000;
}
a:active {
	color: #FFFFFF;
}
/* ############################### */
/* #####  	 Demo-Link                   ##### */
/* ############################### */
a.demo {
	position: absolute;
	top: 83px;
	left: 56px;
	font-size: 0.75em;
	font-weight: bold;
	color: #333333;
}
a.demo:hover, a.demo:active {color: #CC3300;}
/* ############################### */
/* #####  	       Reiter                   ##### */
/* ############################### */
a.comp {
	position: absolute;
	top: 143px;
	left: 53px;
	font-size: 0.9em;
}
a.ref {
	position: absolute;
	top: 143px;
	left: 183px;
	font-size: 0.9em;
}
a.loc {
	position: absolute;
	top: 143px;
	left: 323px;
	font-size: 0.9em;
}
/* ############################### */
/* #####      Links rechts unten         ##### */
/* ############################### */
a.imp {
	position: absolute;
	top: 436px;
	left: 577px;
	font-size: 0.8em;
	color: #CC6600;
}
a.imp:hover, a.imp:active {color: #333333;}
a.con {
	position: absolute;
	top: 436px;
	left: 677px;
	font-size: 0.8em;
}
a.log {
	position: absolute;
	top: 436px;
	left: 781px;
	font-size: 0.8em;
}
/* ############################### */
/* #####        Text-Links                    ##### */
/* ############################### */
a.textlink {
	font-size: 0.7em;
	color: #CC6600;
	font-weight: bold;
}
a.textlink:hover, a.textlink:active {color: #333333;}
a#paging_fwd:hover, a#paging_back:hover, a#paging_back:hover, a#paging_back:active {color: #333333;}
/* ############################### */
/* #####        Fusszeile                    ##### */
/* ############################### */
#footer {
	position: absolute;
	top: 480px;
	left: 55px;
	width: 790px;
	font-size: 0.7em;
	color: #666666;
}
* html #footer {top: 491px;} 
*:first-child+html #footer {top: 491px;}
.two {color: #CC6600; font-weight: bold;}

/* ############################### */
/* #####      Links Subnavigation       ##### */
/* ############################### */
#subnav {
	position: absolute;
	background-repeat: no-repeat;
} 
#subnav a {
	display: block;
	font-size: 0.7em;
	padding-left: 18px;
	padding-bottom: 1.4em;
}
.start_subnav {padding-top: 30px;}
.end_subnav {margin-bottom: 90px;}
/* ############################### */
/* #####    Textbereich                     ##### */
/* ############################### */
#text {
	position: absolute;
	background-repeat: no-repeat;	/* border: 1px green solid; */
	overflow: visible;
	padding-top: 46px;
	padding-right: 35;
	padding-bottom: 50px;
	padding-left: 35px;
}
* html #text {padding-top: 40px} 
*:first-child+html #text {padding-top: 62px;}
h1 {font-size: 0.9em;}

h2 {	
	position: absolute;
	top: -1px;
	color: #FFFFFF;
	font-size: 0.6em;
	font-weight: normal;
}
* html h2 {top: 6px;} 
*:first-child+html h2 {top: 6px;}
h3 {font-size: 0.75em;}
p {font-size: 0.7em;}
.or {color: #CC6600;}
/* ############################### */
/* #####    Startseite                     ##### */
/* ############################### */
#start {position: absolute; left: -999px;}
.dos {color: #CC6600;}
.cologne {color:#666666;}
.line {width: 300px; color: #CC6600; margin: 50px 0;}
/* ############################### */
/* #####    Home-Link                     ##### */
/* ############################### */
#home {
	position: absolute;
	left: 630px;
	top: 62px;
	width: 200px;
	height: 40px;
}
/* ############################### */
/* #####    Trennlinie in Fließtext       ##### */
/* ############################### */
#trenner {
	position: relative;
	left: -50px;
	color: #FF6600; 
	width: 340px;
}

* html {} 
*:first-child+html {}