/* ---------------- 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-color: #FFE38E; 
	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 bilddarstellung */
    border: 0;} 
	
a img {color: #992733;}


/* ---------------- wrapper, header, nav ------------------- */
#wrapper {
	width: 950px;
	background: #fff;
	margin-left: auto; /*  3 zeilen hack fuer zentrierung */
	margin-right: auto;
	text-align: left;
	}

#header {height: 210px; background: #FFF;}

#navcol {float: left; width: 250px; background-color: #FFF;}
#nav {padding: 83px 0 20px 40px; color: #000; background-color: #FFF; font-size: 0.6875em; line-height: 1.1em;}
#nav ul {margin: 0px; padding: 5px 0 0 0; list-style: none;}
#nav ul li {margin: 0; padding: 2px 0 2px 5px;}

#nav ul a {text-decoration: none; color: #000;}
#nav ul a:hover, #navcol a:hover {color: #992733;}
#nav a.naviactive {font-weight: bold; color: #992733;}
#nav ul ul li {padding-left: 20px; margin-left: -5px; width: 190px;} /* margin um den texteinzug fuer den strich zu negieren */

/* navigationsueberschriften */
#nav ul li.navportal {background-color: #F93; color: #FFF; font-weight: bold;}
#nav ul li.navmarketing {background-color: #459880; color: #FFF; font-weight: bold; margin-top: 5px;}
#nav ul li.navgeneral {background-color: #70A9D7; color: #FFF; font-weight: bold; margin-top: 5px;}

/* navigation 1.ebene */
#nav ul li.navportalsub {background-color: #FFF6E8; border-bottom: 2px solid #FFF;}
#nav ul li.navmarketingsub {background-color: #ECF4F1; border-bottom: 2px solid #FFF;}
#nav ul li.navgeneralsub {background-color: #F2F6FC; border-bottom: 2px solid #FFF;}
/* navigation 2.ebene */
#nav ul li.navportalsub ul li {background-color: #FFF6E8; border-top: 2px solid #FFF;} /* hier border-top da sonst unten eine doppellinie und oben gar keine waere */
#nav ul li.navmarketingsub ul li {background-color: #ECF4F1; border-top: 2px solid #FFF;}
#nav ul li.navgeneralsub ul li {background-color: #F2F6FC; border-top: 2px solid #FFF;}

#toolbar {text-align: right; padding-top: 10px; margin-right: 42px; font-size: 0.5625em;}
#toolbar ul {display: inline;}
#toolbar ul li {display: inline; list-style-type: none;}
#toolbar ul li a {text-decoration: none; padding: .2em .1em; color: #000;}
#toolbar ul li a:hover {color: #992733;}

#search {display: inline; padding-left: 1em;}
#search form {display: inline;}
#search .input {margin-right: 5px; width: 140px; color: #000; background-color: #F6F6F4; border: 1px solid #DEDCD1; font-size: 1.2em;}
#search .submitsearch {width: 60px; background-color: #F6F6F4; color: #000; border: 1px solid #DEDCD1;}
#search .flag {margin-right: 5px; margin-bottom: 4px; vertical-align: bottom;}


/* ---------------- content ------------------- */
#content {
	padding-top: 40px;
	width: 550px;
	float: left;
	margin-left: 60px;
	font-size: 0.6875em;
	line-height: 1.4em;
	background-color: #FFF;
	}

#content p {margin-bottom: 10px;}
#content img {margin-bottom: 10px;}
#content img.galerie {margin-right: 12px;}
#content .caption {font-size: 0.8181em;}

#content a:link {text-decoration: none; color: #992733;}
#content a:visited {text-decoration: none; color: #992733;}
#content a:hover {text-decoration: underline;}

#content a.archivlink:link {font-weight: bold;}
a.functionlink {display: block; margin-bottom: 30px;}

#content .newsflash {overflow: auto; margin-top: 20px;}
#content .newsflash .left {float: left; width: 125px; text-align: left;}
#content .newsflash .right {float: right; width: 410px; text-align: left;}
#content .newsflash .left p, #content .newsflash .right p {margin-top: -4px;}

#content .address {margin-top: 20px;}

#content .twocolumns {overflow: auto; margin-top: 20px;}
#content .twocolumns .left {float: left; width: 265px; text-align: left;}
#content .twocolumns .right {float: right; width: 265px; text-align: left;}
#content .twocolumns .left p, #content .twocolumns .right p {margin-top: -4px;}

#content .galerienavi {color: #000;}

/* ---------------- weblication suchergebnisse ------------------- */
p.textBold {color: #992733; font-weight: bold; line-height: 1;}
p.text {line-height: 1;}


/* ---------------- kontaktseiten (schmaler) ------------------- */
#content .twocolumnsnarrow {overflow: auto; margin-top: 20px; width: 470px;}
#content .twocolumnsnarrow .left {float: left; width: 210px; text-align: left;}
#content .twocolumnsnarrow .right {float: right; width: 210px; text-align: left;}
#content .twocolumnsnarrow .left p, #content .twocolumnsnarrow .right p {margin-top: -4px;}
#content p.narrow {width: 470px;}

/* ---------------- sitemap ------------------- */
#content .threecolumns {overflow: auto; margin-top: 20px;}
#content .threecolumns .left {float: left; width: 170px; text-align: left;}
#content .threecolumns .middle {float: left; width: 170px; text-align: left; margin-left: 20px;}
#content .threecolumns .right {float: right; width: 170px; text-align: left;}
#content .threecolumns ul li {background: none; list-style: none; padding-left: 0px; padding-bottom: 2px;}
#content .threecolumns ul li ul {padding-top: 2px;}
#content .threecolumns ul li ul li {padding-left: 10px; padding-bottom: 2px;}

#content .portal {display: block; margin-bottom: 5px; height: 10px; background-color: #F93;}
#content .marketing {display: block; margin-bottom: 5px; height: 10px; background-color: #459880;}
#content .general {display: block; margin-bottom: 5px; height: 10px; background-color: #70A9D7;}

#content .portalsub {background-color: #FFF6E8;}
#content .marketingsub {background-color: #ECF4F1;}
#content .generalsub {background-color: #F2F6FC;}


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

h1 {font-size: 2.2em; line-height: 1.1; margin-bottom: 20px; font-weight: normal;} 
h2 {font-size: 1.1818em; line-height: 1.1; margin-bottom: 8px;}
h3 {font-size: 1em; margin-bottom: 6px; /* war 8px */}
h4 {font-size: 1em; margin-bottom: 0px; color: #BC6B73;}

strong {color: #992733; font-weight: bold;}
em {}

/* ---------------- tabellen ------------------- */
table {border-collapse: collapse; border-spacing: 0px;}
td, th {padding: 0px;}
td {font-weight: normal; text-align: left;}
th {font-weight: bold; text-align: left; color: #992733;}

table.daten {border-top: 1px solid #DEDCD1; margin-top: 3px;}
table.daten th {width: 100px;}
table.daten tr {border-bottom: 1px solid #DEDCD1;}

table.grundrisse {width: 210px; border-top: 1px solid #DEDCD1; margin-top: 15px; margin-bottom: 15px;}
table.grundrisse th {width: 100px; font-weight: normal; color: #000;}
table.grundrisse td.nummer {width: 20px; text-align: right; font-weight: bold; color: #000; padding-right: 10px;}
table.grundrisse td.flaeche {text-align: right;}
table.grundrisse tr {border-bottom: 1px solid #DEDCD1;}
table.grundrisse tr.total {border-bottom: none;}
table.grundrisse tr.total td, table.grundrisse tr.total th {font-weight: bold; padding-top: 5px;}

table.legende {width: 220px; margin-left: 30px; margin-top: 10px;}
table.legende td {width: 15px;}
table.legende th {width: 60px; vertical-align: top; font-weight: normal; color: #000;}

table.legendebasic {width: 265px; margin-left: 0px;}
table.legendebasic td {width: 15px;}
table.legendebasic th {width: 200px; vertical-align: top; font-weight: normal; color: #000;}

#content .twocolumns .left td img {margin-bottom: 0px;}
#content .twocolumns .right td img {margin-bottom: 0px;}
img.farbflaeche {margin-bottom: 0px;}

/* ---------------- formulare ------------------- */
form label {display: block; cursor: pointer;}

textarea, input {}
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 {}

input:focus, select:focus, textarea:focus {}


/* ---------------- kontaktformulare ------------------- */
form.contact {width: 450px; margin-top: 20px; padding: 10px; background-color: #FFFFF9;  border: 1px solid #DEDCD1;}
form.contact div {margin-bottom: 10px;}
form.contact label {display: block; float: left; width: 120px; cursor: pointer; margin-right: 5px;}

form.contact textarea, form.contact input {background: #FFF;}
	
form.contact textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;}
form.contact input {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;}

form.contact .inputwidth {width: 300px;}
/*
form.contact input.radio {margin-right: 5px; margin-left: 10px;}
form.contact input.radiofirst {margin-right: 5px; margin-left: 0px;}
form.contact input.checkbox {margin-right: 5px;}
form.contact .inputgroup {width: 300px; display: block; margin-left: 125px;}
*/
form.contact input#reset, form.contact input#submit {width: auto; margin-left: 105px; margin-top: 20px; background-color: #F6F6F4; color: #000; border: 1px solid #DEDCD1;}
form.contact input:focus, form.contact select:focus, form.contact textarea:focus {background: #FFF;}


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


/* ---------------- footer, bottom ------------------- */
.spacer {clear: both; height: 30px;}
#footer {clear: both; margin-top: 0px; margin-left: 310px; color: #000; font-size: 0.5625em;}
#footer a:link {text-decoration: none; color: #992733;}
#footer a:visited {text-decoration: none; color: #992733;}
#footer a:hover {text-decoration: underline; color: #992733;}

#bottomportal, #bottommarketing, #bottomgeneral {height: 10px; clear: both; margin-top: 10px;}
#bottomportal {background-color: #F93;}
#bottommarketing {background-color: #459880;}
#bottomgeneral {background-color: #70A9D7;}


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


#blah:active {}

/* lillebit */

.strong {color: #992733; font-weight: bold;}