@charset "utf-8";
/* CSS Document for Klumaier */
/*
	created by: Klaus Hoermann <klaus@3b-solutions.net>
	created for: Handle-Creativ Werbeagentur
	Client: Nordlicht-Kuehlung Klumaier
	Description: Main stylesheet
	Copyright: (C) 3B-Solutions Klaus Hoermann 2009
	Browser: Basic stylesheet for Mozilla, Safari
*/

/********************************************************************/
/* HTML */

/* clear all margins and paddings to zero */
* {
	margin:0px;
	padding:0px;
}

/* html style */
html {height: 100%; margin-bottom: 1px; }

/********************************************************************/
/* BODY */

/* body style */
body {
	font-size:13px;
	font-family:Verdana, Geneva, sans-serif
}

/* general link color */
a {
	color:#0F1B5E;
}

/* general hover link color */
a:hover {
	color:#009DDF;
}

/********************************************************************/
/* CONTAINERTOP */

/* top container holding blue background */
#containertop {
	width:100%;
	margin:auto;
	height:9px;
	background-color:#162E5E;
}

/********************************************************************/
/* CONTAINER */

/* the maing container making the page centered and giving a width */
#container {
	width:900px;
	margin:auto;
}

/********************************************************************/
/* TOPMENU */

/* top menu style, holds the logo and the topmenu*/
#topmenu {
	width:900px;
	height:90px;
	text-align:right;
	padding-top:5px;
}

/********************************************************************/
/* LOGO */

/* logo in the topmenu */
#logo{
	height:85px;
	width:200px;
	float:left;
}

/********************************************************************/
/* MENUITEMS */

/* menu items  in the topmenu div */
#menuitems {
	height:85px;
	width:500px;
	float:right;
	font-size:11px;
}

/**/
#topmenu ul {
	float:right;
}

/**/
#topmenu ul, #topmenu ul ul {
	list-style-type:none;
}

/**/
#topmenu ul li {
	padding:0px;
	margin:0px;
	float:left;
	width:80px;
	text-align:center;
}

/**/
#topmenu ul li a {
	text-decoration:none;
}

/**/
#topmenu ul ul {	
	position:absolute;
	display:none;
	min-width:50px;
}

/* Style for listitems in the second list (2. level) */
#topmenu ul ul li {
	float:none;
}

/* Style for the on over */
#topmenu ul.hover, #topmenu ul li.hover ul, #topmenu ul li:hover ul {
	display:block;
}

/********************************************************************/
/* HEADERIMAGE */

/* headerImage container style */
#headerimage {
	clear:both;
	width:898px;
	height:248px;
	border:solid #CCC 1px;	
}

/* img style in headerImage div */
#headerimage img {
	width: 892px;
	height: 242px;
	padding-left:3px;
	padding-top:3px;
}

/* style for embededd media (flash) */
#headerimage object {
	z-index:-1000;
}

/********************************************************************/
/* MENU */

/* menu container style */
#menu {
	width:898px;
	float:left;
	z-index:500;
	padding:0px;
	padding-bottom:8px;
	z-index:1000;
}

/* 1. list in menu container */
#menu ul {	
	list-style:none;
	width:220px;
	background-color:white;
	float:left;	
}

/* link style for the links in the 1. ul */
#menu ul a {
	display:block;
	text-decoration:none;
	text-align:center;
	v-align:bottom;
}

/* style for the listitems */
#menu ul li {
	position:relative;
	padding:0px;
	margin:0px;
	text-align:center;
}

/* style for the listitems link color, active class */
#menu ul li a.active {
	font-weight:bold;
}

/* the 2. list */
#menu ul ul {
	position:absolute;
	left:15px;
	z-index:500;
	bottom:12px;	
	padding-bottom:10px;
	margin-bottom:4px;
	background-color:#009DDF;
	opacity:0.7;
	filter: alpha(opacity = 70);
	width:180px;		
	/*-webkit-border-radius:5px;
	-khtml-border-radius:5px;	
	-moz-border-radius:5px;
	border-radius:5px;*/
}

/* style for the list items in the second list */
#menu ul ul li{
	padding-bottom:2px;
	border-bottom:dotted #CCC 1px;
}

/* links style for the list items in the second list */
#menu ul ul li a{
	text-align:center;
	padding-left:3px;
	font-size:10px;	
	background-color:tranparent;
	opacity:1.0;
}

/* hover link style */
#menu ul ul li a:hover{
	color:white; /*#009DDF;*/
	opacity:1.0;
	font-weight:bolder;
}

/* dont display */
#menu ul ul, #menu ul li:hover ul ul, #menu ul ul li:hover ul ul {
	display:none;
}

/* display: block */
#menu ul li:hover ul, #menu ul ul li:hover ul, #menu ul ul ul li:hover ul {
	display:block;
}

/********************************************************************/
/* CONTENTWRAP */

/* container for the content */
#contentwrap {
	clear:both;
	overflow:auto;
}

/********************************************************************/
/* SIDEBAR */

/* Sidebar container */
#sidebar {
	float:left;
	border-left:solid #CCC 1px;
	border-right:solid #CCC 1px;
	padding-left:5px;
	padding-right:5px;
	width:188px;
}

/********************************************************************/
/* NEWS */

/* news div style, first in the sidebar */
#news {
	border-top:solid #0F1B5E 14px;	
	margin-bottom:10px;
}

/* heading 1 in the news div */
#news h1 {
	padding-top:5px;
	font-size:16px;
}

/* colored span in the heading 1 */
#news h1 #colored {
	color:#0F1B5E;
}

/* heading 2 news div */
#news h2 {
	font-size:13px;
	padding-top:12px;
	color:#0F1B5E;
}

/* paragraph in the news div*/
#news p {
	text-align:left;
	font-size:11px;
}

/********************************************************************/
/* PARTNER */

/* partner div, below news in the sidebar div*/
#partner {
	/*border-top:solid #0F1B5E 14px;*/

}

#partner2 {
	border-top:solid #0F1B5E 7px;
	border-bottom:solid #0F1B5E 14px;
}

/* heading 1 in the partner div */
#partner h1 {
	font-size:16px;
	padding-top:5px;
	border-bottom:solid #0F1B5E 7px;
}

/* colored span in the heading 1 */
#partner h1 #colored2 {	
	color:#0F1B5E;
}

/********************************************************************/
/* MAINWRAP */

/* div wrapping main and footer */
#mainwrap {
	float:left;
	width:690px;
	margin:0px;
	padding:0px;
}

/********************************************************************/
/* ROOTLINE */

/* the rootline */
#rootline {
	background-color:#0F1B5E;
	color:white;
	font-size:11px;
	width:100%;
	float:left;
	font-size:10px;
	margin-left:5px;
	padding-left:5px;
	padding-top:1px;
	padding-bottom:1px;
	margin-bottom:10px;
}

/* link style in the rootline */
#rootline a {
	color:#009DDF;
	text-decoration:none;
}

/* hover link style in the rootline */
#rootline a:hover {
	text-decoration:underline;
}

/********************************************************************/
/* MAIN */

/* main text content area */
#main {
	/*width:680px;*/
	width:100%;
	min-height:418px;
	background-image:url(../../../images/contentBackground.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	padding-left:5px;
}

/* heading1 in the main div */
#main h1 {
	font-size:16px;
	color:#0F1B5E;
	margin-bottom:10px;
}

/* paragraph tag in the main div */
#main p {
	text-align:justify;
	padding:5px;
}

/* style for lists */
#main ul {
	margin:0px;
	padding:0px;
	padding-left:15px;
	/*background-color:yellow;*/
}

/* style for list items */
#main ul li {
	margin:0px;
	padding:2px;
}

/********************************************************************/
/* FOOTER */

/* Footer container style */
#footer {
	float:right;
	width:686px;
	font-size:11px;
	height:25px;
}

/********************************************************************/
/* COPYRIGHT */

/* copyright div in the footer on the left */
#copyright {
	float:left;
	width:600px;
	text-align:left;
	font-size:9px;
	color:#BBB;
}

/* paragraph tag in the copyright div */
#copyright p {
}

/********************************************************************/
/* TOPLINK */

/* topLink*/
#toplink {
	float:right;
	width:60px;
	padding:5px;
	text-align:right;
}

/* topLink link style */
#toplink a {
	text-decoration:none;
	font-size:9px;
	color:#BBB;
}

/* topLink hover link style */
#toplink a:hover {
	text-decoration:underline;
	color:#009DDF;
}