@charset "UTF-8";

/* CSS Document */

/*
Theme Name: KIEL GRUPPE
Theme URI: http://www.kiel-gruppe.com/
Description: Globale Container Regeln
Date: 04.03.2008
version: 01-04-2009
Author: ® 2009, Ansgar Hiller, Planet Pixel, Köln
*/


/* GLOBAL LAYOUT RULES
---------------------------------------------------------------------------------------------------- */

/* body */

body {
	background-color:#00254B;
}

body, form, div, table, td, tr, img, li, a, ul, p  { margin:0px; padding:0px; border:0px; }

#siteContainer {
	width:830px;
	margin: 90px auto;
}

#home #head {
	display:inline;
	float: left;
	margin: 0px;
	width:830px;
	height:198px;
	background-color:#ABAAAA;
}

#content #head {
	display:inline;
	float: left;
	margin: 0px;
	width:830px;
	height:125px;
	background-color:#ABAAAA;
}

#body {
	display:table;
	float: left;
	margin: 0px;
	width:830px;
	padding-top:10px;
	padding-bottom:20px;
	
	background-image: url(../bilder/contentBg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color:#5A7DB3;
}

#logo {
	display:inline;
	float: left;
	margin: 0px;
	width:189px;
	height:125px;
	background-color:#000000;
}

#logo img {margin:18px;}

#subNavi {
	float: left;
	margin: 0px;
	width:258px;
	height:125px;
	background-color:#000000;
}

#subNavi ul {list-style: none; margin-top:20px;}

#subNavi ul li { margin: 0px; padding: 0px; line-height:11px;}

#subNavi ul li a, #subNavi ul li a:visited  {
	font: 8px Arial, Verdana, Helvetica, sans-serif;
	line-height:11px;
	letter-spacing: 1px;
	color: #ABAAAA;
	margin: 5px 0px;
	display:block;
	text-transform: uppercase;
	text-decoration: none;
}
#subNavi ul li a:hover, #subNavi ul li a:active {color: #FFFFFF; text-decoration: none; }

#subNavi ul li.active a {color: #FF6400;}
#subnavi ul li.inactive a {color: #222222;}

/* link styles - Navigation oben */

a, a:visited {	font: 11px Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF; text-decoration: underline; }
a:hover, a:active {color: #FF6400; text-decoration: underline; }

.upper {text-transform:uppercase; }
.small {font-size: 9px; }
.weiss {color:#FFFFFF; }

/* Navigation links */

#hauptNavi {
	float: left;
	display:inline;
	margin: 14px 22px 0px 16px;
}

/* Hirachie 1 */
#hauptNavi div {
	width:135px;
	border-bottom:1px solid #C8CEE4;
	border-top:1px solid #C8CEE4;
	padding-top: 9px;
	padding-bottom: 9px;
}

#hauptNavi div a, #hauptNavi a {
	width: 130px;
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	line-height:18px;
	letter-spacing: 0.5px;
	color: #BED7FF;
	text-transform: uppercase;
	text-decoration: none;
	display:block;
}
#hauptNavi div .active { color: #FFFFFF;}
#hauptNavi div a:active, #hauptNavi div a:visited { text-decoration: none; }
#hauptNavi div a:hover {text-decoration: none; color: #FFFFFF; }


/* Hirachie 2 */
#hauptNavi div ul li, #hauptNavi div ul li a, div.contentItem ul li {
	font: 9px Arial, Verdana, Helvetica, sans-serif;
	line-height:12px;
	text-transform: uppercase;
	color: #BED7FF;
	letter-spacing: 0.5px;
}

#hauptNavi div ul li, #hauptNavi ul li, div.contentItem ul li {
	margin:7px 0px;
	padding-left:12px;
	padding-top:0px;
	list-style: none outside;
	background: url(../bilder/dot_navi_0.gif) no-repeat left top;	
}

#hauptNavi div ul li.active {
	color: #FFFFFF;
	background: url(../bilder/dot_navi_1.gif) no-repeat left top;	
}

#hauptNavi div ul li.meta {
	color: #BED7FF;
	background: url(../bilder/arrow_navi_0.png) no-repeat left top;	
}

#hauptNavi div ul li.meta-active {
	color: #FFFFFF;
	background: url(../bilder/arrow_navi_1.png) no-repeat left top;	
}



#hauptNavidiv ul li a, hauptNavi ul li a {font: 9px Arial, Verdana, Helvetica, sans-serif; line-height:12px; text-transform: uppercase; color: #BED7FF; text-decoration: none; letter-spacing: 0.5px;}
#hauptNavi div ul li a:active, #hauptNavi div ul li a:visited, #hauptNavi ul li a:visited, #hauptNavi ul li a:active {color: #BED7FF; text-decoration: none; }
#hauptNavi div ul li a:hover, #hauptNavi ul li a:hover {color: #FFFFFF; text-decoration: none;}


/* Hirachie 3 */
#hauptNavi div ul li ul li, #hauptNavi ul li ul li, div.contentItem ul li ul li {
	margin:7px 0px;
	list-style: none outside;
	padding-left:12px;
	padding-top:0px;
	background: url(../bilder/dot_navi_0.gif) no-repeat left top;
}
#hauptNavi div ul li ul li.active {
	color: #FFFFFF;
	background: url(../bilder/dot_navi_1.gif) no-repeat left top;
	text-decoration: underline;
}

#hauptNavi div ul li ul li a, #hauptNavi ul li ul li a {font: 9px Arial, Verdana, Helvetica, sans-serif; line-height:12px; text-transform: uppercase; color: #BED7FF; text-decoration: none; letter-spacing: 0.5px;}
#hauptNavi div ul li ul li a:active, #hauptNavi div ul li ul li a:visited, #hauptNavi ul li ul li a:visited {color: #BED7FF; text-decoration: none; }
#hauptNavi div ul li ul li a:hover, #hauptNavi ul li ul li a:hover {color: #FFFFFF; text-decoration: underline;}

#flashcontentHome {
	display:inline;
	float: right;
	margin: 0px;
	width:383px;
	height:198px;
	background-color:#000000;
}

#headImg {
	display:inline;
	float: right;
	margin: 0px;
	width:383px;
	height:125px;
	background-color:#000000;
}

#footer {
	display:inline;
	float: left;
	margin: 0px;
	width:830px;
	height:22px;
	background-color:#0A3D8B;
}

/* CONTENT ITEMS */

.columnItem {
	float: right;
	display:inline;
	margin: 0px;
	width:656px;
	/*height:450px;*/
	background-repeat: no-repeat;
	background-position: right bottom;
}

div.bg2 {background-image: url(../bilder/bg_03.jpg); height:600px; }
div.bg3 {background-image: url(../bilder/bg_02.jpg); height:600px; }
div.bg4 {background-image: url(../bilder/bg_04.jpg); }
div.bg2Lang {background-image: url(../bilder/bg_03.jpg); height:840px; }
div.bg3Lang {background-image: url(../bilder/bg_02.jpg); height:840px; }
div.bg4Lang {background-image: url(../bilder/bg_04.jpg); height:840px; }
div.bg5 {background-image: url(../bilder/bg_05.jpg); height:650px; }

.contentImage {
	float: left;
	border: 1px solid #BED7FF;
	margin-top: 5px;
	margin-bottom:5px;
}

img.style1 {margin-top: 30px;}

/* CONTENT ITEMS */

.contentItem {
	float: left;
	display:inline;
	margin: 20px 0px 10px 7px;
	width:405px;
	padding-right:5px;
}

div.leftCol { width:190px;  }
div.rightCol { width:405px; }

.tableItem {
	width:600px;
	margin: 20px 0px 10px;
	float: left;
}
.schatten {float: left; display:inline; margin:0px; }