/************************************************
   Copyright (c) 2011 CD-NET INTERNETSERVICE   *
         Alle Rechte reserviert                *
************************************************/
* {
	margin: 0; 
	padding: 0;
	border: 0;
}


body {	
	text-align:center;
	background-color: #000;
	line-height: 20px;
	font-size: 12px;
	font-family: Arial, Verdana, "Trebuchet MS", sans-serif;
	color:#333;
	scrollbar-face-color:#000;
	scrollbar-highlight-color:#000;
	scrollbar-shadow-color:#999;
	scrollbar-3dlight-color:#999;
	scrollbar-arrow-color:#999;
	scrollbar-track-color:#000;
	scrollbar-darkshadow-color:#000;	
}


h1 {
	margin:0 45px;
	padding-top:16px;
	font-size:1.4em;
	color:#7b649c;
	font-weight:700

}

h2 {	color:#333;
	font-weight:700;
	font-size:1.2em;
}

h3 {	
	display:inline;
	padding:2px 12px;
	background-color:#c7c;
	color:#fff;
	font-weight:100;
	font-size:12px;
	margin-top:22px;
	margin-left:15px;
	font-family:  Verdana;
}
h4  {	
	display:inline;
	margin-top: 12px;
	color:#666;
	font-weight:100;
	font-size:1em;
	line-height:3.5em;
	font-family:  Verdana;
}

.small  {
	font-size:9px;
	letter-spacing:1.2px;
	text-align:center;
	margin:0 44px;
}

/*  CSS Layout
----------------------------------------------- */

#main {	
	z-index:2;
	position: relative;
	width:920px;
	margin:0px auto;
	text-align:left;
}

#main_left  {
	width: 86px;
	background: url(img/logo_left.gif) 0 0 no-repeat;
	float:left;
	height:730px;

}

#main_right {
	width:834px;
	float:right;

}

#main_right #colLeft,
#main_right #footLeft,
#main_right #colLeft_pic  {
	height:140px;
	float:left;
	width:587px;
	border-bottom: 1px solid #fff;
}

#main_right #colLeft_pic  {
	height:290px;
	background: url(img/pic_left.jpg) 0 0 repeat;
}

#main_right #colRight,
#main_right #footRight,
#main_right #colRight_pic {
	float:left;
	height:140px;
	width:240px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #ccc;
	padding-left:6px
}

#main_right #colRight img {
	float:right;
}
#main_right #colRight_pic {
	height:290px;
	background: url(img/pic_right.jpg) 0 0 repeat;
}

/*_______CONTENT-FORMATIERUNG_________*/

#main_right #content {
	clear:both;
	width:834px;
	height:200px;
	background: url(img/back_content.jpg) 0 0 repeat;
}
#main_right #content p {
	color:#333;
	padding:12px 47px;
}

#main_right #content  iframe { 
	margin-left:0px;
	width:830px;
	height:170px;
}

#main_right #content a,
#content a.seclink {
	color:#ccc;
	padding:2px 5px;
	background-color:#666;
	text-decoration:none;
}

#main_right #content a:hover,
#content a.seclink:hover  {
	color:#333;
	background-color:#fff;

}

#main_right #content #colL,
#main_right #content #colR {
	margin-left:0;
	width:400px;
	float:left;
}
#main_right #content #colR {
	margin:8px 0 0 5px;

}
/*    Liste im Content
----------------------------------------------- */
#main_right #content #colR ul li {
	margin-left:16px;
	line-height:26px;
	list-style-type:square;
}

/*      Layer für Bildergalerie
--------------------------------------------------*/
#main #picture-layer,
#main #picture-layer2 {
	display:none;
	background: #ccc url(./gala/back_liste.jpg) 0 0 repeat-y;
	z-index:100;
	position: absolute;
	top: 80px;
	left: -8px;
	width: 500px;
	height: 380px;
	border: 1px solid #fff; 
}
#main #picture-layer.liste  {
	width: 700px;
	height: 600px;
	overflow:auto;
	margin-left:-44px;
}

#main #picture-layer .wirR {
	width: 280px;
	padding:0 0 0 378px;
	margin:-25px 0 0 0
}
#main #picture-layer .wirL {
	width: 580px;
	padding:0 40px 22px 60px;
}
#main #picture-layer .wirM {
	width: 400px;
	padding:0 140px;margin:0;
}

#main #picture-layer  img.closer  {
	float:right;
	width:77px;
	height:26px;
	margin:12px
}


/*___________ NAVIGATION -re _____________*/

#main_right #colRight_pic  ul.navi {
	list-style:none;
	margin:8em 0 0 1em;
}


#main_right #colRight_pic .navi  li a {
	background: url(img/bullet.gif) 0 5px no-repeat;
	line-height:24px;
	padding-left:22px;
}
#main_right #colRight_pic .navi a {
	color:#fff;
	font-size: 11px;
	font-weight:500;
	letter-spacing:1.6px;
	padding: 3px 8px;
	text-decoration:none;
}

#main_right #colRight_pic .navi a:hover,
#main_right #colRight_pic .navi a.active {
	color:#E7d;
	text-decoration:none;
	background: url(img/bullet_activ.gif) 0 5px no-repeat;
}



/*===== CLEAR =====*/
.clear  {
	clear:both;
	margin:0;
	padding:0;
	font-size:0;
	height:0;
}

/*   Formularfelder im Frame 
-------------------------------- */

fieldset {
	padding:5px 25px;
	width:605px;
	margin:22px 85px;
	border: 1px solid #555;
}

fieldset.liste {
	margin:66px 25px;
	width:540px;
	padding:15px 22px;
}
	
*+html  fieldset {
	padding-top:20px;
}
* + html  fieldset .liste {
	padding-top:60px;
}

fieldset p{
	width:520px;
	text-align:right;

	margin-top:8px;
}


/*=== BILDERGALERIE ===*/

#main #picture-layer .photo {
	height: 60px;
	width: 100px;
	float:right;
	padding-left:20px ;
	padding-bottom:20px ;
}

#main #picture-layer .photo  li {
	display:inline;
	width:100px;
	height:60px;
	margin: 0;
	background-image:none
}
* html #main #picture-layer .photo  li {
	display:inline;
	width:100px;
	height:60px;
	background-image:none;
}

#main #picture-layer .photo li a {
	display:block;
	width:100px;
	height:60px;
	text-decoration:none;
	background-image:none
}
#main #picture-layer .photo li a img { 
	display:block;
	width:100px;
	height:60px;
	z-index:99;
	border:5px solid #999;
}

#main #picture-layer .photo li a:hover {
	white-space:normal;
	position:relative;
}

#main #picture-layer .photo li a.hor:hover img {
	position:absolute;
	left:-240px;
	top:-30px;
	width:360px;
	height:227px;
	border:9px solid #999; 
}
#button {
	margin:1px 33px;
	float:left;
}

/*=== Formatierung für Produktbeispiele ===*/

#picture-layer fieldset p.produkte{
	width:520px;
	text-align:left;
	margin-top:8px;
}

/*=== BEHANDLUNGS-CONTAINER / PRODUKT-CONTAINER ===*/
legend {
	color:#fff;
	background-color:#666;
	padding:2px 8px;
	font-size:1em;
	letter-spacing:0.8px;
	font-family:verdana;
}
label {
	display: block;
	width:420px;
	float: left;
	text-align:left;
}

/*   Formularfelder im Kontaktformular 
----------------------------------------- */

#main_right #content #colL p,
#main_right #content #colR  p {
	width:350px;
	margin:0;
	padding:0;
	margin-left:44px;
	margin-top:6px;
}
#main_right #content #colR  p {
	margin:0 0 9px 20px;
	width:370px;
}

#main_right #content #colL label,
#main_right #content #colR label {
	width:110px;
	float: left;
}


p input, p textarea {
	width: 244px;
	font-size:1em;
	line-height:1.1em;
	height:1.2em;
	padding:2px;
	background-color:#dddde6;
	color: #607;
	border: 1px solid #666;
}


input.send {
	width:90px;
	padding:0 12px;
	font-size:1.2em;
	height:1.7em;
	color:#666;
	background-color:#fff;
	border:none
}
input.send:hover {
	background-color:#666;
	color:#fff
}

p textarea {
	height:9em;
	width:250px;
}
p input:hover, p textarea:hover,
p input:focus, p textarea:focus {
	background-color: #ffe;
	border: 1px solid #000;
}
p input.radio {
	width:15px;
	border:none;
	line-height:1.5em;
	background-color:transparent
}
p input.radio:hover {
	background-color:transparent;
	border:none;
}


/*___________ Fusszeile _____________*/
#main_right .foot {
	background-color: #fefefe;
}
#main_right .foot p,
#main_right .foot p a {
	color: #666;
	font-size: 10px;
	letter-spacing:1px;
	padding:4px 25px;
	text-decoration:none;
}

#main_right .foot p a:hover,
#main_right .foot p a.active {
	color:#000;
}


#main_right .foot p .signum {
	margin-left:160px;
}

#main_right #footRight,
#main_right #footLeft {
	border-bottom:0;
}