﻿body {
	background-color: #EEF5FD;	
}

body, td {
	color: #4F5A66;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.7em; 
}

h1 {
	color: #082B53;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.3em; 
	margin-bottom: 0.7em;
	margin-top: 0.7em;
}

h2 {
	font-size: 1.6em;
	line-height: 1.3em; 
	margin-bottom: 1em;
	margin-top: 0.7em;
}

h3 {
	font-size: 1.3em;
	line-height: 1.3em; 
	margin-bottom: 1em;
	margin-top: 0.7em;
}

a:link, .box2 a:link {
	color: #F37724;
}

a:visited, .box2 a:visited {
	color: #F37724;
}

a:hover, .box2 a:hover {
	color: #CB8352;
}

a:active, .box2 a:active {
	color: #F37724;
}

img.border {
	border: 4px solid #BDC7D1;
}

.clear {
	clear: both;
	display: block;
}

/*Aufbau der Seite*/
#wrapper{
	margin-left: 5px;
	width: 1000px;
}

#navi {
	background: url(../bilder/layout/verlauf_mitte.jpg) repeat-y;
	background-position: right top;	
	float: left;	
	margin-top: 135px;	
	text-align: right;	
	width: 165px;	
}

#naviTop {
	background: url(../bilder/layout/verlauf_oben.jpg) no-repeat;
	background-position: right top;	
	height: 40px;
}

#naviBottom {
	background: url(../bilder/layout/verlauf_unten.jpg) no-repeat;
	background-position: right top;	
	height: 143px;
}

#navi li {
	background: url(../bilder/layout/navi_li.gif) no-repeat;
	background-position: right bottom;
	margin-bottom: 1em;
	margin-right: 18px;
	padding-bottom: 2px;
}

#navi li a {
	color: #6588A3;
	font-weight: bold;
	text-decoration: none;
}

#navi li a:hover {
	color: #ADC0D1;
}

#main {
	background: #EEF5FD url(../bilder/layout/hg_main.jpg) no-repeat; 
	background-position: right bottom; 
	float: left;	
	margin-top: 4px;	
	padding-bottom: 40px; 
	width: 606px;
}

#header {
	background: #95ADC7 url(../bilder/layout/hg_header.jpg) repeat-x;
	height: 47px;
	padding-top: 1px;
}

a#logo {
	background: url(../bilder/layout/logo.gif) no-repeat;
	display: block;
	height: 35px;
	margin-left: 56px;
	margin-top: 5px;
	width: 164px;
}

#content {
	background: #F3F6FB url(../bilder/layout/hg_content.jpg) no-repeat; 
	background-position: right bottom; 
	border: 4px solid #fff;
 	min-height: 400px; 
 	padding: 56px 32px 200px 56px;
}

#sidebar {
	background: url(../bilder/layout/hg_sidebar.jpg) no-repeat;
	background-position: left top;
	float: left;
	margin-bottom: 40px;
	margin-top: 4px;
	min-height: 500px;
	padding-left: 14px;	
	width: 208px;
}

.detail {
	margin-top: 30px;
}

.kurse .detail {
	margin-left: 55px;
}

.schulungsraum .detail {
	margin-left: 130px;
}

.ueberuns .detail{
	margin-left: 60px;
}
/*ENDE Aufbau der Seite*/

/*allgemeine klassen*/
.abschluss {
	background: url(../bilder/layout/linie1.gif) repeat-x;
	display: block;
	height: 1px;
}

.nurdruck {
	display: none;
}
/*ENDE allgemeine klassen*/

/*boxe in #sideabr und in #content*/
.box1, .box2, .box3, .box4 {
	margin-top: 15px;	
}

.box1, .box3, .box4, .vorschau1  {
	padding: 4px 0 4px 0;
}

.box1 {
	background-color: #ACC4DC;
}

.box2 {
	color: #5A81B0;
	padding-bottom: 1px;
}
	
.box3{
	background-color: #AFBAB2;
}

.box4 {
	background-color: #BEC9D4; 	
}

.vorschau1 {
	background-color: #C9D6CD;	
}

.box1Content, .box3Content, .box4Content, .vorschau1Content {
	border: 1px solid #fff;
	margin: 0 4px 0 4px;
	padding-bottom: 20px;
	padding-top: 6px;
}

.box2Content {
	background: #F4F8FB url(../bilder/layout/hg_box2.jpg) repeat-y; 
	border: 4px solid #fff;	
}

.box4Content {
 	background: #CFDAE3 url(../bilder/layout/hg_box4.jpg) no-repeat; 
	background-position: right bottom; 
}

.vorschau1Content {
	border: 1px solid #fff;
}

.box1 h1, .box1 p, .box3  p, .box4 p, .vorschau1Content p{
	margin: 0.5em 12px 0.5em 12px;
}

.box1 h1, .box1 p, .box3  p, .box4 p{
	color: #fff;
}

.box1 .label {
	background-color: #44678F;
	font-weight: bold;
	padding: 1px 3px 2px 4px;
}
/*ENDE boxe*/

/*box1*/
.box1 h1 {
	font-size: 11px;
}
/*ENDE box1*/

/*box2*/
.box2 h2 {
	background: #F97B26 url(../bilder/layout/schild.gif) repeat-x;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	margin: 0 !important;	
	padding: 4px 2px 4px 28px;
}

.box2 p, .box2 ul{
	margin: 0.5em 14px 2.5em 14px;
}

.box2 a {
	text-decoration: none;
}

.box2Content ul {
	list-style-image: url(../bilder/layout/list_type2.gif);	
	list-style-position: inside;
}
/*ENDE box2*/

/*pfeile*/
.box1Content h1.pfeil {
	background: url(../bilder/layout/pfeil1.png) no-repeat;
}

.box3Content p.pfeil {
	background: url(../bilder/layout/pfeil3.png) no-repeat;
}

.box1Content h1.pfeil, .box3Content p.pfeil{
	font-weight: bold;
}

.box1Content h1.pfeil {
	background-position: 0 1px;
	padding-left: 16px;
}

.box3Content p.pfeil{
	background-position: 0 3px;
	padding-left: 16px;
}

.vorschau1Content p.pfeil {
	background: url(../bilder/layout/pfeil5.png) no-repeat;
	background-position: 0 2px;
	text-indent: 16px;
}
/*ENDE pfeile*/


/*listen*/
#content ul {
	list-style-image: url(../bilder/layout/pfeil4.png);
	list-style-position: outside; 
	margin-top: 1em;
}

#content.schulungsraum ul {
	list-style-position: inside; 
}

#content.kurse ul {
	list-style-image: url(../bilder/layout/list_type3.gif);
	list-style-position: outside; 
	margin-top: 1em;
}

#content ul li {
	background: url(../bilder/layout/linie1.gif) repeat-x;
	background-position: left bottom;
	margin-bottom: 1em;
	padding-bottom: 0.1em;
}

#content table.typ1 ul li{
	background: none;
	list-style-position: inside; 
	margin-bottom: 1em;
	padding-bottom: 0.1em;
}
/*ENDE listen*/

/*tabellen*/
table.typ1 {
	background-color: #DCE8F4;
	border: 4px solid #D2DEEA;
	margin: 1.5em 0 3em 0;
}

table.typ1 td{
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 0.1em 1.5em; 	
}

td.borderTop{
	border-top: 1px solid #fff;
}

table.typ1 tr td:first-child {
	border-left: 1px solid #fff;
}

table.typ1 tr td:first-child {
	font-weight: bold;
}
/*ENDE tabellen*/

/*----------einzelne seiten----------*/
/*kursuebersicht*/
ul#kursuebersicht li {
	background-color: #DDE7F1;
	background-image: none;	
	border: 1px solid #D5DEE7;	
	float: left; 
	height: 60px;	
	list-style-image: none;
	margin-bottom: 14px;
	margin-right: 14px;
	width: 150px; 
}

ul#kursuebersicht li a{
	color: #505A64;
	display: block;
	height: 45px;	
	padding-left: 10px;
	padding-right: 5px; 
	padding-top: 15px;
	position: relative;
	text-decoration: none;
}

#kursuebersicht a .aufbau, #kursuebersicht a .einfuehrung, #kursuebersicht a .umsteiger {
	display: block;
	height: 19px;
	top: -10px;
	left: -6px;
	position: absolute;	
	width: 79px;	
}

#kursuebersicht li:hover {
	background-color: #EBF3FA;
}

#kursuebersicht a:hover {
	color: #7898B9;	
}

#kursuebersicht a .aufbau {
	background: url(../bilder/layout/aufbau.png) no-repeat;
}

#kursuebersicht a .einfuehrung {
	background: url(../bilder/layout/einfuehrung.png) no-repeat;
}

#kursuebersicht a .umsteiger {
	background: url(../bilder/layout/umsteiger.png) no-repeat;
}

p.pfeil_aufbau {
	background: url(../bilder/layout/aufbau.png) no-repeat;
}

p.pfeil_einfuehrung {
	background: url(../bilder/layout/einfuehrung.png) no-repeat;
}

p.pfeil_umsteiger {
	background: url(../bilder/layout/umsteiger.png) no-repeat;
}

p.pfeil_aufbau, p.pfeil_einfuehrung, p.pfeil_umsteiger{
	background-position: 0 2px;
	margin-bottom: 1em;	
	padding-left: 90px;
}
/*ENDE kursuebersicht*/

/*partner*/
.partner {
	background: url(../bilder/layout/linie1.gif) repeat-x;
	background-position: left bottom;
/* 	margin-top: 40px;	 */
	margin-top: 10px;
	padding-bottom: 10px;
}

.partner.first {
	margin-top: 40px;
}

.partner a.bildcontainer{
 	float: left;  
	width: 200px;
	text-align: center;
}

.partner p {
	background: url(../bilder/layout/linie_vert1.gif) repeat-y;
	background-position: left top;
	margin-left: 200px;
	padding-left: 10px;	
}
/*ENDE partner*/

/*ueber uns*/
.ueberuns img.border {
	border: 1px solid #E2E8ED;
}
/*ENDE ueber uns*/
/*---------ENDE einzelne seiten----------*/

#nav a:hover {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_hover.png');
}

html > body #nav a:hover {
	background: url(images/nav_hover.png);
} 
