body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	font-family:arial, helvetica, sans-serif;
	background:#fff url(../images/home_bg.jpg) repeat-x top left;
	color:#383838;
}

.clearer {
	clear:both;
        font-size: 1px;
}

dl#site {
        margin:0;	
        padding:0;
	width:950px;
	height: auto;
	margin: auto;
}

dl#site dd {
	margin:0;
	padding:0;
}

dl#site dd#topspacer {
	height: 65px;
}


dl#site dd#header {
	height:362px;
	width:950px;
}
 
dl#site dd#header #headerimage{
	height: 362px;
	width: 501px;
	padding-left: 75px;
	background: url(../images/home_headerimage.jpg) repeat-y top right;
	float: left;
}

/***************************************************************************/
/************************* Top Navigation **********************************/

dl#site dd#header #header-navigation{
	height: 151px;
	width: 364px;
	float: left;
	color: #383838;
        padding-top:41px;
        background: url(../images/home_navigation_bg.gif) no-repeat 0 0;
}

dl#site dd#header #header-navigation a {
	color: #383838;
	text-decoration: none;
	font-weight:bold;
}

dl#site dd#header #header-navigation a:hover {
	color:#005ca1;
	text-decoration: none;
	font-weight:bold;
}

/*dl#site dd#header #header-navigation #spacer{
	height: 41px;
	width: 364px;
	background:#FFF url(../images/home_navigation_spacer.jpg) repeat-y top left;
	float: right;
	margin:0;
        padding:0;
}*/

dl#site dd#header #header-navigation ul#menu{
	list-style-type:none;
        float:left;
        width:auto;
        margin:0;
        padding:0;
}

dl#site dd#header #header-navigation ul#menu li {
        height: 31px;
	width: 364px;
        margin:0;
        padding:0;
        float: left;
}


dl#site dd#header #header-navigation ul#menu #a57 a {
	text-indent: 97px;
	padding-top:15px;
	background: url(../images/home_navigation_dot1.gif) no-repeat 63px 10px;
        float:left;
        text-align:right;
}

dl#site dd#header #header-navigation ul#menu #a57 a:hover{
	background: url(../images/home_navigation_dot2.gif) no-repeat 63px 10px;
}
dl#site dd#header #header-navigation ul#menu #a58 a {
	text-indent: 85px;
	padding-top:15px;
	background: url(../images/home_navigation_dot1.gif) no-repeat 50px 10px;
        float:left;
        text-align:right;
}


dl#site dd#header #header-navigation ul#menu #a58 a:hover{
	background: url(../images/home_navigation_dot2.gif) no-repeat 50px 10px;
}

dl#site dd#header #header-navigation ul#menu #a59 a {
	text-indent: 67px;
	padding-top:15px;
	background: url(../images/home_navigation_dot1.gif) no-repeat 32px 10px;
        float:left;
        text-align:right;
}


dl#site dd#header #header-navigation ul#menu #a59 a:hover{
	background: url(../images/home_navigation_dot2.gif) no-repeat 32px 10px;
}


dl#site dd#header #header-logo{
	height: 170px;
	width: 284px;
	margin-left: 80px;
	background: url(../images/home_logo_cadmap.jpg) repeat-y bottom left;
	float: left;
}
/***************************************************************************/
/************************* Haupt Navigation ********************************/

dl#site dd#navigation {
	list-style-type:none;
	height:57px;
	width:950px;
}

dl#site dd#navigation ul#menumain {
        float:left;
	padding:0;
        margin-top:0;
        margin-left:0;
	list-style-type:none;
	height:25px;
        width:auto;
}

dl#site dd#navigation ul#menumain li {
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
        width:auto;
        height:25px;
}

dl#site dd#navigation ul#menumain li.last {
	margin:0;
	padding:0;
	width:auto;
}

dl#site dd#navigation ul#menumain li a {
        float:left;
        color:#383838;
	text-decoration:none;
	font-size:0.8em;
	width:auto;
	height:25px;
	background: url(../images/home_btn_navigation_bg.jpg) no-repeat top right;
	padding-right:15px;
	margin-right:3px;
}

dl#site dd#navigation ul#menumain li a span.left{
	float:left;
	margin:0;
        width:15px;
       	height:25px;
        background: url(../images/home_btn_navigation_bg_left.jpg) no-repeat 0 0;

}

dl#site dd#navigation ul#menumain li.activefirst {
	background:none;
	padding:0;
}

dl#site dd#navigation ul#menumain li a:hover {
	color:#3c6583;
        background: url(../images/home_btn_navigation_bg_o.jpg) no-repeat top right;
	width:auto;
}

dl#site dd#navigation ul#menumain li a:hover span.left{
	float:left;
	margin:0;
        width:15px;
       	height:25px;
        background: url(../images/home_btn_navigation_bg_olef.jpg) no-repeat 0 0;

}

dl#site dd#navigation ul#menumain li a.active {
	color:#3c6583;
	background: url(../images/home_btn_navigation_bg_o.jpg) no-repeat top right;
	background-repeat: no-repeat;
	width:auto;
        font-weight:bold;
}

dl#site dd#navigation ul#menumain li a.active span.left{
	float:left;
	margin:0;
        width:15px;
       	height:25px;
        background: url(../images/home_btn_navigation_bg_olef.jpg) no-repeat 0 0;

}


/************************* News Container *******************************/

dl#site #news {
	height:170px;
	width:600px;
	background: url(../images/home_news_bg.jpg) no-repeat 0 0;
	float:left;
	padding: 15px;
 }
 
dl#site #news .newscontainer {
       height:30px;
       padding:0;
       margin:0;
}

 dl#site #news h1{
	font-weight:bold;
        font-size:0.9em;
 }

 dl#site #news .newscontainer .headline {
	font-weight:bold;
        float:left;
        width:200px;
        font-size:0.8em;
 }


 dl#site #news .newscontainer .text {
	font-weight:none;
        float:left;
        width:350px;
        font-size:0.8em;
 }

dl#site #news .newscontainer a.more {
        float:left;	
        font-weight:none;
        font-size:0.8em;
        text-decoration:underline;
        color:#383838;
 }


 
/***************************************************************************/
/************************* Right Sidebox ***********************************/

#right-sidebox {
	height:auto;
	width:318px;
	background: url(../images/home_news_bg.jpg) repeat-y top left;
	float:left;
 }
 
 
 dt#kundenlogin, dt#suchform, dt#newsletterform-container{
	height:25px;
	width:318px;
	background: url(../images/home_right-sidebox_bg.jpg) repeat-y top left;
	float:left;
 }
 
  dt#kundenlogin a, dt#suchform a, dt#newsletterform-container a {
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #5d5c5a; 
	font-size: 12px;
	padding:10px 0 0 20px;
	float:left;
	width:298px;
	height: auto;
  }
  

#kundenlogin-footer, #suchform-footer, #newsletterform-footer {
	height:10px;
	width:318px;
	background: url(../images/home_right-sidebox_bg_footer.jpg) repeat-y bottom left;
	float:left;
	margin:0;
	padding:0;
	font-size:1px;
 }
 

 
 dl#kunden dd#kundenlogin-content, dl#suche dd#suchform-content, dl#newsletter dd#newsletterform-content {
	height:auto;
	width:298px;
	background: url(../images/home_right-sidebox_bg_content.jpg) repeat-y bottom left;
	float:left;
	font-size:10px;
	color: #5d5c5a;
	padding-left:20px;
 }
 


 dl#kunden, dl#suche, dl#newsletter {
 	margin:0;
	padding:0;
 }
 
 dl#kunden dd, dl#suche dd, dl#newsletter dd {
 	margin:0;
	padding:0;
 }
 
 dl#kunden dt, dl#suche dt, dl#newsletter dt {
 	margin:0;
	padding:0;
 }
 

.input {
        background-color:#FFFFFF;
        border:1px solid #c1c1c1; 
}

.button {
        background-color:#c1c1c1;
        border:1px solid #c1c1c1; 
        font-weight: bold;
        color:#848484;
        font-size:10px;
}

/***************************************************************************/
/************************* Spacer ******************************************/

dl#site #topspacer-2nd {
	height: 17px;
	margin:0;
	padding:0;
}

/***************************************************************************/
/************************* Haupt Content ********************************/

dl#site dd#content-header {
	height:21px;
	width:785px;
	max-width:785px;
	padding-top:3px;	
	padding-left:10px;	
	color:#383838;
	font-size:0.8em;
	margin-left:93px;	
	background:#FFFFFF url(../images/main_content_header-bg.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
}

dl#site dd#content #navi {
	height:auto;
	width:130px;
	float:left;
	color:#383838;
	padding:10px 10px 10px 10px;	
}

dl#site dd#content #navi a:link, dl#site dd#content #navi a:visited {
	color:#383838;
	text-decoration: none;
	font-weight: none;
	display:block;
	height:20px;
}

dl#site #navi a:hover {
	color:#3c6583;
	text-decoration: none;
	font-weight: bold;
	display:block;
	height:20px;
}

dl#site #cont {
	height:auto;
	width:624px;
	float:right;
	color:#383838;
	padding:3px 10px 10px 10px;	
}

dl#site #cont h1 {
	color:#3c6583;
	font-size:16px;
}

dl#site #cont a {
	color:#3c6583;
	text-decoration: none;
	font-weight:bold;
}

dl#site dd#content-footer {
	height:7px;
	width:795px;
	color:#383838;
	font-size:1px;
	margin-left:93px;	
	background:#FFFFFF url(../images/main_content_bg_footer.jpg);
	background-repeat: no-repeat;
}

/***************************************************************************/
/******************************Lang Nav ************************************/

ul#langnav {
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
        height:20px;
}

ul#langnav li {
	float:left;
	margin:0 0 0 0;
        padding:0 0 0 0;
	width:auto;
}

ul#langnav li a {
        display:block;		
        color:#bbbab9;
	text-decoration:none;
	font-size:0.75em;
	padding:0 0 0 0;
        width:37px;
        height:20px;
}

ul#langnav li a:hover {
       color:#274d5f;
}

ul#langnav li a.deutsch {
	background:url(../images/home_btn_navigation_de.jpg) no-repeat 0 0;
}

ul#langnav li a.english {
	background:url(../images/home_btn_navigation_en.jpg) no-repeat 0 0;
}

ul#langnav li a:hover.deutsch {
	background:url(../images/home_btn_navigation_de_over.jpg) no-repeat 0 0;
}

ul#langnav li a:hover.english {
	background:url(../images/home_btn_navigation_en_over.jpg) no-repeat 0 0;
}

/***************************************************************************/
/************************* Footer Bottom Nav *******************************/

dl#site #footer {
        clear:both;	        
        float:left;	
        height:20px;
	width:auto;
        margin-right:5px;
        padding:0;
	color:#383838;
	font-size:10px;
}


/***************************************************************************/
/************************* Footer Bottom Nav *******************************/

dl#site #footernav {
        float:left;
        padding:0;
        margin:0;
        height:20px;
        width:auto; 
}

dl#site ol#bottomnav {
        float:left;         
        margin:0;
	list-style-type:none;
	height:20px;
        width:auto;
        font-size:10px;
        padding:0; 
}

dl#site ol#bottomnav li {
        float:left;         
        padding:0;
        margin-left:3px;
        margin-right:3px;
	height:auto;
	width:auto;
	background:url(../images/trenner_footer_nav.gif) no-repeat 0 0;
}


dl#site ol#bottomnav li.activefirst {
	background:none;
	margin:0;
        padding:0;
}

dl#site ol#bottomnav li.last {
	margin:0;
        padding:0;
}

dl#site ol#bottomnav li.first {
	margin:0;
        padding:0;
}

dl#site ol#bottomnav li a {
	color:#000000;
	text-decoration:none;
        padding-left:7px;
        margin:0;
}

dl#site ol#bottomnav li a:hover {
	color:#bbbab9;
}

dl#site ol#bottomnav li a.active {
	color:#274d5f;
}