BODY {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:1.3;
	margin:0px;
	padding:0px;
	color:#000000;
	background-color:#FFFFFF;
	background:URL(./img/DR-Logo_hintergrund_web.jpg) no-repeat center top;
	background-attachment:fixed;
}

DIV#main{
	margin:0 auto;
	width:950px;
	min-height:500px;
}

DIV#mainPage{
	margin:0 auto;
	margin-top:10px;
	width:735px;
	min-height:500px;
}

*.f_red{
	color:#FF6600;
}

/* HEADER-START */

DIV#header{
	width:950px;
	height:170px;
	margin:0 auto;
	margin-top:40px;
}

DIV#leftTopAngle{
	float:left;
	background:URL(./img/top_left.jpg) no-repeat left top;
	width:270px;
	height:31px;
}

/* DR-LOGO */
DIV#leftTopAngle img{
	margin-top:-25px;
}

DIV#rightTopAngle{
	float:right;
	background:URL(./img/top_right.jpg) no-repeat left top;
	width:180px;
	height:31px;
}

/* Login Button */
DIV#rightTopAngle img{
	margin-top:-22px;
	margin-left:20px;
}


DIV#headerNav .pipe{
	border-left:#000000 solid 1px;
}

DIV#headerNav ul{
	list-style:none;
	float:right;
	margin-top:-20px;
}

DIV#headerNav ul li{
	float:left;
}

DIV#headerNav ul li a{
	text-decoration:none;
	padding:0px 7px 0px 7px;
	color:#000000;
}


DIV#headerText{
	float:left;
	height:20px;
	width:700px;
	margin-top:40px;
	color:#FFFFFF;
	padding-left:50px;
	font-weight:bold;
	font-size:17px;
}

DIV#headerText p{
	float:left;
	height:20px;
	width:700px;
	margin-top:10px;
	color:#FFFFFF;
	padding-left:300px;
	font-weight:bold;
	font-size:17px;
}

/* HEADER-END */




/* MAIN-NAV START */

DIV#mainNav{
	position:inherit;
	width:739px;
	background:URL(./img/content_nav.gif) no-repeat left top;
	height:23px;
	float:left;
	font-size:14px;
}

DIV#mainNav .pipe{
	border-left:#99CC33 solid 1px;
}

DIV#mainNav ul{
	list-style:none;
	float:left;
	margin:0px;
	padding:0px;
}

DIV#mainNav ul li{
	float:left;
}

DIV#mainNav ul li a{
	text-decoration:none;
	color:#555555;
	padding:0 17px 0 17px;
	font-weight:bold;
	line-height:23px;
}

/* MAIN-NAV END */


/* FEATURES-BOX START */

DIV#featuresBox{
	float:left;
	width:196px;
	height:auto;
	margin-top:-23px;
	margin-left:2px;
	background-color:#FFFFFF;
}

DIV#featuresBox p{
	border-bottom:#99CCFF 2px solid;
	background-color:#DFE9FD;
	color:#000000;
	margin:0px;
	padding:8px;
}

DIV#featuresBox table{
	border-bottom:#FFFFFF 1px solid;
	background-color:#DFE9FD;
	color:#000000;
	margin:0px;
	margin-bottom:2px;
	padding:8px;
	border:1px solid #666666; 
	-moz-border-radius:8px; 
	-khtml-border-radius:8px; 
	-webkit-border-radius:8px; 
	border-radius:8px; 
	-moz-box-shadow: 4px 4px 10px #666; 
	-khtml-box-shadow: 4px 4px 10px #666; 
	-webkit-box-shadow: 4px 4px 10px #666; 
	box-shadow: 4px 4px 10px #666;
}

DIV#featuresBox table table{
	border-bottom:0px;
	background-color:#DFE9FD;
	color:#000000;
	margin:0px;
	padding:0px;
	border:0px; 
	-moz-border-radius:0px; 
	-khtml-border-radius:0px; 
	-webkit-border-radius:0px; 
	border-radius:0px; 
	-moz-box-shadow: 0px 0px 0px #666; 
	-khtml-box-shadow: 0px 0px 0px #666; 
	-webkit-box-shadow: 0px 0px 0px #666; 
	box-shadow: 0px 0px 0px #666;
}

DIV#featuresBox h1{
	font-size:12px;
	font-weight:bold;
	margin:0;
}

DIV#featuresBox a{
	text-decoration:none;
}

/* FEATURES-BOX END */

/* MAIN-CONTENT START */

DIV#mainContent{
	float:left;
	width:700px;
	min-height:400px;
	border-left:1px #99CC33 solid;
	border-right:1px #99CC33 solid;
	padding-left:15px;
	padding-right:15px;
	background-color:#FFFFFF;
}

DIV#mainContent h1{
	font-size:16px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}

DIV#mainContent h2{
	font-size:14px;
	font-weight:bold;
}

DIV#mainContent li{
	margin-top:0px;
	margin-bottom:0px;
}

DIV#mainContent li h2{
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:0px;
}

DIV#mainContent select{
	font-size:12px;
}

DIV#mainContent input{
	font-size:12px;
}

DIV#mainContentBottom{
	clear:left;
	background:URL(./img/content_bottom_bg.jpg) no-repeat left top;
	height:4px;
	width:732px;
	position:inherit;
}
/* MAIN-CONTENT END */


/* Boxen Start */

 /* Orange-Box START*/
DIV#mainBoxOrange{
	width:339px;
	min-height:50px;
	margin:0px;
	-moz-box-shadow: 4px 4px 10px #666;
	-khtml-box-shadow: 4px 4px 10px #666;
	-webkit-box-shadow: 4px 4px 10px #666;
	box-shadow: 4px 4px 10px #666;
}

DIV#mainBoxOrange h1{
	font-size:13px;
	background:URL(./img/box_header_orange.gif) no-repeat left top;
	height:22px;
	line-height:22px;
	color:#333333;
	padding-left:10px;
	margin:0px;
}

DIV#mainBoxOrange p{
	border-left:#FF6600 solid 1px;
	border-right:#FF6600 solid 1px;
	min-height:70px;
	margin:0px;
	padding:5px;
}

DIV#mainBoxOrange table{
	border-left:#FF6600 solid 1px;
	border-right:#FF6600 solid 1px;
	min-height:70px;
	margin:0px;
	padding:5px;
}

DIV#mainBoxOrange DIV#boxBottomOrange {
	background:URL(./img/box_bottom_orange.jpg) no-repeat left top;
	height:2px;
}

DIV#mainBoxOrange a{
	text-decoration:none;
}

 /* Orange-Box END*/

 /* Green-Box START*/
DIV#mainBoxGreen{
	width:339px;
	min-height:50px;
	margin:0px;
	-moz-box-shadow: 4px 4px 10px #666;
	-khtml-box-shadow: 4px 4px 10px #666;
	-webkit-box-shadow: 4px 4px 10px #666;
	box-shadow: 4px 4px 10px #666;
}

DIV#mainBoxGreen h1{
	font-size:13px;
	background:URL(./img/box_header_green.gif) no-repeat left top;
	height:22px;
	line-height:22px;
	color:#333333;
	padding-left:10px;
	margin:0px;
}

DIV#mainBoxGreen p{
	border-left:#99CC33 solid 1px;
	border-right:#99CC33 solid 1px;
	min-height:70px;
	margin:0px;
	padding:5px;
}

DIV#mainBoxGreen table{
	border-left:#99CC33 solid 1px;
	border-right:#99CC33 solid 1px;
	min-height:70px;
	margin:0px;
	padding:5px;
}

DIV#mainBoxGreen DIV#boxBottomGreen {
	background:URL(./img/box_bottom_green.jpg) no-repeat left top;
	height:2px;
}

DIV#mainBoxGreen a{
	text-decoration:none;
}

 /* Green-Box END*/

 /* Blue-Box START*/
DIV#mainBoxBlue{
	width:339px;
	min-height:50px;
	margin:0px;
	-moz-box-shadow: 4px 4px 10px #666;
	-khtml-box-shadow: 4px 4px 10px #666;
	-webkit-box-shadow: 4px 4px 10px #666;
	box-shadow: 4px 4px 10px #666;
}

DIV#mainBoxBlue h1{
	font-size:13px;
	background:URL(./img/box_header_blue.gif) no-repeat left top;
	height:22px;
	line-height:22px;
	color:#333333;
	padding-left:10px;
	margin:0px;
}

DIV#mainBoxBlue p{
	border-left:#5CADFF solid 1px;
	border-right:#5CADFF solid 1px;
	min-height:70px;
	margin:0px;
	padding:5px;
}

DIV#mainBoxBlue table{
	border-left:#5CADFF solid 1px;
	border-right:#5CADFF solid 1px;
	min-height:70px;
	margin:0px;
	padding:5px;
}

DIV#mainBoxBlue DIV#boxBottomBlue {
	background:URL(./img/box_bottom_blue.jpg) no-repeat left top;
	height:2px;
}

DIV#mainBoxBlue a{
	text-decoration:none;
}

 /* Blue-Box END*/


 /* Tarif-Box START*/
DIV#mainBoxTarif{
	width:688px;
	min-height:50px;
	margin:0px;
	-moz-box-shadow: 4px 4px 10px #666;
	-khtml-box-shadow: 4px 4px 10px #666;
	-webkit-box-shadow: 4px 4px 10px #666;
	box-shadow: 4px 4px 10px #666;
}

DIV#mainBoxTarif h1{
	font-size:13px;
	background:URL(./img/box_header_tarif.gif) no-repeat left top;
	height:22px;
	line-height:22px;
	color:#333333;
	padding-left:10px;
	margin:0px;
}

DIV#mainBoxTarif p{
	border-left:#5CADFF solid 1px;
	border-right:#5CADFF solid 1px;
	min-height:70px;
	margin:0px;
	padding:5px;
}

DIV#mainBoxTarif table{
	border-left:#5CADFF solid 1px;
	border-right:#5CADFF solid 1px;
	background-color:#FFFFFF;
	min-height:70px;
	margin:0px;
	padding:5px;
}

DIV#mainBoxTarif DIV#boxBottomTarif {
	background:URL(./img/box_bottom_tarif.jpg) no-repeat left top;
	height:2px;
}

DIV#mainBoxTarif a{
	text-decoration:none;
}

 /* Tarif-Box END*/


/* Boxen End */


/* FOOTER START */

DIV#footer{
	clear:left;
	margin:0 auto;
    height:20px;
	width:950px;
	text-align:center;
	color:#666666;
}

DIV#footer .pipe{
	border-left:#666666 solid 1px;
}

DIV#footer ul{
	list-style:none;
	margin:0px;
	padding:0px;
	margin-left:130px;
}

DIV#footer ul li{
	float:left;
	line-height:23px;
}

DIV#footer ul li a{
	text-decoration:none;
	color:#666666;
	padding:0 7px 0 7px;

}

/* FOOTER END */

/* BUTTON START */

#ButtonGreen{
	padding-top:0px;
        padding-bottom:0px;
        padding-left:3px;
        padding-right:3px;
        background-color:#00FF00;
        font-weight: bold;
        text-decoration: none;
        font-size: 12px;
	background:url(img/green_button.jpg);
        margin-right: 10px;
        margin-top: 5px;
        margin-left: 5px;
        margin-bottom: 10px;
        font-family: sans-serif;
        color: #FFFFFF;
        border-top:0px;
        border-bottom:0px;
        border-left:0px;
        border-right:0px;
        border-style:solid;
        width:78px;
	height:24px;
	cursor:pointer;
}

#ButtonGreenHover{
	padding-top:0px;
        padding-bottom:0px;
        padding-left:3px;
        padding-right:3px;
        background-color:#00FF00;
        font-weight: bold;
        text-decoration: none;
        font-size: 12px;
	background:url(img/green_button_hover.jpg);
        margin-right: 10px;
        margin-top: 5px;
        margin-left: 5px;
        margin-bottom: 10px;
        font-family: sans-serif;
        color: #FFFFFF;
        border-top:0px;
        border-bottom:0px;
        border-left:0px;
        border-right:0px;
        border-style:solid;
        width:78px;
	height:24px;
	cursor:pointer;
}

#ButtonOrange{
	padding-top:0px;
        padding-bottom:0px;
        padding-left:3px;
        padding-right:3px;
        background-color:#00FF00;
        font-weight: bold;
        text-decoration: none;
        font-size: 12px;
	background:url(img/orange_button.jpg);
        margin-right: 10px;
        margin-top: 5px;
        margin-left: 5px;
        margin-bottom: 10px;
        font-family: sans-serif;
        color: #FFFFFF;
        border-top:0px;
        border-bottom:0px;
        border-left:0px;
        border-right:0px;
        border-style:solid;
        width:78px;
	height:24px;
	cursor:pointer;
}

#ButtonOrangeHover{
	padding-top:0px;
        padding-bottom:0px;
        padding-left:3px;
        padding-right:3px;
        background-color:#00FF00;
        font-weight: bold;
        text-decoration: none;
        font-size: 12px;
	background:url(img/orange_button_hover.jpg);
        margin-right: 10px;
        margin-top: 5px;
        margin-left: 5px;
        margin-bottom: 10px;
        font-family: sans-serif;
        color: #FFFFFF;
        border-top:0px;
        border-bottom:0px;
        border-left:0px;
        border-right:0px;
        border-style:solid;
        width:78px;
	height:24px;
	cursor:pointer;
}

#ButtonBlue{
	padding-top:0px;
        padding-bottom:0px;
        padding-left:3px;
        padding-right:3px;
        background-color:#00FF00;
        font-weight: bold;
        text-decoration: none;
        font-size: 12px;
	background:url(img/blue_button.gif);
        margin-right: 10px;
        margin-top: 5px;
        margin-left: 5px;
        margin-bottom: 10px;
        font-family: sans-serif;
        color: #FFFFFF;
        border-top:0px;
        border-bottom:0px;
        border-left:0px;
        border-right:0px;
        border-style:solid;
        width:78px;
	height:24px;
	cursor:pointer;
}

#ButtonBlueHover{
	padding-top:0px;
        padding-bottom:0px;
        padding-left:3px;
        padding-right:3px;
        background-color:#00FF00;
        font-weight: bold;
        text-decoration: none;
        font-size: 12px;
	background:url(img/blue_button_hover.gif);
        margin-right: 10px;
        margin-top: 5px;
        margin-left: 5px;
        margin-bottom: 10px;
        font-family: sans-serif;
        color: #FFFFFF;
        border-top:0px;
        border-bottom:0px;
        border-left:0px;
        border-right:0px;
        border-style:solid;
        width:78px;
	height:24px;
	cursor:pointer;
}

/* BUTTON END */


/* SLIDER */

/* Größe des Mittleren Fensters */
#carousel-wrapper {
    width: 300px;
    height: 260px;
    overflow: hidden;
}
/* Gesamte Breite aller Inhalte im Slider (kann man eine sehr hohe Zahl an geben das JavaScript erkennt das Ende des Div Layers*/
#carousel-content {
    width: 10000px;
}

/*  Der Layer für die einzelnden Produkte */
#carousel-content .slide {
    float: left;
    width: auto;
    max-height: auto;
    padding:5px;
}

/* Die Gesamtbreite mit Button Links und Rechts */
.slider
{
	width: 330px;
}

/* Linker Button */
.slider a#slider-control-left {
background-color:#ECF5DA !important;
float:left;
font-size:36px;
height:260px;
line-height:240px;
text-align:center;
text-decoration:none;
width:10px;
color:#99CC33 !important;
}

/* rechter Button  */
.slider a#slider-control-right {
background-color:#ECF5DA !important;
float:left;
font-size:36px;
height:260px;
line-height:240px;
text-align:center;
text-decoration:none;
width:10px;
float:right;
color:#99CC33 !important;
}

/* SLIDER END */