body{
	margin:0;
	padding:0;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	background:#413636;}
	
#container{
	position:relative;
	margin:40px auto auto auto;
	width:1105px;
	background:url(images/border_leftright.png) repeat-y #FBF7F6;
	text-align:left;}
	
#spacer{
	float:left;
	display:block;
	width:1px;
	height:800px;
	border:1px solid #090;
	display:none;}	
	
#header_mask{
	width:1105px;
	height:341px;
	background:url(images/headermask.png);
	z-index:50;
	position:absolute;
	top:0;
	left:0;}
	
#verlauf{
	position:absolute;
	top:0;
	left:0;
	width:1105px;
	height:341px;
	background:url(images/headverlauf.png) repeat-y;
	z-index:40;}
	
#logo{
	position:absolute;
	top:125px;
	left:80px;
	width:225px;
	height:152px;
	z-index:85;}
	
#head{
	position:absolute;
	top:0;
	left:0;
	width:1105px;
	height:341px;
	z-index:30;
	background:url(images/border_leftright.png);}
	
#cite{
	position:absolute;
	top:220px;
	left:85px;
	text-align:right;
	text-shadow: #000000 0.1em 0.1em 0.3em;
	/* for IE */
	filter: Shadow(Color=#000000, 	
			Direction=135, 
			Strength=2);}
	
#cite p{
	font-size:40px;
	color:#fff;
	margin:0;
	padding:0;
	font-weight:bold;
	font-variant:small-caps;}
	
#cite .small{
	font-size:14px;
	margin:4px 0 0 0;
	padding:0;}
	
#head img{
	float:right;}
	
#wrapper{
	position:absolute;
	top:341px;
	left:0;
	width:1105px;
	background:url(images/border_leftright.png) #FBFAF8;
	z-index:70;}
	
#content{
	float:left;
	width:660px;
	margin:80px 0 0 25px;}

#footer{
	left:0;
	position:absolute;
	width:1105px;
	height:100px;
	background:url(images/border_bottom.png) no-repeat #2e2e2e;
	text-align:center;}

#footer p{
	color:#FBFAF8;
	font-size:10px;
	text-transform:uppercase;
	margin:18px 0 0 0;}

.clear{
	clear:both;}
	
/*************************************** column templates *****************/	
	
.threecol, .twocol{
	float:left;
	width:100%;
	margin:0 0 0 0;}

.three_left{
	width:200px;
	float:left;
	margin-right:14px;}

.three_middle{
	width:200px;
	border-left:1px solid #727272;
	border-right:1px solid #727272;
	float:left;
	padding:0 14px;}

.three_right{
	width:200px;
	float:left;
	margin-left:14px;}

.two_left{
	width:446px;
	float:left;}

.two_right{
	width:200px;
	float:left;
	margin-left:14px;}

	
/******************************************************************************* navigation *******/

#navi{
	margin:auto;
	padding:0;
	position:relative;
	top:360px;
	z-index:80;
	width:100%;
	text-align:center;
	display:block;}

#navi li{
	list-style:none;
	margin:0;
	padding:0;
	display:inline;}

#navi li a, #navi li a:visited{
	font-size:12px;
	color:#3b4b64;
	padding:5px 9px;
	border-left:1px solid #1b273a;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	text-shadow: #666666 0.1em 0.1em 0.2em;
	/* for IE */
	filter: Shadow(Color=#666666, 	
			Direction=135, 
			Strength=2);}

#navi li a:hover, #navi li a:active, #container #navi li a.active{
	color:#f95629;}
	
li.last a{
	border-right:1px solid #1b273a;}	
	
#navi dfn, #navi span{
	display:none;}
	
#navi ul{
	display:none;}
	

/*********************************************************************************** news ******/

#news{
	float:left;
	width:311px;
	background:url(images/news_leftright.jpg) no-repeat #877777;
	height:735px;
	margin:50px 0 30px 40px;
	padding-bottom:30px;}
	
#newshead{
	background:url(images/news_top.png) no-repeat;
	width:100%;
	height:31px;
	float:left;}
	
#newsfoot{
	background:url(images/news_bottom.png) no-repeat;
	width:311px;
	height:35px;
	position:relative;
	top:730px;
	left:0;}
	
#newscontent{
	float:left;
	width:260px;
	margin:0px 0 0 25px;
	height:95%;}
	
#newscontent p{
	color:#2e2e2e;}	
	
#newscontent h1{
	border-bottom:1px solid #2e2e2e;
	color:#3b4b64;
	font-size:18px;
	font-variant:small-caps;}

#newscontent h2{
	font-size:11px;
	color:#3b4b64;}
	
div{
	outline:none;}
	
.news-latest-item p{
	display:block;
	width:225px;
	font-size:11px;}
	
div.news-latest-item{
	display:block;
	width:240px;
	height:165px;
	clear:both;
	border-bottom:1px solid #000;}
	
div.news-latest-gotoarchive{
	clear:both;}
	
#content hr{
	border:none;
	height:1px;
	background:#2E2E2E;}

div.news-latest-gotoarchive, div.news-single-backlink{
	display:none;}
	
div#video{
	display:none;}

/*************************************************************** formatierungen ********/

h1{
	color:#a2756d;
	margin:0 0 10px 0;
	padding:0;
	font-size:18px;
	font-variant:small-caps;}

h2, p.csc-subheader{
	margin:12px 0 0 0;
	font-size:14px;
	color:#2e2e2e;
	padding:0;
	font-weight:bold;}

p{
	margin:12px 0;
	padding:0;
	font-size:12px;
	color:#2e2e2e;}
	
h2+p{
	margin:4px 0 12px 0;}

#content ul{
	margin:12px 0 12px 15px;
	padding:0;}

#content ul li{
	margin:0;
	padding:0;
	list-style:square;}

#content ol{
	margin:12px 0 12px 21px;
	padding:0;}

#content ol li{
	margin:0;
	padding:0;}


a, a:visited{
	color:#3B4B64;}

a:hover, a:active{
	color:#F95629;}
	
img{
	border:none;}

.csc-textpic-caption{
	font-size:11px;
	color:#413636;}

span.news-latest-date{
	display:none;}
	
div.news-latest-item h2{
	margin-top:5px;}
	
#footer a, #footer a:visited{
	color:#FBFAF8;
	text-decoration:none;
	}

/****************************** scrollbar ***********/
/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width:22px;
}
.vscrollerbar {
background-image: url(scrollbar.png);
width: 22px;
/* following is the bit that allows us fixed height scrollbars */
height: 110px !important;
/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/

background-image: url(scrollbar.png);
/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
using alpha images, thay have to be transparent.*/
}

* html .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='scrollbar.png');
background-image: none;
}


/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {height: 22px;}
.hscrollerbar {height: 22px; background-color: #84ADD6;}

.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 0px;
z-index: 2;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 22px;
height: 22px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #698AAA;
}


/* Scroll Bar Master Styling Ends Here */

	
/*************************************************************************************************************/