/*
 * Allgemein
 */
body,html{
	margin:0px;
	padding:0px;
}


body,td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
a{
	color:#333333;
}
img{
	border:0px;
	display:block;
}
p{
    margin:0px;
    padding:0px;
}

/*
 * Design
 */
body{
	background:url('../images/bg.gif') repeat-y center center;
	background-color:#EAEAEA;
	<!--background-image:url('../images/bg_ie.gif');-->
}
.form{
	margin:0px;
	padding:0px;
}
#box{
	border-top:10px solid #EAEAEA;
	margin:0px auto;
	width:1016px;
    background:url('../images/bg.gif') repeat-y center center;
}

#header{
	background:url('../images/header_bg.gif') repeat-y;
	background-color:#FFF;
	height:98px;
}
/*#header img{float:right;}*/
#body,
#header,
#menu{
	margin:0px 8px;
    width:1000px;
}
#topmenu{
float:right;
}
#topmenu .navi,
#topmenu .navi_act{
	font-weight:100;
}

/*
 * Menu
 */
#menu{
	background-color:#E3E3E3;
    border-bottom:1px solid #FFF;
}
.navi,.navi_act{
	color:#333333;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	line-height:18px;

	display:inline-block;
	padding:0px 10px;
	height:18px;
	
	border:0px;
	border-right:1px solid #FFF;
}
.navi:hover,.navi_act{
	background-color:#D3DFAD;
}

/*
 * Submenu
 */
#submenu{
	background:url('../images/submenu.gif') no-repeat left bottom;
	width:160px;
	float:left;
	display:block;
    padding-top:35px;
    padding-bottom:110px;
}
#submenu a{
    display:block;
    text-decoration:none;
    color:#FFF;
    margin-left:45px;
    padding:2px 0px;
}
#submenu a:hover,
#submenu a.act{
    color:#333333;
}

/*
 * Content
 */
#content_box{
    /*background:url('../images/bg2.gif') repeat-y right top;*/
	margin-left:160px;
}
#content_header{
	background:url('../images/ch_ru.gif') no-repeat right bottom;
}
#content_header p{
    float:right;
}
#content{
    clear:right;
	background:url('../images/content_top2.gif') no-repeat left top;
	padding-right:18px;
	margin-left:1px;
    padding-top:12px;
    <!--padding-top:6px;-->
}

#main{
	background:#FFFFFF;
	padding:5px 20px;
    padding-bottom:10px;
}

#footer{
	background:#DEDEDE;
    text-align:center;
}

/*###################################
## Übersicht ########################
###################################*/
#uebersicht a{
	display:inline-block;
	width:135px;
    height:160px;
	text-align:center;
	margin:0px 5px;

    color:#53771C;
    text-decoration:none;
}
#uebersicht a img{
    margin:auto auto;
}
#uebersicht hr{
	clear:both;
	background-color:#fff;
	color:#fff;
	border:1px solid #fff;
}

/*###################################
## Details ##########################
###################################*/

.detail{
    background:url('../images/rahmen/l.gif') repeat-y top left;
    margin-bottom:10px;
}
.detail div{
    background:url('../images/rahmen/r.gif') repeat-y top right;
}
.detail div div{
    background:url('../images/rahmen/lt.gif') no-repeat top left;
}
.detail div div div{
    background:url('../images/rahmen/rt.gif') no-repeat top right;
}
.detail div div div div{
    background:url('../images/rahmen/lb.gif') no-repeat bottom left;
}
.detail div div div div div{
    background:url('../images/rahmen/rb.gif') no-repeat bottom right;
}
.detail div div div div div div{
    background:none;
}
.detail .main{
    padding:20px;
}
.detail .main table td{
    vertical-align:top;
    text-align:left;
}
.detail .main table.imageSelect td{
    text-align:center;
    padding:5px 9px;
}
.detail .main table.imageSelect{
	background:#EAEAEA;
}
h3.imageSelect{
	padding:0px;
	margin:0px;
	font-size:12px;
}
.buttons{
    text-align:center !important;
}

.buttons a,
.buttons input{
    background:url('../images/button.gif') no-repeat;
    display:inline-block;
    width:148px;
    line-height:31px;
    height:31px;
    text-align:center;
    text-decoration:none;
    font:bold;
    color:#FFF;
    margin:5px;
    border:0px;
}

/*
 * produktmap
 */
#produktmap ul,
#produktmap li{
	list-style-type:none;
}
#produktmap h3{
	margin:0px;
	padding:0px;
}
#produktmap ul{
	margin-top:0px;
	margin-bottom:20px;
}
#produktmap a{
	
}