/* reset browser*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
  text-align: center;
  font-family: Helvetica;
  	/*   line-height: 1;  */
   ;
}




.abstand-kleiner{
margin-top:10px;
}
.abstand-klein{
margin-top:20px;
}
#abstand-klein{
margin-top:20px;
}
#abstand-gross{
margin-top:50px;
}
  #wrapper {
	width: 1020px;
	margin:auto;
  height:auto;
 /* border: 1px solid #ffffff;
  background-color:#ffa648;*/
  }
  
  #balken-xx{
  margin-top:100px;
  width:1024px;
  height:1px;
  }
  
  #MenuPos{
 margin-top:-20px;
 top:0;
 left:0px;
 margin-left:-120px;
 }
  #header {
	width: 320px;
	height: 120px;
	background: url(../pics/); no-repeat; top; height:250px; width:1020px;
  border: 1px solid #ff99ff;
 }
 
 #content-text{
 height:auto;
 margin: 0px 5px 0px 0px;  /*oben, rechts ,unten, links */
 width:700px;
 font-family:arial;
 font-size:9pt;
 background: url(../pics/bg_b..gif) repeat-x scroll 0 0;
 height:auto;
 padding:0px;
 border-top: 0px solid #333333;
 color:#000000;		/*#333333*/
 text-align:justify;
 }

  #content-text2-erst{
 margin: 0px 50px 0px 200px;  /*oben, rechts ,unten, links */
 margin-right:50px;
 width:700px;
 font-family:arial;
 font-size:9pt;
 background-color:#ffffff; /*#a1b0f1;*/
  background: url(../pics/bg_b2.gif) repeat-x scroll 0 0;
 height:auto;
 padding:20px;
 border-top: 0px solid #5d5d5d;/*#B0955E;*/
 text-align:justify;
 color:#000000;
 }
 
 #content-text2{
 margin: 0px 50px 0px 200px;  /*oben, rechts ,unten, links */
 margin-right:50px;
 width:740px;
 font-family:arial;
 font-size:9pt;
 background: url(../pics/bg_b2.gif) repeat-x scroll 0 0;  /*extra picc machen .... muss noch dunkler !!!! */
 height:auto;
 padding:20px;
 border-top: 0px solid #5d5d5d;/*#B0955E;*/
 text-align:justify;
 color:#000000;
 }
 
 #content-text2-index{
  margin: -20px 0px 0px 200px;  /*oben, rechts ,unten, links */
 margin-right:0px;

 font-family:arial;
 font-size:9pt;
 height:420px;
 background: url(../pics/derma-bg.png) no-repeat;
 padding:0px;
 border-top: 1px solid #5d5d5d;/*#B0955E;*/
 text-align:justify;
 color:#000000;
 }
 
#content-logos img{
 margin: 0px 20px 20px 20px;
 padding:0 0 0 0;
 
 }
 
  /* Breite des content mit Spalte*/
#content-spalten{ 
width:700px;

 }
 
 /* hier kommen die texte rein*/
#text-spalte{  
margin-top:20px;  
text-align:left;
float:left;
width:375px;
margin-left:15px;

 }
 #text-spalte-produkte{  
margin-top:20px;  
text-align:left;
float:left;
width:320px;
margin-left:15px;
background: url(../pics/) repeat-x scroll 0 0; 
 }
 
 #text-spalte-breit{
 margin-top:0px;
text-align:left;
float:left;
width:740px;
padding:20px;
margin-left:-20px;
background:#000000;
background: url(../pics/bg_b2.gif) repeat-x scroll 0 0;
 }
  #formular{

float:left;
width:690px;
margin-left:0px;
background:#ffffff;
 }
 
 #text-spalte2{    
text-align:left;
float:right;

color:#000000;
 }
 
 #text-spalte p{    
text-align: justify;
color: #000;
padding-right: 10px;

 }

 #image1{    
padding:0 0px 10px 10px;
float:right;
margin-right:0px;
/*display: inline-block;*/
 }
li a {
text-decoration:none;

}
 #table {
 
 font-family:arial;
 font-size:9pt;
 width: 630px;
 margin-left: 5px;
 border-collapse: collapse;
 border:solid black 2px; 
 padding:1px;
} 
#table td, th{
 vertical-align:middle;
 border-top:solid black 1px; 
 border-left:solid black 1px; 
 border-right:solid black 1px; 
 border-bottom:solid black 1px;
} 
#table th{ 
 font-size:11pt;
 
 
}
 
 /* hier kommen die Bilder rein*/
#media-spalte{    
float:right;
border-left: 0px solid #999999;  /*#B0955E;*/

/*border-left-style:dashed; */
width:245px;
 }
 #media-spalte-produkte{    
float:right;
border-left: 0px solid #999999;  /*#B0955E;*/


width:304px;
 }
 
#body-style{
margin-top:20px;
background: #eeeeee url(../pics/bg-schwarz-hell.gif) repeat-x scroll 0 0;
}



#header-liste-index{
background: url(../pics/header_bild-index.jpg) no-repeat; 
height:48px;

padding-top:56px;
border: 1px solid #5d5d5d;
}

#header-liste{
background: url(../pics/header_bild-norm.jpg) no-repeat; 
height:48px;
padding-top:56px;
border: 1px solid #5d5d5d;
}

#header-logo{
position:absolute;
float:left;

padding-right:0px;
padding-top:11px;
margin-left:40px;

}
#header-logo.info{
position:absolute;
float:right;

padding-right:0px;
padding-top:1px;
margin-left:2px;
z-index:2;
}

#content-erst{

 margin-top:48px; /*Abstand zur navi*/
  background: url(../pics/bg-schwarz-hell.gif) -10px 0;

 /*background:url(../pics/background-schwarz2.jpg);*/

background-position: 0px -50px;
 border-top: 1px solid #5d5d5d;
 border-bottom: 0px solid #000000; /*#5d5d5d;*/
width:1024px;
margin-left:0px;

}

#content1{

 margin-top:48px; /*Abstand zur navi*/
 background: url(../pics/bg-schwarz-hell.gif) repeat-x scroll -10px 0;

 /*background:url(../pics/background-schwarz2.jpg);*/

background-position: 0px -70px; 
 border-top: 1px solid #5d5d5d;
 border-bottom: 0px solid #000000; /*#5d5d5d;*/
width:1024px;
height:auto;
/*padding-left:0px;*/

}


#sidebar-left{
position:absolute;
float:left;
padding-left:25px;
margin:-17px 1px 1px 0px;

}

.fenster{

align:center;
border: 1px solid #5d5d5d;
padding: 1px 1px 1px 0px;  /*oben, rechts ,unten, links */
margin:0px 1px 1px 0px;  /*oben, rechts ,unten, links */

z-index:1;
}


#image {  
	height:auto;
  margin: 0px 0px 0px 0px;  /*oben, rechts ,unten, links */
}


p {
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	
  font-weight:normal;
	margin: 0;
	padding: 0;
	text-align: center;
}


#footer1 {
	 font-size:11px; 
   text-align:center;
  padding-top:6px;
  padding-bottom:6px;
	 border-bottom: 2px solid #00407c; 
   border-top: 2px solid #00407c; 
  color: #003675; /* #C0C0C0 */
}


ol, ul {
	list-style: none;
}


blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


/* -----------------------  Header Classes -----------------------  */
h1, h2, h4, h5 {
	font-family:helvetica, sans-serif;
}
h1 {	
	font-size: 14px;
	color: #ffffff;
  line-height:10px;
  height:9px;
	/*background: url(../pics/xxxxleiste2-text.jpg) no-repeat top; muss noch geändert werden*/
	background:#00407c;
	margin: 0px 0px 12px 0px;
	/*margin: 12px 12px 0px 12px;*/
	padding: 6px;
  border-bottom: 0px solid #5d5d5d;
	text-align: left;
}

h2 {	
	font-size: 16px;
	color: #000000;
  line-height:10px;
  height:10px;
	background: url(../pics/xxxxleiste2-text.jpg) no-repeat top; /*muss noch geändert werden*/
	margin: 0px 0px 3px 0px;
	/*margin: 12px 12px 0px 12px;*/
	padding: 8px;

	text-align: left;
}


h4 {
	font-size: 12px;
	font-weight: bolder;
	color: #F9A877;
	margin: 0;
	padding: 5px 0;
	text-align: left;
	text-transform: uppercase;
}
h5 {
	font-size: 10px;
	font-weight: bolder;
	color: #666666;
	margin: 8px 0 5px;
	padding: 6px;
	text-align: left;
	background: url(/images/h5-bg.gif) repeat-y left #F1F1F1;
}



.menu
{
	background-color: #2b6ebb;
	border: 1px solid #008;
	font-family: Verdana;
	position: absolute;
	font-weight: bold;
	padding-top: 3px;
	font-size: 10px;
	cursor: pointer;
	width: 150px;
	color: #fff;
}

.item_panel
{
	border-left: 1px solid #008;
	border-right: 1px solid #008;
	clip: rect(0, 150, 0, 0);
	position: absolute;
	width: 150px;
}

.item_panel a
{
	text-decoration: none;
	cursor: pointer;
	color: #000;
}

.item
{
	background-color: #e9f0f8;
	font-family: Verdana;
	font-size: 10px;
	width: 148px;
}


































/* -----------------------  Form Classes  ----------------------- */

.search-text {
	width: 109px;
	height: 16px;
	background: url(/images/form-elements/text-field-bg.gif) no-repeat;
	border: 0;
	margin: 4px 0px 0px 53px;
	padding: 3px 6px 0px 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
}

/* -----------------------  Admin Styling -----------------------  */

#login-box {
	width: 100%;
	height: auto;
	background: #F1F1F1;
	padding: 8px 0px 8px 0px;
	font-size: 11px;
	text-align: center;
	margin: auto;
}

.login-field {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	margin: 12px 0px 0px 0px;
	padding: 3px;
	text-align: left;
	background: white;
	border: 1px solid #DCDCDC;
}

.password-field {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	margin: 12px 0px 0px 0px;
	padding: 3px;
	text-align: left;
	background: white;
	border: 1px solid #DCDCDC;
}

.login-button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: white;
	margin: 0;
	padding: 4px;
	text-align: center;
	background: #F9A877;
	border: 1px solid #F78641;
}







input, select, textarea {
	background: #EEEEEE;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border: 1px solid #FF9A00;
}


/*  ----------------------- Misc Classes -----------------------  */

hr {
	width: 100%;
	height: 1px;
	border-top: 1px solid #DBDBDB;
	background: white;
}