﻿*{
    padding:0;
    margin:0;
    border:0;
}
html, body 
{
    /*height: 100%;*/ /* wichtig */
    font:12px Verdana, Arial, sans-serif;
    color:black;
    background:#DCDCDC;
    text-align:center;
}
form
{
    background-image: url(Images/bg_header.gif);
    background-repeat: repeat-x;
    /*height: 100%;*/ /* wichtig */
    font:12px Verdana, Arial, sans-serif;
    color:black;
    /*background:#DCDCDC;*/
    text-align:center;
}
hr
{
	border-top:1px solid #AEAEAE;
	border-bottom:0px solid #fff;
	height:1px;
	padding-bottom:10px;
}
fieldset label 
{
    float: left;
    width: 100px;
    display: block;
	line-height: 22px;
}
fieldset .input1 
{
	border: 1px solid #AEAEAE;
	width:250px;
}
fieldset .textarea1
{
	border: 1px solid #AEAEAE;
	width:350px;
	height:100px;
}
.clear
{
	clear:both;
	height:0;
	border:0;
	width:100%;
}
.left1
{
    float: left;
    width: 100px;
    display: block;
	color:#EF7900;
	line-height: 1.5em;
}
a
{
	color:#EF7900;
	text-decoration:none;
}
a:hover
{
	color:#5E5E5E;
	text-decoration:underline;
}
.small
{
	font-size:10px;
}
#header
{
    /*padding-left:20px;*/
    height:206px;
    /*font-size:20px;
    text-transform:uppercase;
    background:#ccc;
    line-height: 60px;*/
    background-image: url(Images/bg_header.gif);
    background-repeat: repeat-x;
    font:11px Verdana, Arial, sans-serif;
}
#header #navi
{
	height: 92px;
    background-image: url(Images/bg_navi.png);
    background-repeat: no-repeat;
    text-transform:uppercase;
}
#header #navi ul
{
	position:absolute;
	left:378px;
	top:46px;
}
#header #navi ul li
{
	list-style-type:none;
	float:left;
	width:100px;
	height:13px;
	border: 1px solid #AEAEAE;
	margin-right:17px;
	background-color:#5E5E5E;
	text-align:center;
	line-height:13px;
}
#header #navi ul li a
{
	color:#fff;
	text-decoration:none;
	display:block;
}
#header #navi ul li:hover
{
	border: 1px solid #989898;
	background-color:#313131;
	cursor:pointer;
}
.active
{
	background-color:#313131;
	cursor:pointer;
}
#header #products
{
	height:98px;
	text-align:center;
}
#header #products img
{
	margin: 0 10px;
	padding: 0 12px;
}
#header #products .black:hover
{
	background-color: #EF7900;
}
#header #products .orange:hover
{
	background-color: #5E5E5E;
}
#header #breadcrumbs
{
    background-image: url(Images/bg_content.gif);
    background-repeat: repeat-x;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
	height:18px;
	line-height:18px;
	font-size:10px;
	padding-left:10px;
	text-align: left;
}
#header #breadcrumbs a
{
	color:#000;
	text-decoration:none;
}
#header #breadcrumbs a:hover
{
	color:#EF7900;
	text-decoration:underline;
}
.language
{
	position: absolute;
	left: 913px;
	top: 18px;
	color: #DCDCDC;
	font-size: 10px;
}
#box
{
    position: relative;
    min-height:500px;
    height: auto !Important;
    height: 500px;
    width:1001px;
    margin:0 auto;
    /*text-align:justify;*/
    background:#fff;
}

#content 
{
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
.badge
{
	position: absolute;
	left: 230px;
	top: 250px;
	z-index: 1;
}
#contentImage
{
	float:left;
	position:relative;
	left:40px;
	top:90px;
	width:325px;
	/*text-align:center;*/
    margin-bottom:150px!Important;
    margin-bottom:100px;
    /*min-height:400px;
    height:auto !Important;*/
}
#contentMain
{
	position:relative;
	left:10px;
	top:20px;
	float:left;
	width:600px;
    margin-bottom:75px!Important;
    margin-bottom:55px;
    min-height:320px;
    height:auto !Important;
    height:320px;
}
#contentBox
{
	float:left;
    position: relative;
	margin-left:45px;
	margin-top:30px;
	padding-left:20px;
	/*padding-right:20px;*/
	margin-bottom:0px;
	border-left: 2px solid #EF7900;
	width: 540px;
    text-align: left;
}
.rightImg
{
	float:right;
	padding: 0 0px 20px 55px;
}
.space
{
	display:block;
	margin-bottom:20px;
	border-left: 2px solid #000 !Important;
}
#content b
{
	font-weight:bold;
	color:#EF7900;
}
#contentBox p, td, ul
{
	/*padding: 1em 0;*/
	margin-bottom:20px;
	line-height: 1.5em;
}
#contentBox ul
{
	list-style-image: url(Images/ul.png);
}
#contentBox p.last, #contentBox ul.last
{
	/*padding: 1em 0;*/
	margin-bottom:0px;
	line-height: 1.5em;
}
#contentBox ul li
{
	list-style-position:outside;
	margin-left:30px;
}
#contentBox table.kontakt 
{
	position:relative;
	margin-left:100px;
	/*padding: 1em 0;*/
}
#footer 
{
    margin:0 auto;
	padding-top:20px;
    width: 1001px;
    background:#fff;
    background-image: url(Images/bg_footer.gif);
    background-repeat: repeat-x;
    position: relative;
    height: 75px;
    /*line-height: 24px;
    text-align:center;*/
    border: 1px solid #fff;
    font-size:10px;
    /*text-transform:uppercase;*/
	color: #5E5E5E;
}
#footer div.foot
{
	float:left;
	width:100px;
	padding-left:20px;
	color: #000;
	text-decoration:none;
	line-height: 20px;
}
#footer a
{
	color: #5E5E5E;
	text-decoration:none;
}
#footer a:hover
{
	color:#EF7900;
	text-decoration:underline;
}
#title
{
	position:relative;
	float:left;
}
#lefttitle
{
	float:left;
	font-size:22px;
}
#righttitle
{
	float:left;
	font-size:22px;
}
#lefttitle
{
    font-family: Arial, Helvetica, sans-serif;
	position:relative;
	font-size:30px;
	line-height:30px;
	padding: 0 0 0 0;
	margin:0px;
	color: #5E5E5E;
}
#righttitle
{
    font-family: Arial, Helvetica, sans-serif;
	position:relative;
	font-size:30px;
	line-height:30px;
	padding: 5px 0 0 0;
	margin:0px;
	color: #5E5E5E;
}
.sIFR-hasFlash #lefttitle 
{
	visibility: hidden;
}
.sIFR-hasFlash #righttitle 
{
	visibility: hidden;
}

.sIFR-flash 
{
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced 
{
	visibility: visible !important;
}

span.sIFR-alternate 
{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.modalBackground 
{
	background-color:Black;
	filter:alpha(opacity=50);
	opacity:0.5;
}

.modalPopup 
{
	width:650px;
	height:470px;
	background-color:#fff;
	border-width:2px;
	border-style:solid;
	border-color:#fff;
	text-align:left;
	
	/*background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;*/
}
.modalPopup .popHeader
{
	height: 90px;
    background-image: url(Images/bg_navi.png);
    background-repeat: no-repeat;
}
.modalPopup .popContent
{
	position:relative;
	margin: 20px 0 20px 0;
	padding:0 20px 0 20px;
    text-align: left;
	/*text-align:justify;*/
	height:300px;
	overflow:auto;
}
.modalPopup .popContent h5
{
	text-align:left;
}
.modalPopup .popContent ol
{
	list-style-position:outside;
	margin-left:30px;
}
.modalPopup .popContent ol
{
	line-height: 1.5em;
}

.buttonLeft a
{
	margin-right:10px;
	background-image: url(Images/btn_left.png);
	background-repeat:no-repeat;
	background-position:left top;
	float: left;
	display:block;
	padding-left:10px;
	cursor:pointer;
}
.buttonLeft a span
{
	float: left;
	display: block;
	background: url(Images/btn_left-right.png);
	background-repeat:no-repeat;
	background-position:right top;
	height:18px;
	line-height:18px;
	color:#fff;
	padding-right:47px;
	text-transform:uppercase;
	cursor:pointer;
}
.buttonRight a
{
	background-image: url(Images/btn_left.png);
	background-repeat:no-repeat;
	background-position:left top;
	float: left;
	display:block;
	padding-left:10px;
	cursor:pointer;
}
.buttonRight a span
{
	float: left;
	display: block;
	background: url(Images/btn_right-right.png);
	background-repeat:no-repeat;
	background-position:right top;
	height:18px;
	line-height:18px;
	color:#fff;
	padding-right:47px;
	text-transform:uppercase;
	cursor:pointer;
}
.buttonTop 
{
	float:right;
}
.buttonTop a
{
	background-image: url(Images/btn_left.png);
	background-repeat:no-repeat;
	background-position:left top;
	float: left;
	display:block;
	padding-left:10px;
	cursor:pointer;
}
.buttonTop a span
{
	float: left;
	display: block;
	background: url(Images/btn_top-right.png);
	background-repeat:no-repeat;
	background-position:right top;
	height:18px;
	line-height:18px;
	color:#fff;
	padding-right:47px;
	text-transform:uppercase;
	cursor:pointer;
}
.buttonLeft2 
{
	padding-left:20px;
}
.buttonLeft2 a
{
	background-image: url(Images/btn_left.png);
	background-repeat:no-repeat;
	background-position:left top;
	float: left;
	display:block;
	padding-left:10px;
	cursor:pointer;
}
.buttonLeft2 a span
{
	float: left;
	display: block;
	background: url(Images/btn_left-right.png);
	background-repeat:no-repeat;
	background-position:right top;
	height:18px;
	line-height:18px;
	color:#fff;
	padding-right:47px;
	text-transform:uppercase;
	cursor:pointer;
}
.buttonLeft2 a:hover
{
	text-decoration: none;
}
.productList
{
	margin-top: 10px;
	position:relative;
	float:left;
	display:block;
	width:340px;
	line-height:18px;
	margin-bottom:15px;
	margin-bottom:0px;
}
.productList2
{
	position:relative;
	float:left;
	display:block;
	width:100%;
	line-height:18px;
	margin-bottom:15px;
}
.productListLast
{
	position:relative;
	float:left;
	display:block;
	width:320px;
	line-height:18px;
}
.buttonGo 
{
	float:right;
}
.buttonGo a
{
	background-image: url(Images/btn_left.png);
	background-repeat:no-repeat;
	background-position:left top;
	float: left;
	display:block;
	padding-left:10px;
	cursor:pointer;
}
.buttonGo a span
{
	float: left;
	display: block;
	background: url(Images/btn_right-right.png);
	background-repeat:no-repeat;
	background-position:right top;
	height:18px;
	line-height:18px;
	color:#fff;
	padding-right:47px;
	text-transform:uppercase;
	cursor:pointer;
}
.buttonDown a
{
	background-image: url(Images/btn_left.png);
	background-repeat:no-repeat;
	background-position:left top;
	float: left;
	display:block;
	padding-left:10px;
	cursor:pointer;
}
.buttonDown a span
{
	float: left;
	display: block;
	background: url(Images/btn_right-right.png);
	background-repeat:no-repeat;
	background-position:right top;
	height:18px;
	line-height:18px;
	color:#fff;
	padding-right:47px;
	text-transform:uppercase;
	cursor:pointer;
}

.buttonDown a:hover, .buttonGo a:hover
{
	text-decoration: none;
}
