body {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  	font-size: 13px;
	line-height: 1.5em;
	margin: 0;
	/*background-color: #feca12;*/
	color: #000000;
	background-image:url(../img/bg_gradient.png);
 	background-repeat:repeat-x;
	background-color:#FFFEF6;
}

a
{
  color: #077a71;
}

a img{
  border: none;
}

h1, h4, .atitle h2{
  background: transparent url(../img/h1_hintergrund.jpg) no-repeat center left;
  height: 22px;
  padding: 4px 0;
}

h1, h4{
  	color: #077a71;
  	font-weight: bold;
}

h2{
	color: #182E81;
	font-weight: bold;
	font-size: 16px;
}

h3{
	color: #077a71;
	font-size: 12px;
}

h1{
  	font-size: 16px;
  	margin: 13px 0;
}

#outline{
	
  	margin-top:20px;
  	min-width: 920px;
  	min-height: 1166px;
  	padding: 0px 38px 0px 38px;
  	/*background: transparent url(../img/hintergr_rechts.jpg) repeat-y top right scroll;*/
}

#bg_left{
  padding-left: 0px;
  background: transparent url(../img/body_hintergrund_li.jpg) no-repeat left top;
}

#bg_right{
  padding-right: 0px;
  background: transparent url(../img/body_hintergrund_re.jpg) no-repeat right top;
}

#header{
  height: 210px;
  background: transparent url(../img/waldorf_header_repeat.png) repeat-x;
  overflow:hidden;
  border-left:#B4C8E2 solid 1px;
  border-right:#B4C8E2 solid 1px;
}

#main{
  background-color: #FFF;
  overflow: hidden;
  padding-bottom:20px;
  border-left:#B4C8E2 solid 1px;
  border-right:#B4C8E2 solid 1px;
}

.side_column{
  width: 190px;
}

#column_right{
  float: right;
}

#column_left{
  float: left;
}

#column_center{
  margin: 0 210px;
}

/*#######NAVIGATION#######*/

.navi{
	font-size:14px;
  	font-weight: bold;
}

.navi a{
  text-decoration: none;
  color: #077a71;
}

.navi ul
{
  padding: 0;
  margin: 0;
}

.navi ul li
{
  float: left;
  margin-left: 28px;
  padding: 0px;
}
.navi_oben
{
	line-height:27px;
	font-size:14px;
  	/*margin-left:-100px;*/
  	font-weight: bold;
  	color: #FFFFFF;
}

.navi_oben a
{
  text-decoration: none;
  color: #FFFFFF;
}

.navi_oben ul
{
  padding: 0;
  margin: 0;
}

.navi_oben ul li
{
	line-height:27px;
  	float: left;
  	margin-left: 28px;
  	padding: 0px;
}
#myheader
{
 /* margin-left: 255px;*/
  width: 920px;
  height: 210px;
}

/*#logo
{
  float: left;
  margin-left: -1px;
  width: 255px;
  height: 231px;
  /*background: transparent url(../img/logo_drangstedt.jpg) no-repeat;
}*/

#navi_oben
{
  float: left;
  /*margin-top: 5px;*/
 }

#navi_oben a:hover{
  border-top: 0px solid;
  border-bottom: 0px solid;
  /*border-color: #72AC33;*/
  border-bottom-color:#FFF;
}

/*#######LISTENPUNKTE#######*/
#navi_oben ul{
  	list-style-image: url(../img/bullet_oberes_navi.gif) 4px bottom;
}
#navi_unten ul{
  	list-style-image: url(../img/bullet_hauptnavi.gif) 4px bottom;
}
 ul{
  	list-style-image: url(../img/bullet_sonne.png);
}
/*#######LISTENPUNKTE ENDE#######*/

#navi_unten div#chromemenu  a:hover
{
  	border-top: 0px solid;
  	border-bottom: 0px solid;
  	border-color: #182E81;
}

#navi_unten
{
	line-height:27px;
  	float: left;
 	margin-top: 105px;
	
}

* html #navi_unten{ /*IE only hack*/
margin-top: 150px;
}
/*div.breaker {
height: 7px;
clear:both;
overflow:hidden;
}


/*#######NAVIGATION ENDE#######*/

/*#######FOOTER#######*/
#footer{
  background:transparent url(../img/footer_neu.png) repeat-x -1px bottom;
  /*min-height: 30px;*/
  overflow: hidden;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  margin-bottom:10px;
  margin-top:-10px;
  line-height:27px;
}
#footer a{
	color:#FFF;
}
#footer a:hover{
	color:#feca12;
}
/*#######FOOTER ENDE#######*/

/* CSS Anpassungen für das Dynamic Menü Chrome */
.chromestyle{
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
/* content: " v";*/
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: -180px;
border: 1px solid #182E81; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:bold 10px;
line-height:18px;
z-index:100;
color: #077a71;
background-color: #feca11;
width: 180px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #182E81; /*THEME CHANGE HERE*/
padding: 2px 5px 2px 5px;
text-decoration: none;

color: #077a71;

/*background: url(../../../modules/DynamicMenu/images/pfeil.gif) left center no-repeat;*/
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*Farbe im Menü bei Mouse Over*/
background-color: #077a71;
color: #ffffff;

}

