/**********************************************************************
******************** Farben *******************************************
*********************************************************************** 
Farbe1: #004070;
Farbe2: #8DA4B4;
Farbe3: #333;
Farbe4: #B0B0B0;
**********************************************************************/

/* ******************************************************************** */
/* @group Global ****************************************************** */
/* ******************************************************************** */

/*Body*/
body{
	text-align:center;
	background:#000;
	font-family:Trebuchet MS, Helvetica, Verdana, Arial, sans-serif;
	font-size:82%;
	color:#000;
	
}
/*Headlines*/
h1{
	font-size:1.3em;
	margin-bottom:1em;
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
	padding:.5em 0;
}
h2{
	font-size:1.1em;
	margin: 2em 0 .5em 0;
}
h3,h4{
	font-size:1em;
	margin: 1em 0 .5em 0;
}
h1,h2,h3,h4{
	color:#900;
}

/*Paragraph*/
p{
	line-height:1.7em;
	margin-bottom:.5em;
}
/*HR---*/


hr {
  background-color:#ccc;
  color:#ccc;
  border:#ccc;
  height:1px;
}
/*Links*/
a:link,
a:visited,
a:active{
	text-decoration:none;
	color:#000;
	background: #fff url(images/icon-arrow.gif) no-repeat center left;
	padding-left: 18px;
}
a:hover{
	color:#900;
}
#rightcol a{
	padding: 0;
	background: none !important;
}
/* @end */

/* ******************************************************************** */
/* @group Klassen ***************************************************** */
/* ******************************************************************** */

/*Align*/
.la{/* Linksausrichtung*/
	float:left; 
	margin-right:.5em;
}
.ra{/* Rechtsausrichtung*/
	float:right;
}
/*Clear All*/
.clear {
	height:1px; 
	font-size:.0001em; 
	clear:both; 
}
/*Align center*/
.center{
	text-align:center;
	margin-bottom:1em;
	}
/*Big fontsize*/
.huge{
	font-size:2em;
}
/*Image in rechter spalte*/
.image{
	border-top: 10px solid #000;
	border-bottom: 10px solid #000;
	margin-bottom:1em;
}

/* @end */

/* ******************************************************************** */
/* @group Layout ****************************************************** */
/* ******************************************************************** */

/*wrap-alles umgebender Div*/
#wrap{
	padding: 30px 0 10px 0;
	background: #fff;	
	width:100%;
	text-align: center;
	margin:5em 0;
}
/*wrap-mittige ausrichtung nur für index-seite*/
#wrap.index{
	margin-top:-100px;
	top:50%;
	padding: 50px 0;
	left: 0;
	position:absolute;
}
/*container-inhalts-div*/
#container{
	width:960px;
	overflow: hidden;
	margin:auto;
	text-align: left;	
	padding: 0 2em;
}

/*rechte spalte---------------*/
#rightcol{
	width: 240px;
	float: right;
}
/*linke spalte---------------*/
#leftcol{
	width: 680px;
	float: left;	
}
/*logo, navi*/
#logo,
#navi{
	height: 40px;
	margin-bottom: 2em;
}
/*Listen*/
ul.list li{
	list-style: square;
	margin-left: 1.5em;
	margin-bottom: .3em;
}
/*Navigation*/
#navi  li{
	display: inline;
	margin-right: .8em;	
}
#navi  li.active a{
	color:#900;
	font-weight: bold;
}
/*footer*/
#footer{
	text-align: left;	
	margin-top: 2em;
	width: 240px;
	float: right;
}

/* @end */