@charset "UTF-8";

/* ===================================================================

@version 1.0
@lastmodified 2010-03-17
@css-for IE, Mozilla, Opera, Safari
@author	Claus Hoermann
@link -
@copyright Copyright 2010, Claus Hoermann
@license CC-A 2.0

This copyright notice must be untouched at all times.

Copyright (c) 2010 Claus Hoermann. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.

=================================================================== */

/* reset all to zero */
* {
	margin:			0px;
	padding:		0px;
	line-height:		1.5em;
}

/* ================================================================
		body, page and container
=================================================================== */

body  {
/*	background:		#99CCFF; */
	background:		#7094B9;
/*	background:		#054374; */
/*	background:		#5AA519; */
	text-align:		center;
	font-size:		100.01%;
}

.page {
	margin:			0px 0px;
	padding:		0px 0px;
}

.page #container {
	/*width:		46em;*/
	width:			754px;
	height:			auto;
	background:		#FFFFFF;
	margin:			1em auto 0em auto;
	text-align:		left;
}


/* ================================================================
		header
=================================================================== */

.page #header { 
	background:		#fff url(../images/header.jpg) no-repeat scroll 0 0;
	width:			754px;
	height:			105px;
	margin:			0px 0px;
	padding:		0px 0px;
/*	border-bottom:	5px solid #99CCFF; */
	border-bottom:	5px solid #7094B9;
}

.page #hdr span {
	display:		none;
}

.page #hdr a {
	background:		transparent;
	display:		block;
	float:			left;
	width:			100%;
	height:			105px;
}


/* ================================================================
		sidebar
=================================================================== */

.page #sidebar {
	float:			left; 
	width:			10em;
	padding:		15px 0px;
}

/*.page #sidebar {
	float:			left; 
	width:			1em;
	padding:		0px 0px;
}*/

.page #background {
	background:		#fff url(../images/glas.jpg) no-repeat scroll 0 0;
	height:			450px;
	width:			142px;
	margin:			0px 5px;
}

/*.page #background {
	background:		#fff no-repeat scroll 0 0;
	height:			auto;
	width:			auto;
	margin:			0px 0px;
}*/

.page #sidebar h3, .page #sidebar p {
	margin-left:		10px;
	margin-right:		10px;
}

/*.page #sidebar h3, .page #sidebar p {
	margin-left:		0px;
	margin-right:		0px;
}*/


/* ================================================================
		navigation
=================================================================== */

.page #navigation {
	float:			right; 
	width:			8em;
	margin:			0px 5px;
	padding:		15px 0px;
}

/*.menue {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:		13px;
	font-weight:		bold;
	color:			#333333;
	text-decoration:	none;
	list-style-type:	none;
	background-color:	#E9C23A;
}*/

.page #navigation p, .page #navigation h3 {
	margin-left:		10px;
	margin-right:		10px;
}


/* ==============================================
		navigation
		first level		
================================================= */

div.fstLevel a {
	text-decoration:	none;
	display:		block;
	width:			120px;
	padding:		3px;
	margin:			1px;
	font-family:		verdana, arial, helvetica;
	font-size:		12px;
	font-weight:		bold;
	text-align:		right;
	color:			#646464;
	background-color:	#F9EEC8;
}

div.fstLevel a:hover {
	color:			black;
	/*background-color:	#FFFFFF;*/
	background-color:	#E9C23A;
}

div.fstLevelActive a {
	text-decoration:	none;
	display:		block;
	width:			120px;
	padding:		3px;
	margin:			1px;
	font-family:		verdana, arial, helvetica;
	font-size:		12px;
	font-weight:		bold;
	text-align:		right;
	color:			#000000;
	background-color:	#E9C23A;
}



/* ==============================================
		second level
================================================= */

div.secLevel a {
	text-decoration:	none;
	display:		block;
	width:			120px;
	/*border:		1px solid #EE3439;*/
	padding:		3px;
	margin:			1Px;
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:		11px;
	font-weight:		normal;
	text-align:		right;
	color:			#646464;
	background-color:	#FCF6E2;
}

div.secLevel a:hover {
	color:			black;
	/*background-color:	#FFFFFF;*/
	background-color:	#E9C23A;
}

div.secLevelActive a {
	text-decoration:	none;
	display:		block;
	width:			120px;
	/* border:		1px solid #FF0000; */
	padding:		3px;
	margin:			1px;
	font-family:		Verdana, Arial, Helvetica;
	font-size:		11px;
	font-weight:		normal;
	text-align:		right;
	color:			#000000;
	background-color:	#E9C23A;
}

/*.boxContent {
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:		10px;
	color:			#333333;
	background-color:	#FFFFCC;
}

.boxContent a {
	text-decoration:	none;
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:		10px;
	color:			#333333;
}

.boxContent a:visited {
	text-decoration:	none;
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:		10px;
	color:			#333333;
}

.boxContent a:hover {
	text-decoration:	none;
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:		10px;
	color:			black;
}*/


/* ================================================================
	main and content
=================================================================== */

.page #mainContent {
 	margin:			0em 10em 0em 10em;
	padding-left:		1em;
	padding-right:		1em;
	padding-bottom:		2em;
/*	border-left:		3px solid #99CCFF;
	border-right:		3px solid #99CCFF;
	border-bottom:		3px solid #99CCFF; */
	
	border-left:		3px solid #7094B9;
	border-right:		3px solid #7094B9;
	border-bottom:		3px solid #7094B9;
	
	min-height:		450px;
}


/* ================================================================
	footer
=================================================================== */

.page #footer { 
	margin-top:		-2em;
	padding:		3px 10px;
	background:		#FFFFFF;
/*	border-top:		3px solid #99CCFF; */
	border-top:		3px solid #7094B9;
	text-align:		center;
}

.page #footer p {
	margin:			0px 0px;
	padding:		10px 0px;
}


/* ================================================================
	several classes
=================================================================== */

.fltrt {
	float:			right;
	margin-left:		8px;
}

.fltlft {
	float:			left;
	margin-right:		8px;
}

.clearfloat {
	clear:			both;
	height:			0px;
	font-size:		1px;
	line-height:		0px;
}

.page #sidebar, .page #navigation {
	padding-top:		5px;
}

.page #mainContent {
	zoom:			1;
	padding-top:		15px;
}


/* ================================================================
	common link styling
=================================================================== */
	
a:link {
	font-family:		Arial;
	font-size:		1.0em;
	font-weight:		normal;
	color:			#000;
	letter-spacing:		0.0em;
	word-spacing:		0.0em;
}

a:visited {
	color:			#000;
}

a:hover {
	color:			#165EA6;
}

/* ================================================================
	common table styling
=================================================================== */

table {
	width:			100%;
	border:			none;
}

tr {
	border:			none;
}

th {
	border:			none;
	height:			auto;
	width:			50%;
	
	font-family:		Arial;
	font-size:		0.8em;
	font-weight:		bold;
	color:			#666666;
	letter-spacing:		0.0em;
	word-spacing:		0.2em;
}

td {
	border:			none;
	height:			auto;
	width:			50%;
	
	font-family:		Arial;
	font-size:		0.8em;
	font-weight:		normal;
	color:			#666666;
	letter-spacing:		0.0em;
	word-spacing:		0.2em;
}


/* ================================================================
	common font styling - headline, sub-headline, body
=================================================================== */

h1 {
	font-family:		Arial;
	font-size:		1.0em;
	color:			#000000;
	letter-spacing:		0.0em;
	word-spacing:		0.1em;
	font-weight:		bold;
}

h2 {
	font-family:		Arial;
	font-size:		0.8em;
	color:			#000000;
	letter-spacing:		0.0em;
	word-spacing:		0.1em;
	font-weight:		bold;
}

p, ol, ul {
	font-family:		Arial;
	font-size:		0.8em;
	font-weight:		normal;
	color:			#666666;
	letter-spacing:		0.0em;
	word-spacing:		0.2em;
}

li {
	list-style-type:	none;
	font-family:		Arial;
	font-size:		1.0em;
	font-weight:		normal;
	color:			#666666;
	letter-spacing:		0.0em;
	word-spacing:		0.2em;
}

/* ================================================================
	end of default.css
=================================================================== */