﻿body{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	width: 48.5em;
	background-color: #ccc;
	color: #000;
	margin: 0 auto;
	border: 1px solid #aaa;
	font-size:100.1%;
}

#wrapper{
	background-color:#fff;
	font-size:100%;
}

#header{
	height:112px;
	background-image:url(images/bg/back.php);
	border-bottom: 1px solid #aaa;
	padding-left: 166px;
}

#breadcrumbs{
	height:1.2em;
	color: #666;
	border-bottom: 1px solid #aaa;
	padding: .1em 1.5em;
	font-size: .6em;
	visibility:hidden;
	display: none;
}

/* ------------------------------------------------------------------- */
/* Menue */
/* ------------------------------------------------------------------- */

#menuearea{
	float: left;
	width: 11.6em;
/*	margin:.72em 0 2em 0em; */
	margin-top:1.8em;
	margin-left:.5em;
	margin-bottom:0;
	padding-left:0;
	font-size: .78em;
}

#menuearea .innerbox{
	border-bottom: .6em solid #ae0000;
}

#menuearea .orderbox{
	padding:0 .5em;
	margin-top:2em;
	display:block;
}

#menuearea ul{
	color: #000;
	list-style:none;
	padding-left: .4em;
	padding-bottom: 0;
	margin:0;
	background-color:transparent;
}

#menuearea ul li{
	margin: .7em 0;
	background-color:transparent;
}

#menuearea a{
	text-decoration: none;
	color: #000;
}

#menuearea a.current{
	font-weight:bold;
	text-decoration: none;
	color: #ae0000;
}

#menuearea a:hover{
	text-decoration: none;
	color: #ae0000;
}

/* ------------------------------------------------------------------- */
/* News */
/* ------------------------------------------------------------------- */

#news{
	width: 11em;
	float: right;
	margin: 1.5em .375em .8em 0em;
}


#news p{
	font-size: .7em;
	line-height:1.2em;
}

#news h2{
	font-size:1.3em;
	color: #222;
	font-weight:normal;
	margin-bottom: 0em;
}

#news h4{
	font-size:.75em;
	margin-bottom: -.7em;
	color: #444;
}

#news a{
	color: #ae0000;
}

#news h1{
	font-size:1.5em;
	color: #ae0000;
	font-weight:normal;
	margin-bottom: -.7em;
}

#news h6{
	color: #ae0000;
	font-size: .7em;
	font-weight:bold;
	margin:1em 0 -1em 0;
}
/* ------------------------------------------------------------------- */
/* Content */
/* ------------------------------------------------------------------- */


#content{
	margin: 1em .8em 2em 11em;
	min-height:330px;
	height:auto !important;
	height:330px;
}

#content p{
	font-size: .8em;
	line-height:1.4em;
}

#content label{
	font-size: .8em;
}

#content ul{
	line-height:1.4em;
	padding: 0 1.5em;
	font-size: .8em;
	margin-left:0;
}

#content li{
	margin-bottom:.4em;
}

#content h1{
	font-size:1.3em;
	color: #ae0000;
	font-weight:normal;
	margin-top:0;
	padding-top:.15em;}

#content h2{
	font-size:1.2em;
	color: #ae0000;
	font-weight:normal;
	margin-bottom: -.2em;
}

#content h3{
	font-size:1.1em;
	font-weight:normal;
	margin-bottom: -.2em;
}

#content h4{
	font-size:1em;
	color: #000;
	font-weight:normal;
	margin-bottom: -.2em;
}

#content h5{
	font-size:.8em;
	color: #000;
	margin-bottom:-.1em;
}

#content h6{
	color: #ae0000;
	font-size: .8em;
	font-weight:bold;
	margin:1.15em 0 -1.35em 0;
}

#content .toggletext{
	color: #333;
	font-size:1.1em;
	font-weight:normal;
	line-height: 1.4em;
	margin-bottom: -.2em;
}

#content .toggletext:hover{
	cursor:pointer;
	color: #ae0000;
}

#content a{
	color: #ae0000;
	text-decoration: none;
}

#content a:hover{
	color: #ae0000	;
	text-decoration: underline;
}

#content .bild{
	float:right;
	width:12.5em;
	margin:.2em 0 .2em .4em;
}

#content .pdf{
	padding-left:1.7em;
	text-indent:-1.7em;
}

#content .pdf img{
	margin-right:.4em;
	vertical-align:top;
	width:1.25em;
}

.invisiblewithjavascript{
	/* javascript in document: */
	/* document.write("<style type='text/css'>.maybeinvisible{visibility:hidden;display: none;}<\/style>"); */
	visibility:visible;
	display: block;
}

#logofooter{
	clear:both;
	margin-left:9em;
}

#logofooter p{
	visibility:hidden;
	display: none;
}
#logofooter hr{
	visibility:hidden;
	display: none;
}

.bsllogo{
	border:0;
	margin-left: 2em;
	margin-bottom:.25em;
	vertical-align:bottom;
}

#footer{
	border-top: 1px solid #aaa;
	background-color: #ae0000;
	color: #fff;
	font-weight: bold;
	font-size: .7em;
	padding:0;
	height: 4em;
	clear:both;
}

#footer ul{
	line-height: .9em;
	list-style:none;
	list-style-image:none;
	margin: 0;
	padding: .8em .4em .4em 16em;
	border-bottom: .8em solid #ae0000;
} 

#footer ul li{
	margin: .7em 4em 0 0;
	display: inline;
}

#footer a{
	text-decoration: none;
	color: #fff;
}

#footer a.current{
	font-weight:bold;
	text-decoration: none;
	color: #fff;
}

#footer a:hover{
	font-weight:bold;
	text-decoration: none;
	color: #eee;
}

.invisible{
	visibility:hidden;
	display: none;
}

.rot{
	color: #ae0000;
}

.datum{
	color: #ae0000;
	font-size: .8em;
	font-weight:bold;
	margin:1em 0 -1em 0;
}

.example{
	padding:0 .8em;
	background-color:#E6BDBD;
	border: 1px solid #ae0000;
}

.icon{
	vertical-align:middle;
}


/* ------------------------------------------------------------------- */
/* nifty corners */
/* oben */
/* <span class="xtop"><span class="xb1"></span><span class="xb2"></span><span class="xb3"></span><span class="xb4"></span></span> */
/* unten */
/* <span class="xbottom"><span class="xb4"></span><span class="xb3"></span><span class="xb2"></span><span class="xb1"></span></span> */
/* ------------------------------------------------------------------- */

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#FBFBFB; border-left:1px solid #aaa; border-right:1px solid #aaa;}
.xb1 {margin:0 5px; background:#aaa;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.innerbox{
	 border-left: 1px solid #aaa;border-right: 1px solid #aaa;padding:0 .5em;background:#FBFBFB;
}
