html {
margin: 16px 0 0 0;
padding: 0;
}

body {
margin: 16px 0 0 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 11px;
color:#000;
}

/* in «firma» und «testauswertung» */
.fett {
font-weight: bold;
}

h1 {
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-weight: bold;
margin-top: 10px;
margin-bottom: 3px;
}

/* in «test1» bis «test4» */
h2, .h2_2z, .h2_ausw {
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-weight: bold;
margin-top: 14px;
margin-bottom: 30px;
}

.h2_2z {
margin-bottom: 47px;
}

.h2_ausw {
margin-bottom: 56px;
}

a:link {
text-decoration: none;
color: red;
}

a:visited {
text-decoration: none;
color: red;
}

a:hover {
text-decoration: none;
color: #FFF;
}

a:active {
text-decoration: none;
color: #FFF;
}

#mainbox {
position: absolute;
left: 50%;
width: 768px;
height: 528px;
margin-left: -384px;	/* Die Hälfte von width (768) */
background-color: #CCC;
}

#content { /* für «lage», «links», «produkte_aktuell» und «team». Für andere Seiten wurden spezifische Contents definiert */
 width: 592px;
 height: 512px;
 margin-left: 176px;
}

#logo {
position: absolute;
left: 20px;
top: 17px;
}

#schriftzug {
position: absolute;
left: 16px;
bottom: 32px;
}

/*=======START NAVIGATION=======*/

#navcontainer {
position: absolute;
left: 0px;
top: 128px;
width: 150px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 11px;
color: #000;
}

#navcontainer ul {
margin: 0px;
padding: 0px;
list-style-type: none; /* default-Aufzählungszeichen entfernen */
text-align: right;
}

#navcontainer li, #navcontainer li.aktiv {
margin: 0px; /* verhindert Lücken in Opera */
background-image: url(images/navigation/arrow_right.gif);
background-repeat: no-repeat;
background-position: 137px 5px;
}

#navcontainer li.aktiv{
background-image:   url(images/navigation/arrow_down.gif);
background-position: 135px 7px; /* 135px von links, 7px von oben */
}

#navcontainer li li {
background-image: none;
}

#navcontainer a, .hauptmenuepunkt_aktiv, #hauptmenuepunkt_mit_content {
display: block;
color: #000000;
width: 128px;
text-decoration: none;
padding: 2px 4px 3px 0px;
}

#hauptmenuepunkt_mit_content{
background-color: #FF0;
}

#navcontainer a:link {
color: #000;
}

#navcontainer a:visited {
color: #000;
}

#navcontainer a:hover {
color: #000;
border: solid 1px #FF0;

/* color: #FFF; */
}

#navcontainer a:active {
color: #000;
border: solid 1px #FF0;
}

#navcontainer li li a, .untermenuepunkt_aktiv {
display: block;
color: #000;
width: 144px; 
padding: 2px 4px 3px 0px;
text-decoration: none;
background-image: none; 
}

.untermenuepunkt_aktiv {
background-color: #FFFF00;
}

/*=======START HOME=======*/

#content_home {
 position: absolute;
 width: 592px;
 height: 481px;
 margin-left: 176px;
 margin-top: 47px;
}

.text {
position: relative;
}

.textschwarz {
position: absolute;
z-index: 20;
width: 272px;
margin-top: 26px;
float: left;
background-color: #CCCCCC;

}

#textover, #textover_keintitel {
position: absolute;
width: 272px;
margin-left: 288px;
float: left;
color: #DADADA;
}

#textover_keintitel {
margin-top: 26px;
}

#box_fliege {
position: relative;
top: 208px;
width: 272px;
height: 272px;
}


#koordinaten {
position: absolute;
bottom: 62px;
}

/*=======START ANGEBOT 3 ZEILEN=======*/

#content_angebot {
 position: absolute;
 width: 592px;
 height: 481px;
 margin-left: 176px;
 margin-top: 47px;
}

.angebot {
position: relative;
margin-bottom: 5px;
height: 65px;
}

.angebotschwarz {
position: absolute;
width: 272px;
bottom: 0px;
float: left;
}

.abgebotover, #text, #red, #film, #grafik, #wp, #berat, #konz, #plan, #bud, #term, #real, #inb, #p0, #p5, #p10, #p15, #p20, #p25, #p25a, #p30 {
position: absolute;
width: 272px;
left: 288px;
bottom: 0px;
float: left;
color: #DADADA;
cursor: pointer;
}

#text a, #red a, #film a, #grafik a, #wp a, #berat a, #konz a, #plan a, #bud a, #term a, #real a, #inb a {
color: #DADADA;
}

#p0, #p5, #p10, #p15, #p20, #p25, #p25a, #p30 {
cursor: auto;
}



/*=======START ANGEBOT 2 ZEILEN=======*/

#content_angebot_2z {
 position: absolute;
 width: 592px;
 height: 468px;
 margin-left: 176px;
 margin-top: 60px;
}

.angebot_2z {
position: relative;
margin-bottom: 5px;
height: 52px;
}

/*=======START PRODUKTE AKTUELL=======*/

.produkt {
height: 96px;
margin-top: 16px;
clear:both;
}

.produktbild {
float:left;
}

.bildtext {
width: 128px;
margin-left: 16px;
float: left;
}

.bildtextover, #christof, #sandra, #angela, #myriam, #bb, #wab, #dvd, #beruf, #chancp, #chancw, #sd, #entwp, #entww, #einblick, #kultur, .blubb {
width: 272px;
margin-left: 16px;
float: left;
padding-top: 18px;
}

.produktlink {
padding-bottom: 5px;
}

.produktpfeil {
padding-top: 3px;
cursor:pointer;
}

/*=======START PRODUKTE BISHER=======*/

#content_produkte_b {
 position: absolute;
 width: 592px;
 height: 428px;
 margin-left: 176px;
 margin-top: 100px;
}

.produkt_b {
width: 592px;
padding: 0 0 16px 0;
}

.institution {
width: 272px;
float: left;
}

.auftrag, #p0-0, #p5-10, #p11-25, #p26-50, #ue50 {
width: 272px;
margin:0 0 0 288px;
padding: 0px; 
}

#p0-0, #p5-10, #p11-25, #p26-50, #ue50 {
color: #DADADA;
}

.clear {
	clear:both;
	height: 0px;
	font-size:0; /*font-size wird gebraucht, da IE die 
Hoehe des divs nun doch auf NULL macht*/
	}
	
hr {
width: 560px;
height: 1px;
color: yellow;
background-color: yellow;
margin-left: 0px;
text-align: left;
border-style: none;
}

/*========ENDE PRODUKTE BISHER========*/

#seitenzahlen {
position: absolute;
margin-left: 0px;
bottom: 0px;
}

.seiten, .seiteaktiv {
float: left;
width: 16px;
height: 32px;
text-align: center;
}

.seiteaktiv {
background-color: #FF0;
}

#zur-vor {
position: absolute;
height: 32px;
width: 128px;
bottom: 0px;
margin-left: 144px;
}

.vor_einzeln {
margin-left: 61px;
}

.zur {
float: left;
}

.vor {
float: right;
}

/*=======START KONTAKT=======*/

.text_danke {
position: absolute;
margin: 83px 0 0 0;
}

#kontakt_form {
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 11px;
position: absolute;
margin-top: 47px;
}

/* .bezeichnung, .check {
width: 96px;
height: 19px;
float: left;
padding-top: 3px;
} */

.check {
border-style: none;
}

.feld {
width: 272px;
margin:0 0 0 112px;
padding: 0px; 
}
input {
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 11px;
}

input.eingabe, textarea.eingabe, select.eingabe {
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 11px;
color:#000;
border: 1px solid #a0a000;
background-color: #f0f0f0;
width: 180px;
}

.button_kontakt {
border-style: none;
border: 1px solid #a0a000;
}



/*=======START TEST=======*/

.test {
position: relative;
margin-bottom: 5px;
height: 48px;
}

.test_2z {
position: relative;
margin-bottom: 5px;
height: 35px;
}

.button, .button_zur {
border-style: none;
background-color: #CCCCCC;
color: red;
padding-left: 0px;
margin-left: 58px; 
cursor: pointer;
}

.button_zur {
margin-left: 0px;
}

/*=======START DRUPAL=======*/

#content_drupal *{
	font:11px/16px Verdana,Arial,Helvetica,sans-serif;
	margin:0;
	padding: 0;
}

#content_drupal {
	position: absolute;
	width: 552px;
	height: 455px;
	margin-left: 176px;
	margin-top: 73px;
	background-color:#ccc;
	padding: 0 20px;
	
}

#content_drupal ul {
	list-style-type:none;
	list-style:none outside none;
	margin-bottom:18px;
	background-color:#fff;
}

#content_drupal .box ul {
	margin:0;
	overflow:hidden;
	padding:0 10px;
}

#content_drupal .box.drupalinaction0 ul li,#content_drupal .box.drupalinaction1 ul li,#content_drupal .box.drupalinaction2 ul li {
font-size:11px;
padding:0.85em 0;
border-bottom:1px solid #D9D9D9;
}

#content_drupal .box.drupalinaction0 ul li,#content_drupal .box.drupalinaction1 ul li {
background:url("/images/produkte/arrow20090106.gif") no-repeat scroll 0 50% transparent;
display:block;
padding-left:10px; 
color:#000;
}
#content_drupal .box.drupalinaction0 ul li a:hover,#content_drupal .box.drupalinaction1 ul li a:hover,#content_drupal .box.drupalinaction2 ul li a:hover { color:#ccc;}

#content_drupal .box {
	/*background:url("/images/box_sidebar_bg2.gif") repeat-y scroll 0 0 #ccc;*/
	padding:0 12px 1px;
	overflow:hidden;
	padding:0 0px 1px;
	position:relative;
	width:540px;
}

#content_drupal .box h1 {
background:url("/images/produkte/box_header20090106.gif") repeat-x scroll 0 0 #DFDFDF;
border-bottom:1px solid #D9D9D9;
color:#4D4D4D;
font-size:11px;
font-weight:bold;
line-height: 1.5em;
margin:0 0px;
padding:6px 10px 4px;
}


#content_drupal .box .cap {
left:12px;
margin:0;
width:186px;
}