/***********************************************************************
1 - MAIN
************************************************************************/

body {
	color: #7F7F7F;
	background-color:#E9E9E9;
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;
	font-size: 63%;
	line-height: 1.6em;
	margin-top: 15px;
	margin-bottom: 16px;
	margin-left: 0;
}


p,li {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #000000}
p.klein {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; font-style: normal; font-weight: normal; color: #000000}
h1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; color: #000000} 
h2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #000000}
h3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #000000}
h4 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; font-style: normal; font-weight: bold; color: #000000}
h5 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7px; font-style: normal; font-weight: bold; color: #000000}
h6 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 6px; font-style: normal; font-weight: bold; color: #000000}

a, a:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #000066; text-decoration: underline}
a:hover {color: #FE860C;}

a.breadcrumb { font-size: 10px; font-weight: normal; text-decoration: underline}
a.breadcrumb:hover {color: #FE860C;}

a.stoff {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #000000; text-decoration: none}

a.prodausw { 
font-size: 11px;
text-decoration: underline}
a.prodausw:hover {color: #FE860C;}

form { padding-bottom: 12px; margin: 0px;}
input, option { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #000000;}
select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #000000; background-color:#FFFFFF;}
textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #000000; background-color:#FFFFFF;}
input.submit { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #000000; background-color:#FFFFFF;}
.error { color:red; font-weight: bold; }



/***********************************************************************
2 - STRUCTURE
************************************************************************/

.page {
	background: #FFF url("img/bg_content.gif") repeat-y;
	margin: auto;
	width: 1000px;
	word-wrap:break-word;
}

.header {
	width: 1000px;
	height: 155px;
	background-color: transparent;
	background-image: url(img/bg_header.gif);
	background-repeat: repeat-x;
}

.slogan {
	position: absolute;
	height: 70px;
	width: 740px;
	margin: 0px 10px 0 250px;
}
.slogan h6 {
	color: #FB871F;
	font-size: 24px;
	font-weight: normal;
	padding: 0;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 7px;
}
.slogan p {
	color: #7F7F7F;
	font-weight: normal;
	padding: 0;
	margin-top: 5px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 7px;
}
.tel h1
{
	color: #FB871F;
	font-size: 24px;
	font-weight: normal;
	padding: 0;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 7px;
}

.tel p
{
	color: #7F7F7F;
	font-weight: normal;
	padding: 0;
	margin-top: 5px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 7px;
}



.logo {
	width: 198px;
	height: 125px;
	background: transparent url("img/logo.gif") no-repeat;
	float: left;
	margin-top: 8px;
	margin-right: 6px;
	margin-bottom: 10px;
	margin-left: 25px;
	display:inline;
}
.logo a {
	display: block;
	width: 198px;
	height: 123px;
	overflow:hidden;
	text-indent: -9999px;
}

.menu {
	width: 740px;
	float: left;
	margin: 89px 0 0 28px;
}

.menu ul {
	height: 36px;
	width: 740px;
	background: transparent url("img/bg_navitop.gif") repeat-x 0 5px;
	margin: 0px;
	padding: 0px;
}

.menu ul li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 12px 10px 0 10px;
	font-size: 1.2em; 
	color: #604937;
	font-weight: bold;
}
.menu ul li a, #menu ul li a:visited {
	text-decoration: underline;
	color: #604937;

}
.menu ul li a:hover {
	color: #FE860C;
	text-decoration: underline;
}

.menu ul li.on {
	padding: 12px 12px 0 12px;
	height: 23px;
	color: #FE860C;
	background-color:#FFFFCC;
	border: 1px dotted #FFCC00;
	border-bottom: 1px solid #FF9900;
}

.mainc {
	width: 960px;
	border-bottom: 3px solid #D5D5D5;
	padding: 0;
	margin: 0;
	word-wrap:break-word;
}

.navileft {
	width: 190px;
	float: left;
	padding: 0 10px 10px 28px;
}
.content {
	padding: 10px 10px 10px 20px;	
}

.navileft h2 {
	display: block;
	height: 23px;
	width: 174px;
	background: transparent url("img/bg_navileft.gif") repeat-x 0 0;
	padding: 8px 8px 0 8px;
	margin: 0;
	font-size: 1.1em; 
	color: #FE860C;
	font-weight: bold;
}
.navileft ul {
	margin: 0 0 30px 0;
	padding: 0;
}

.navileft ul li {
	list-style: none;
	color: #666;
	border-bottom: 1px solid #ccc;
	padding: 10px 8px 10px 8px;
}
.navileft a, #navileft a:visited {
	color: #797979;
	font-size: 1.3em;
	letter-spacing: -0.06em; 
	font-weight: normal; 
	text-decoration: none;
}
.navileft a:hover {
	color: #333; 
	text-decoration: underline;
}


.padleft {
	padding-left: 10px;
}



table.rightbox {
	border-width: 0px 0px 0px 0px;
	
	border-style: none none none none;
	border-collapse: collapse;
	background-color: #FFFF99;
}
table.rightbox td {
	border-width: 2px 0px 2px 0px;
	padding: 4px 4px 4px 4px;
	border-style: none none solid none;
	border-color: white white white white;
	background-color: #FFFF99;
}

table.tbtest td {
	border: 1px dotted #ccc;
	padding: 4px 4px 2px 4px;
	background-color: #FFFFCC;
	
}
table.tbtest {
	border-collapse: separate;
	border-width: 4px 4px 0px 0px;
	border-color: #fff;
	border-style: solid;
}

table.tbstoff td {
	border: 1px #ccc;
	padding: 4px 4px 2px 4px;

}
table.tbstoff {
	border-collapse: separate;
	border-width: 4px 4px 0px 0px;
	border-color: #fff;
	border-style: solid;
	border: 1px solid #ccc;
}

table.leftmen td {
	padding: 4px 4px 4px 4px;
	text-align: center;
	width: 50%;
	
}
table.leftmen {
	font-size: 1.0em;
	margin-top: 12px;
	width: 100%;
}

table.navistoff td {
	padding: 4px 0px 4px 0px;
	text-align: left;
	width: 50%;
}
table.navistoff {
	margin-top: 5px;
	margin-bottom: 15px;
	width: 100%;
}