@charset "UTF-8";
/* CSS Document */

/*****************
Debugging 
*****************/
/*div { border: 1px #ccc dashed; }*/

/*****************
Allgemein
*****************/
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.2em;
	color: #70747e;
/*	background: #e4e0d5;*/
	background: url(images/back_gradient.jpg) #73767f repeat-x left top;
} 

/*****************
Struktur
*****************/
#wrapall {
	width: 96em;
/*	border: 1px solid #9ca4b7;
	margin: 3em auto;*/
	margin-top: 2em;
	height: 100%;
}
#wrap {}

#startpage {
	width: 950px;
	height: 450px;
	margin: 0 auto;
}

#top {
	float: left;
	width: 100%;
	height: 8.6em;
	background: #9ca4b7;
}
	#logo { }
	#lang {
		float: right;
		margin-right: 18.6em;
		padding-right: 2em;
	}
	
#border {
	clear: both;
	width: 100%;
	height: 15px;
	background: #d4dae9 url(images/border.gif) no-repeat left top;
}

#main {
	clear: both;
	width: 100%;
	display:  table-cell;
	padding-bottom: 2em;
	background: #fff;
}
	#nav1 {
		float: left;
		width: 14.9em;
		padding-left: 4.1em;
		padding-top: 1em;
	}
	#nav2 {
		float: left;
		width: 18.2em;
		padding: 0 0 1.5em 0;		
		background: #e2e6f0;
	}
	#main_content {
		background: #f9fafc;
		float: left;
		width: 36em;
		padding: 2em;
	}
		#clickpath {
			margin-bottom: 1em;	
		}
		#content {
		}
		
	#addy {
		float: left;
		width: 14.6em;
		padding: 2em;
	}

/*****************
Sprachwahl
*****************/	
#lang p {
	font-size: 1.2em;
	color: #fff;
}
#lang a {
	color: #70747e;
	text-decoration: none;
}
#lang a:hover {
	color: #fff;
}

/*****************
Navigation
*****************/	
#nav1 ul, #nav2 ul {
	padding: 0;
	margin: 0;
}
#nav1 ul li, #nav2 ul li {
	padding-left: 1em;
}
#nav1 ul li.nav1_act, #nav2 ul li.nav3_act {
	padding-left: 0;
	color: #193a8b;
}
#nav1 ul li.nav1_act a, #nav2 ul li.nav3_act a {
	color: #193a8b;
}
#nav2 ul li.nav2_act {
/*	padding-left: 1em;*/
	text-indent: -1em;
	color: #193A8B;
	font-weight: bold;
}
#nav2 ul li.nav2_act a {
	color: #193A8B;
	font-weight: bold;
}
#nav1 a {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 2.2em;
	text-transform: uppercase;
	color: #70747e;
	text-decoration: none;
}
#nav1 a:hover {
	color: #193a8b;
}

#nav2 img {
}
#nav2 .navigation {
	padding: 1.2em 1em 0;
}
#nav2 ul {
	margin-bottom: 1.5em;
}
#nav2 .nav2 {
	font-weight: bold;
}
#nav2 a {
	font-size: 1.1em;
	color: #70747e;
	line-height: 1.4em;
	text-decoration: none;
}
#nav2 li {
	margin-bottom: 0.5em;
}
#nav2 ul ul a:hover {
	color: #193a8b;
}

/*****************
Clickpath
*****************/
#clickpath {
	font-size: 1.8em;
	line-height: 1em;
	color: #70747e;
}
#clickpath a.cp {
	color: #70747e;
}
#clickpath a.cp:hover, #clickpath a.cpCurrent {
	color: #193a8b;
}

/*****************
Content
*****************/
#content {
	line-height: 1.6em;
	font-size: 1.2em;
}
#content p {
	margin-bottom: 1em;
}
#content a, #content iframe small a {
	color: #193a8b;
	text-decoration: underline;
}
#content a:hover {
	color: #70747e;
}
#content ul {
	list-style: square;
	padding: 0 0 1.2em 1.2em;
	margin-left: 1em;
}
#content h1 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 1.2em;
}
#content h2 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0.2em;
}
#content .important {
	background: url(images/email.gif) left 2px no-repeat;
	padding-left: 1.5em;
}
#content a.important {
	color: #193a8b;
	text-decoration: none;
}
#content a.important:hover {
	text-decoration: underline;
}
#content .name-of-person {
	background: url(images/phone.gif) left top no-repeat;
	padding-left: 1.5em;
	color: #70747e;
}
#content .faxnummer {
	background: url(images/fax.gif) left top no-repeat;
	padding-left: 1.5em;
	color: #70747e;
}

/*****************
Addy
*****************/
#addy #printlink {
	margin-bottom: 1.2em;
}
#addy #printlink a {
	background: url(images/drucken.gif) no-repeat left top;
	padding-left: 1.2em;
	color: #193a8b;
	text-decoration: none;
}
#addy #printlink a:hover {
	text-decoration: underline;
}
#addy a.detail {
	background: url(images/vcard.jpg) no-repeat left top;
	padding-left: 1.5em;
	color: #193a8b;
	text-decoration: none;
}
#addy a.detail:hover {
	text-decoration: underline;
}

/*****************
Formular
*****************/
#content form input, #content form textarea {
	color: #222;
	padding: 2px;
	border: 1px solid #D4DAE9;
}
#content form input.button {
	background: #9CA4B7;
	color: white;
}