/* ###################################################### */
/* ####################### BODY ################### */
/* ###################################################### */

html, body{
margin:0;
padding:0;
text-align:center;
background-image:url(../pic/bg_top.jpg);
background-repeat:repeat-x;
background-position:0px 0px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:9pt;
/* background-color:#FF5C0F; */
background-color:#ffffff;
}

#pagewidth{
width:980px;
text-align:left;
margin-left:auto;
margin-right:auto;
background-image:url(../pic/bg_mainframe.gif);
background-repeat:repeat-y;
background-position:0px 0px;
}

/* ###################################################### */
/* ####################### FONTS ################### */
/* ###################################################### */

a, a:hover, a:active, a:visited  {text-decoration:none; color:#FF5C0F;}

h1 {
font-weight:lighter;
text-transform: uppercase;
font-size: 14pt;
}

.orange {
color: #FF5C0F;
}

#leftcol .content {
color: #000000;
}

#maincol .content {
color: #000000;
}


/* ###################################################### */
/* ####################### ARTIKELLISTE ################### */
/* ###################################################### */

#leftcol .artikelliste {
color: #000000;
}

.artikelliste {
background-color:#ffffff;
margin: 10px 10px 10px 0px;
padding:: 10px 10px 10px 0px;
}

.artikelliste_start {
width:280px;
background-color:#ffffff;
margin:-10px;
padding:10px;
}

.news_pre {margin:0 0 10px 0;}

.news_pre_headline {font-weight:bold;}

.news_pre_pic {float:left; margin:0px 10px 5px 0px;}


/* ###################################################### */
/* ####################### HEAD ################### */
/* ###################################################### */

#header{
position:relative;
height:230px;
width:100%;
background-image:url(../pic/titel_dh.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

#header #logo_dh {
float:right;
margin-right:-70px;
width:auto;
}

/*
#header #logo_dh {
position: absolute;
right:-70px;
width:auto;
}
*/

/* ###################################################### */
/* ####################### NAVIGATION ################### */
/* ###################################################### */

#menue {
position: absolute;
left:0px;
bottom:0px;
border:0 solid #0000ff;
}

#menue ul {
margin:0;
padding:0;
list-style-type:none;
}

#menue li {
float:left;
width:auto;
}

#menue a {
display:block;
font-size:14px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
margin:0px 5px 0px 0px;
padding:14px 10px 7px 10px;
float:left;
width:auto;
}

#menue li a:hover, #menue li:hover, #menue ul li.active a {
background-color:#ff5b0f;
}

/* Aktiven Menuepunk hervorheben */
#index #index_nav a,
#unternehmensgruppe #unternehmensgruppe_nav a,
#aktuelles #aktuelles_nav a,
#objekte #objekte_nav a,
#ansprechpartner #ansprechpartner_nav a,
#jobs #jobs_nav a {
background-color:#ff5b0f;
}

/* ###################################################### */
/* ####################### COLS ################### */
/* ###################################################### */

#leftcol{
width:600px;
float:left;
position:relative;
/* background-color:#FC0000; */
}

.content {
padding: 20px;
}

#maincol{
/* background-color: #E6FFFF; */
float: right;
display:inline;
position: relative;
width:380px;

}

/* ###################################################### */
/* ####################### ANSPRECHPARTNER ################### */
/* ###################################################### */

.ansprechpartner {
padding-bottom:10px;
}

.ansprechpartner #wrapper{
background-color: #ececec;
}

.ansprechpartner #leftcol{

 width:265px;
 float:left;
 position:relative;
padding:5px;
color:ffffff;
  }

.ansprechpartner #rightcol{

 float: right;
 display:inline;
 position: relative;
 width:265px;
padding:5px;
color:ffffff;
 }

/* ###################################################### */
/* ####################### FOOTER ################### */
/* ###################################################### */

#footer{
/*  background-color:#E6E9E9; */
clear:both;
padding:5px 0px 0px 0px;
margin:0px 0px -5px 0px;
height:33px;
background-image:url(../pic/bg_foot.gif);
background-repeat:repeat-X;
background-position:0px 0px;
color:#ffffff;
}

#footer2 {visibility: hidden;}

/* ###################################################### */
/* ####################### GOOGLE MPAS ################### */
/* ###################################################### */

#map_canvas{
/*  background-color:#E6E9E9; */
color:#000000;
}

/* ###################################################### */
/* ####################### FIX ################### */
/* ###################################################### */

/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */



/*printer styles*/
@media print{
/*hide the left column when printing*/
#leftcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}