/* ---------------- initialisierung ---------------- */
html, body, ul, ol, li, p, h1, h2, h3, h4 ,h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	}

/* hide from IE mac \*/
html {min-height: 100%; margin-bottom: 1px;}
/* end hiding from IE mac */

body {
	background: url(../images/basic/bg_browser.jpg) repeat-x #C9C5BA;
	font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center; /*  hack fuer zentrierung */
	}
	
img {font: 80%/100% Verdana, Arial, Helvetica, sans-serif;} /* fuer browser ohne bilddarstelllung */
a img {color: #999;}


/* ---------------- wrapper, header, nav ------------------- */
#wrapper {
	width: 950px;
	background: url(../images/basic/bg_content.gif) repeat-y #C9C5BA; 
	color: #000;
	margin-left: auto; /*  3 zeilen hack fuer zentrierung */
	margin-right: auto;
	text-align: left;
	}

#header {height: 160px; background:  url(../images/basic/bg_header.gif) no-repeat #C9C5BA;}
.indent {margin-left: 10px;}

#navcol {
	width: 285px;
	padding-top: 10px;
	float: left;
	}
	
#nav {
	width: 285px;
	padding-top: 40px;
	font-size: 0.6875em;
	line-height: 1.1;
	color: #8B8982;
	background-color: transparent;
	}

#nav ul {list-style-type: none; margin: -5px 0 10px 0;}
#nav ul li {/*margin-bottom: 2px;*/ padding-left: 55px; padding-bottom: 4px;}
#nav ul ul {margin-bottom: 4px; margin-top: -2px;}
#nav ul ul li {margin-bottom: -7px; /*margin-left: -30px;*/ margin-top: 3px; padding-left: 15px; padding-top: 4px;}

#nav a:link {text-decoration: none; color: #8B8982; display: block;}
#nav a:visited {text-decoration: none; color: #8B8982;}
#nav a:hover {text-decoration: none; /*color: #62679E;*/ color: #000;}

#nav ul li.active a {font-weight: bold; color: #62679E; background-color: #FFF;}
#nav ul li.active ul li a {font-weight: normal; color: #8B8982; background-color: #FFF;}
#nav ul li.active ul li a:hover { /*color: #62679E;*/ color: #000; background-color: #FFF;}
#nav ul li.active ul li.active a {font-weight: bold; color: #62679E; background-color: #FFF;}

#language {margin-left: 55px;}

#toolbar {margin-left: 10px; width: 930px; font-size: 0.5625em; text-align: right;}
#print {float: right; margin-right: 20px;}
#print a:link {text-decoration: none; color: #8B8982;}
#print a:visited {text-decoration: none; color: #8B8982;}
#print a:hover {text-decoration: none;  /*color: #62679E;*/ color: #000;}
.icon {margin-right: 5px; vertical-align: middle;}


/* ---------------- conpresso mod_search ------------------- */
#search {float: right; margin-right: 20px; font-size: 1.1em;}
#search .input {margin-right: 5px; width: 150px; color: #000; background-color: #F8F4F2;  border: 1px solid #8B8982;}
#search .submitsearch {width: 40px; background-color: #D8D4C9; color: #8B8982; border: 1px solid #8B8982;}
.searchhighlight {font-weight: bold; color: #000;}

#breadcrumb {margin-left: 300px; height: 40px; color: #8B8982; font-size: 0.5625em;}
#breadcrumb a:link, #breadcrumb a:visited {text-decoration: none; color: #8B8982;}
#breadcrumb a:hover {text-decoration: none;  /*color: #62679E;*/ color: #000;}
#breadcrumb strong {font-weight: normal;}


/* ---------------- content ------------------- */
#contentbox {width: 640px; margin-left: 300px; font-size: 0.6875em; line-height: 1.5em; background-color: #FFF;}

#contentbox p {margin-bottom: 10px;}
#contentbox h1 {width: 500px;}
#contentbox img {float: left; margin-bottom: 10px;}
#contentbox img.left {float: left; margin-right: 20px;}
#contentbox img.leftrow {float: left; margin-right: 20px;}
#contentbox img.middle {float: left; margin-right: 20px;}
#contentbox img.right {float: right; margin-left: 20px;}
#contentbox img.end {float: left;}
#contentbox .left {float: left;}

#contentbox a:link {text-decoration: underline; color: #000;}
#contentbox a:visited {text-decoration: underline; color: #000;}
#contentbox a:hover {text-decoration: none; /*color: #62679E;*/ color: #8B8982;}

/* fette links */
#contentbox strong a:link {text-decoration: none; color: #62679E;}
#contentbox strong a:visited {text-decoration: none; color: #62679E;}
#contentbox strong a:hover {text-decoration: underline;}


#contentbox .contentstandard {width: 500px; margin-bottom: 20px; overflow: auto;}
#contentbox .contentlink {width: 500px; margin-bottom: 5px; overflow: auto;} 

#contentbox .contentproject {width: 400px; float: left;}
#contentbox .contentproject h1 {width: 400px;}

#contentbox .contentprojectmargin {width: 225px; float: right; margin-bottom: 20px;}
#contentbox .contentprojectmargin .marginbox {width: 225px; background: url(../images/basic/bg_projectmargin.jpg) bottom repeat-x #EBF1F9; border-top: 1px solid #62679E;}
#contentbox .contentprojectmargin .marginbox .margincontent {margin: 10px 30px 0px 20px; padding-bottom: 30px;}
#contentbox .contentprojectmargin .marginbox .margincontent p {margin-bottom: 5px;}
#contentbox .contentprojectmargin .marginbox .margincontent h2 {margin-top: 5px;}
#contentbox .contentprojectmargin .marginpics {margin: 0px 30px 0px 20px;}
#contentbox .contentprojectmargin .marginpics img {margin-top: 20px;}
#contentbox .caption {font-size: 0.9em; line-height: 1.1;}


#contentbox .news {width: 500px;  margin-bottom: 20px; background: url(../images/basic/bg_news.jpg) bottom repeat-x #EBF1F9; border-top: 1px solid #62679E;}
#contentbox .reflist {width: 500px; margin-bottom: 20px; background: url(../images/basic/bg_reflist.jpg) repeat-x #FFF; border-top: 1px solid #62679E;}
#contentbox .refindent {margin-left: 120px;}

#contentbox .totop {clear: both; display: block; margin-top: 50px; font-size: 0.9em;}
#contentbox .toprevious {font-size: 0.9em;}

#contentbox ul {margin-bottom: 10px;}
#contentbox ul li {background: url(../images/basic/bullet.gif) no-repeat  0em  0.6em; list-style: none; padding-left: 12px; padding-bottom: 5px;}

.ppmore {display: block; margin-top: -10px;}

/* ---------------- conpresso: formatierung der suche-ergebnisse ------------------- */
#contentbox .contentstandard a strong {color: #000;}
#contentbox .space {margin-bottom: 10px;}
.pager {}
.pager strong {font-weight: normal; color: #000;}
.pager .passive strong {display: none;}
.pager .active strong {font-weight: bold;}


/* ---------------- conpresso: ggf. nötige formatierungen ------------------- */
/*
#content .nodata {display: block; margin-top: 85px;}
#content .mini, .nodata, .datum, .al {font-size: 0.92em; color: #666; background-color: #FFF;}
#content .bild {font-size: 0.92em; line-height: 1.4em; color: #666; background-color: #FFF;}
#content .link {font-size: 0.92em;}

#content a.more, a.more:visited {font-size: 0.92em; color: #F60; background-color: #FFF;}
#content a.copy:link {text-decoration: none; color: #F60;}
#content a.copy:visited {text-decoration: none; color: #F60;}
#content a.copy:hover {text-decoration: underline;}
*/

/* ---------------- zweispaltig ------------------- */
#contentbox .contentstandard .leftcolumn {float: left; width: 240px; text-align: left;}
#contentbox .contentstandard .rightcolumn {float: right; width: 240px; text-align: left;}

/* ---------------- sitemap (zweispaltig) ------------------- */
#contentbox .contentstandard .leftcolumn ul.navi2 {background: #FFF; padding-left: 0px; padding-top: 3px;}
#contentbox .contentstandard .leftcolumn ul.navi2 li {background: #FFF; padding-left: 0px; padding-top: 3px;}
#contentbox .contentstandard .leftcolumn ul.navi2 li ul.navi3 {background: #FFF; padding-left: 20px; padding-top: 3px;}
#contentbox .contentstandard .leftcolumn ul.navi2 li ul.navi3 li {background: #FFF; padding-left: 0px; padding-top: 3px; line-height: 1.1;}

#contentbox .contentstandard .rightcolumn ul.navi2 {background: #FFF; padding-left: 0px; padding-top: 3px;}
#contentbox .contentstandard .rightcolumn ul.navi2 li {background: #FFF; padding-left: 0px; padding-top: 3px;}
#contentbox .contentstandard .rightcolumn ul.navi2 li ul.navi3 {background: #FFF; padding-left: 20px; padding-top: 3px;}
#contentbox .contentstandard .rightcolumn ul.navi2 li ul.navi3 li {background: #FFF; padding-left: 0px; padding-top: 3px; line-height: 1.1;}


/* ---------------- footer ------------------- */
#footer {clear: both; height: 170px; color: #FFF; font-size: 0.6875em; background: url(../images/basic/bg_footer.gif) #FFF;}

#footerline {margin-left: 300px; padding-top: 40px; color: #8B8982; font-size: 1em;}
#footerline a:link {text-decoration: none; color: #8B8982;}
#footerline a:visited {text-decoration: none; color: #8B8982;}
#footerline a:hover {text-decoration: none;  /*color: #62679E;*/ color: #000;}

#footercontact {margin-left: 300px; margin-top: 25px; background-color: #99FFCC; line-height: 1.2;}
#footercontact a:link {text-decoration: none; color: #FFF;}
#footercontact a:visited {text-decoration: none; color: #8B8982;}
#footercontact a:hover {text-decoration: none; /*color: #62679E;*/ color: #000;}

#footerfirm {float: left; width: 170px;}
#footeroffice1 {float: left; width: 170px; margin-left: 25px;}
#footeroffice2 {float: left; width: 170px; margin-left: 25px;}


/* ---------------- typo ------------------- */
h1, h2, h3 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #62679E;}

h1 {font-size: 2em; line-height: 1.2; margin-bottom: 15px; font-weight: normal;}
h2 {font-size: 1em; margin-bottom: 0;}
h3 {font-size: 1em; margin-bottom: 0; margin-top: 5px;}

strong {font-weight: bold; color: #62679E;}
em {font-style: italic;}

abbr[title] {border-bottom: 1px #777 dotted; cursor: help;}


/* ---------------- tabellen ------------------- */
.reflist table {border-collapse: collapse; border-spacing: 2px;}
td, th {padding-left: 0px; vertical-align: top;}
td {text-align: left;}
th {width: 120px; text-align: left; font-weight: bold; color: #62679E;}


/* ---------------- formulare ------------------- */
form label {
	display: block;
	cursor: pointer;
	margin-top: 20px;
	margin-bottom: -10px;
	}

textarea, input {width: 400px; background: #ECF3F9;}
	
textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;}
input {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;}

input#reset, input#submit {
	width: auto;
	margin-right: 20px;
	margin-top: 20px;
	background: none;
	}

input:focus, select:focus, textarea:focus {background: #D9E6F3;}


/* ---------------- skip navigation ------------------- */
#skip {position: absolute; z-index: 2; width: 10em; overflow: hidden; top: -100px; left: -1000px;}
#skip a {}
#skip a:focus, #skip a:active {z-index: 99; text-decoration: underline; color: #000; background: #fff;}


#blah:active {}