@import url(format.css);

/* ------- FRAMEWORK -------  */

body, html {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	height: auto;
	background-color: #FFF;
	font-size: 12px;
}

a,
a:link {
	color:#0066CC;
	text-decoration:none;
}

a:visited {
	color:#0066CC;
}

/*####### WRAPPER ##########*/
div#wrapper {
	position:absolute;
	background-image: url(../images/bgnavig.gif);
	background-repeat: repeat-y;
	top: 0;
	left: 50%;
	width: 960px;
	margin-left:-480px;
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:100%; /* Mindesthöhe für den IE */
	overflow: hidden !important; /* FF Scroll-leiste */ }
#brand {
left:0;
position:absolute;
top:0;
}

/*########## HEADER #########*/
div#header {
	height: 170px;
	margin: 0;
	background-color:#FFF;
	position:relative;
}

/*########## NAVIGATION #########*/
div#navigation {
	width: 180px;
	margin: 0x;
	float:left;
	min-height:420px;
}

/*########## PAGE #########*/
div#page {
	line-height: 1.3em;
	min-height:625px;
}

/*########## CONTENT ############*/
div#bildbox {
	width: 365px;
	height: 56px;
	margin-left:15px;
	float: left;
	padding: 65px 0 0 390px;
	font-size:1.5em;
	line-height: 1.3em;
	color:#FFF;
}
.ohne {
	width: 745px !important;
	background: #BFBFBF !important;
	padding: 65px 0 0 10px !important;
}
.untgesch {
	background: #BFBFBF url(../images/rubrikenbild/untges.jpg) no-repeat;
}
.untnetz {
	background: #BFBFBF url(../images/rubrikenbild/untnetz.jpg) no-repeat;
}
.komperf {
	background: #BFBFBF url(../images/rubrikenbild/komerfa.jpg) no-repeat;
}
.kompbera {
	background: #BFBFBF url(../images/rubrikenbild/komberat.jpg) no-repeat;
}
.komkund {
	background: #BFBFBF url(../images/rubrikenbild/komkund.jpg) no-repeat;
}
	
div#bildboxhome {
	width: 725px;
	height: 55px;
	margin-left:15px;
	float: left;
	background: url(../images/startbild.jpg) no-repeat;
	padding: 285px 0 0 30px;
	font-size:1.7em;
	color:#FFF;
}
div#content {
	width: 690px;
	float: left;
	padding-right:50px;
	padding-left:10px;
	margin: 25px 0 0 15px;
}
.grau {
	color: #999;
}

div#content img {
	margin-right:5px;
}

/*########## ADRESSE ############*/

div#adresse {
	position:absolute;
	width:185px;
	bottom:0px;
	padding:40px 0 20px 10px;
	background-color:#FFF;
	font-size:0.9em;
}
div#adresse a {
	color:#000;
}

/* --------------------- 
		Header
   --------------------- */
div#header div { position:absolute; }
div#header div.logo { top:100px; right:40px; font-size:1.9em; font-family:"Times New Roman", Times, serif; font-variant:small-caps; }
div#header div.sprache { top:30px; left:10px; font-size:0.9em }
div#balken {
	top: 135px;
	height: 6px;
	border: 2px #000 solid;
	background-color:#0000B3;
	margin: 15px 0;
	width:946px;
	overflow:hidden;
}
/* --------------------- 
		Navigation
   --------------------- */
div#navigation ul {
	width:180px;
}

div#navigation ul.menu a {
	color: #FFF;
	display:block;
	padding:7px 10px;
	width:160px
}

div#navigation ul.menu a.active,
div#navigation ul.menu a:hover {
	background: #999;
	color:#666;
	margin:0;
}
div#navigation li {
	background: url(../images/bgnavili.gif) no-repeat center bottom;
	padding-bottom:1px;
}

div#navigation ul.menu ul {
}

div#navigation ul.menu ul a {
	color: #FFF;
	display:block;
	width:140px;
	padding:7px 0 7px 40px;
	background: url(../images/bgnaviliul-i.gif);
}

div#navigation ul.menu ul a.active,
div#navigation ul.menu ul a:hover {
	background: #999;
	color:#666;
	margin:0;
	background: url(../images/bgnaviliul-a.gif);
}
div#navigation li li {
	background: none;
	padding-bottom: 0;
}


/* --------------------- 
		Content
   --------------------- */

.brotkrume {
	font-size:0.9em;
}
div#content {
	font-size:1em;
	line-height:1.2em;
}
div#content h1 {
	font-size:1.2em;
	margin:10px 0 7px;
}
div#content h2 {
	font-size:1.1em;
	margin:0 0 3px;
	color: #999;
	font-weight: normal;
}
div#content ul {
	list-style: url(../images/aufz.gif) outside;
	margin: 3px 0 5px;
	line-height:1.1em;
}
div#content li {
	margin:0 0 8px 35px;
}
div#content li.eng {
	margin-bottom:2px;
}
.mittig  td {
	vertical-align:middle;
	text-align:center;
}
.anmeldung td {
	padding-bottom:4px;
}
.grau {
	color:#666;
}