@charset "utf-8";
/* CSS Document */



a{
text-decoration:none;
}

li{
list-style-type:none;
}

body { 
color: white; 
font-size: 11px; 
/*font-family: Helvetica, Arial, sans-serif;*/
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
background-image:url(../gfx/bck_gr.gif); 


text-align: center; 
margin: 0 ; 
padding: 1em 0 
}

#main{
width: 800px;
margin: 0 auto;
text-align:left;


}

#mainside{
width: 800px;
margin: 0 auto;
text-align:left;


}


#logo{
float: left;
color: black; 
font-size: 10px; 
line-height: 0; 
background-color: white; 
letter-spacing: 1px; 
margin-top: 1em; 
margin-right: 0; 
padding: 0.5em; 
border: solid 1px silver; 
width: 610px    
}

#telefon{
	background-image: url(../gfx/telefon-bg.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
	padding-top: 20px;
	padding-left: 5px;
	width: 165px;
	height: 55px;
	float: right;
}


#header-menu{
margin-top:14px;
width:800px;
}

#content{
margin-top:14px;
background-color:#3a3a3a;
width:790px;
padding:5px;
border:solid 1px #999999;
}

#content-left{
padding:5px;
width:510px;
float:left;
}


#content-right{
padding:5px;
border-left:solid 1px #999999;
width:253px;
float:left;
}

#footer{
margin-top:14px;
clear:both;
}

div#Fusszeile            { color: white; font-weight: normal; font-size: 11px; text-align: center; letter-spacing: 1px; clear: both; margin-top: 15px; margin-right: auto; margin-left: auto; border: none; bottom: 0; width: 800px }

div#Fusszeile a { color: white; font-size: 11px; text-decoration: none; letter-spacing: 1px; margin-right: 15px; margin-bottom: 15px }

div#Fusszeile a:hover { color: #6cf; font-size: 11px; text-decoration: underline; letter-spacing: 1px; margin-right: 15px; margin-bottom: 15px }



.clear{
clear:both;
}











.active a{
	color: #FF0000;
}

.active a:hover{
	color: #FF0000;
}

.active a:active{
	color: #FF0000;
}



/************************** ANGEBOTE RECHTS *******************/

div.angebote-rechts-bild       { float: left; margin-top: 10px; width: 50px; height: 50px }

.angebote-rechts  h3{padding:0; margin:0; font-size:11px;}
div.angebote-rechts             { clear:both; color: #66ccff; font-size: 11px; margin-bottom: 2em; margin-left: 0em; border-bottom: 1px solid #999; border-left: none silver; width: 230px }

div.angebote-rechts p  { color: white; font-style: normal; font-size: 9px; margin-top: 10px; padding-left: 55px }
.angebote-rechts p {padding:0 0 0 55px; font-size:10px;}

/*

#info{
height: inherit;
overflow-x: hidden; 
overflow-y: scroll;
height:820px;
}

*/

div.angebote-rechts a:link {color: #66ccff; font-size:11px; text-decoration: none}
div.angebote-rechts a:visited {color: #66ccff; font-size:11px; text-decoration: none}
div.angebote-rechts a:hover {color: #66ccff; font-size:11px; text-decoration: underline}

div#content-right a:link {color: #66ccff; font-size:11px; text-decoration: none}
div#content-right a:visited {color: #66ccff; font-size:11px; text-decoration: none}
div#content-right a:hover {color: #66ccff; font-size:11px; text-decoration: underline}


/************************ ANGEBOTE MENU *****************/
.menu-mit-bilder{
float:left;
padding-left:20px;
height:100%;
}


#menu-angebot h2{
font-size: 13px;
color:#66ccff;
text-transform:uppercase;
}

#menu-angebot1 h2{
font-size: 13px;
color:#66ccff;
text-transform:uppercase;
}

#menu-angebot2 h2{
font-size: 13px;
color:#66ccff;
text-transform:uppercase;
}

#menu-angebot3 h2{
font-size: 13px;
color:#66ccff;
text-transform:uppercase;
}

#menu-angebot4 h2{
font-size: 13px;
color:#66ccff;
text-transform:uppercase;
}

#menu-angebot5 h2{
font-size: 13px;
color:#66ccff;
text-transform:uppercase;
}


.navigation-bilder-produkte {
position: absolute;
left: 0;
top: 0;
width: 149px;
border: 1px solid #999999;
}
.menu-produkte {
position:relative;
float: left;
width: 149px;
margin-top: 0px;
background-color:#ffffff;

}


.navibilder-abstand{
padding-top:180px;

}

* html .navibilder-abstand{
padding-top:80px;

}

*+html .navibilder-abstand{
padding-top:80px;

}

.navibilder {
float: left;
width: 18px;
padding: 0;
margin:0px 0px 0px 0px;

}


* html .navibilder{


}


.navibilder a {
display: block;
font: bold 12px Arial, Helvetica, sans-serif;
text-align: right;
text-decoration: none;
border: 1px solid #999999;
border-left:none;
border-bottom:none;

height: 20px;
color:#66ccff;
text-align:center;
}


.navibilder a:hover {
background-color:#66ccff;
color:#3a3a3a;
}

.navibilder a .showcase {
display: none;
}
.navibilder a:hover .showcase {
position: absolute;
top: 0px;
left: 0px;
display: block;
width: 149px;
background: transparent;


}
img{
border:0px;
}



/************* CATEGORY MENU ***************/
.category-menu-main{
color:#66ccff;
float:left;
padding:0px;
margin:0px 10px 15px 5px;

}

.category-menu-main a{
color:#66ccff;


}

.category-menu{
border: solid 1px #999999;
}

.category-menu-link{
font-size:11px;
padding:5px;
}

.category-menu-header{
font-weight:bold;
}


/************** Katalog anfordern ***********/

.katalog-anfordern{
padding-top:20px;
}

.kataloganforden hr{
padding:20px;
}

.katalog, .e-mail-katalog{
float:left;
text-align:center;
width:200px;
}


div.katalog a:link {color: #66ccff; font-size: 12px; text-decoration: none}
div.katalog a:visited {color: #66ccff; font-size: 12px; text-decoration: none}
div.katalog a:hover {color: #66ccff; font-size: 12px; text-decoration: underline}

div.e-mail-katalog a:link {color: #66ccff; font-size: 12px; text-decoration: none}
div.e-mail-katalog a:visited {color: #66ccff; font-size: 12px; text-decoration: none}
div.e-mail-katalog a:hover {color: #66ccff; font-size: 12px; text-decoration: underline}



/************ GALLERY ***************************/

.tx-rgsmoothgallery-pi1 {
  background:#000 url('../gfx/galerie/loading-bar-black.gif') center center no-repeat;
}

.myGallery
{
	width: 460px;
	height: 345px;
	z-index:5;
	display: none;
	border: 1px solid #000;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position:center center;
	position: absolute;
	left:0;
	right:0;
	margin:0;
	padding:0;
	opacity:0;
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../gfx/galerie/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 50px;
	background: #000;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 100%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 90%;
	margin: 2px 5px;
	color: #eee;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 60px;
	height: 20px;
	width: 100px; background: url('../gfx/galerie/carousel_btn.gif') no-repeat;
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery a.play {
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	width:20px;
	background: url('../gfx/galerie/control_play.png') no-repeat center right;
	cursor: pointer;
}

.jdGallery a.pause {
	background: url('../gfx/galerie/control_pause.png') no-repeat center right;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail
{
	cursor: pointer;
	padding:0;
	margin:0;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .carousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url('../gfx/galerie/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { background: url('../gfx/galerie/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url('../gfx/galerie/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right { background: url('../gfx/galerie/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.jdGallery a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.open:hover { background: url('../gfx/galerie/open.png') no-repeat center center; }

* html .jdGallery a.open:hover { background: url('../gfx/galerie/open.gif') no-repeat center center;
	filter:alpha(opacity=80); }
	


/****************************** POWERMAIL FORMULAR *********************************************/
fieldset{
	border: 0px;
}




/*Validation*/
input.validation-failed {
    background-color: #f2f2f2;
}
/*Validation*/
div.powermail_mandatory_js {
    color: #372D23;
    font-weight: normal;
}

/*LABEL = Beschriftung - ok */
fieldset label {
    display: block;
    width: 120px;
    float: left;
    clear: left;
    margin-bottom:10px;
    margin-top:10px;
}
/*Eingabefeld - ok */
fieldset input {
   display: block;
   width: 140px;
   border: 1px solid #3a3a3a;
   float: left;
   margin-bottom:10px;
   margin-top:10px;
   
}



/*Auswahlbox - ok */
fieldset select {
   display: block;
   width: 40px;
   
   float: left;
}
/*eigene class in tmpl_fieldwrap.html*/
.checkbox {
    clear: both;
    height: 5px;
}

.checkbox label{
background-color:white;
    }
.tx_powermail_pi1_fieldwrap_html_checkbox_title {
    padding-top: 10px;
}
.radiobutton {
    clear: both;
    height: 5px;
    text-align:left;
}
.tx_powermail_pi1_fieldwrap_html_radio_title {
    padding-top: 10px;
}
tx_powermail_pi1_fieldwrap_html tx_powermail_pi1_fieldwrap_html_radio tx_powermail_pi1_fieldwrap_html_6 input {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.sendebutton {
    clear: both;
   
}
.auswahlbox option powermail_testformular powermail_select {
    padding-left: 120px;
}

/* Radio & Checkbok - clear: both */
.tx_powermail_pi1_fieldwrap_html_radio_title,
.tx_powermail_pi1_fieldwrap_html_checkbox_title {
    clear: both;
}
input.powermail_submit, input.powermail_reset {
    border: 1px solid #3a3a3a;
    margin-top: 60px;
    margin:20px;
    	
 width:80px;
}

.checkbox-haken {
float:left;

width:20px;
}

.tx_powermail_pi1_fieldwrap_html_checkbox_title
{
font-size: 14px; 
border-bottom: 1px solid #3a3a3a;
}

.powermail_uid1{
	width: 140px;
}
.powermail_uid10{

	width: 240px;
}

}

.powermail_check_inner{
float:left;
width:80px;
}

#powermaildiv_uid16{
clear:both;
}

#powermaildiv_uid11{
border:none;
text-align:center;
padding-top:20px;
font-size: 16px; 
}


/* RECHTES MENUE */

#content-right li{
padding-top:10px;
}

.divider{
margin:20px 0px 20px 0px;
}

.left{
float:left;
padding-right:5px;
}