/* ------- ALLGEMEIN  -------- */

* {
	margin:0;
	padding:0;
	}
	
html, body {
	height:100%;
	}

body {
	background:#ffffff;
	font:  8pt Verdana, Arial, Helvetica, sans-serif;
	color: #444444;	
	text-align:left;
	
	scrollbar-arrow-color: #999999;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-highlight-color: #999999;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #999999;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #ffffff;	
	font-style:normal;	
	}
	
p {
	margin-bottom:10px;
	}

h1 {
	color: #99FF00;	
	color: #99CC33;	
	margin:-3px 0 10px 0;
	padding:0;
	font:  18pt verdana,  arial,  georgia, tahoma, sans-serif;
	}	
	
h2 {
	font:  10pt verdana,  arial,  georgia, sans-serif;
	color: #99CC33;	
	margin: 25px 0 5px 0;
	}
	
h2.oben {
	margin-top: 0;
	}
h3 {
	font:  8pt verdana,  arial,  georgia, sans-serif;
	color: #ffffff;	
	margin-bottom:5px;
	}	


a:link, a:visited, a:hover, a:active{
	color: #444444;
  	font-weight: normal;
  	text-decoration:none;
}

a:hover, a:active{
	text-decoration:underline;
}

a.shoplink-quer{
	display:block;
	outline: none
	}

/* -----a:active, a:focus{outline: none}-----*/

/* ------- EBENEN ALLGEMEIN------- */


#distance { 
	width:1px;
	height:50%;
	background-color:transparent;
	margin-bottom:-280px; 		/* half of container's height */
	float:left;
	}
	
	
#box {
	text-align:left;
	clear:left;	
	height:560px;
	min-width:1000px;
	visibility:visible;
	overflow:hidden;
	position:relative;
	margin:0px auto;
}


#boxli {
	width:50px;
	height:560px;
	float:left;
	background: url(../images/layout/bg-li.gif) no-repeat;
	overflow:visible;
	border:0px solid #000000;
	margin-right:-3px;
	
}


#boxmi {
	height:560px;
	background: url(../images/layout/bg-mi.gif);
	border:0px solid #000000;
	padding-left:10px;
}


#boxre {
	width:25px;
	height:560px;
	float:right;
	background: url(../images/layout/bg-re.gif) no-repeat;
	overflow:visible;
	border:0px solid #000000;
	margin-left:-3px;
}

#content {
	width:915px;
	height:560px;
	overflow:visible;
	margin:auto;
	border:0px solid #000000;
}

#content.home {
	background: url(../images/inhalt/home-borduere.gif) 180px 450px no-repeat;
}


/* ------- HEADER------- */

#header {
	height:119px;
	background: url(../images/layout/schmetterling.gif) no-repeat 650px 16px;
	overflow:visible;
	border:0px solid #000000;
}


#header img.freestyle{
	margin:50px 0 0 5px;
	float:left;
}

#header img.komar{
	margin:78px 18px 0 0;
	float:right;
}




/* ------- EBENEN INHALT------- */

#inhalt, #inhaltdl, #inhaltblock {
	float:left;
	height:380px;
	width:710px;
	overflow-y:auto;
	position:relative;
	border:0px solid #000000;
}

#inhaltblock {
	text-align:justify;
	width:700px;
	padding-right:10px;
}

*html #inhaltblock.lang {
	padding-right:25px;
	overflow-x:hidden;
	overflow-y:scroll;
  }

*:first-child+html #inhaltblock.lang {	
	padding-right:25px;
	overflow-x:hidden;
	overflow-y:scroll;
  }


#spli {
	width:370px;
	float:left;
	border:0px solid #000000;
	position:relative;
}

#spli h1{
	margin:10px 0 5px 78px;
	color:#CC0066;
	font:  16pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:2.0px;
}

#spli p{
	margin:0px 15px 8px 78px;
	height:26px;
	border-bottom:1px solid #ffffff;
}

#spli.uebersicht {
	width:570px;
}

#spli.uebersicht img{
	margin:0 10px 10px 0px;
	float:left;
}

#spre {
	text-align:right;
}


#spre.rand{
	margin-right:20px;
	
}

#spre.rand img.quer{
	margin-bottom:50px;
}

#spre.rand img.quereng{
	margin-bottom:63px;
}

#spnav {
	width:60px;
	float:left;
	border: 0px solid #000000;
}

/* ------- SERVICE ------- */
#pos {
	min-height: 20px;
	margin-bottom:10px;
	padding-bottom:10px;
	margin-right:20px;
	overflow:auto;
	border-bottom:1px solid #99CC33;
	border-bottom:1px solid #cccccc;
}

*html #pos {
	height:20px;
 }


*:first-child+html #pos {
 }

#pos.unten {
	margin-bottom:0px;
	padding-bottom:0px;
	border-bottom:0px solid #cccccc;
}


#pos img{
	float:left;
	margin:0 20px 0 0;
}

#pos h2{
	margin-top:10px;
}

#pos table th{
	width:80px;
	text-align:left;
	font-weight:normal;
}

#pos table td{
	text-align:right;
}

/* ------- HOME ------- */

#inhalt.home p{
	margin:125px 0 0 20px;
	width:310px;
	float:left;
}

#inhalt.home img{
	float:left;
	margin:0 10px 0 0;
}


/* ------- ANWENDUNGEN ------- */
#inhalt.anw {
	width:760px;
}

#spli-anw {
	width:368px;
	float:left;
	border:0px solid #000000;
	text-align:right;
}

#spli-anw img{
	float:right;
}

#spre-anw{
	width:328px;
	float:right;
	border:0px solid #000000;
}

#spre-anw img{
	margin:0 0px 10px 10px;
	float:left;
}



/* ------- PRESSE ------- */

#inhalt.presse img {
	margin:0 5px 5px 0;
}

#inhalt.presse h2 {
	margin: 20px 0 5px 0;
	}

#inhalt.presse h2.oben {
	margin-top: 0;
	}


/* ------- DOWNLOAD NUTZUNG ------- */

#inhaltdl  {
	width:750px;
	padding-right:10px
}


#inhaltdl  p {
	margin-bottom:10px;
	}

#inhaltdl  p.fb {
	color:#FF0000;
	}

#inhaltdl  ol li {
	text-align:justify;
	margin-bottom:8px;
	}

#inhaltdl ol {
	list-style:decimal;
	margin-left:20px;
	}

#inhaltdl form {
	padding-bottom:10px;
	}

/* ------- TABELLE STICKER------- */

#spre table{
	margin:10px 0 0 0;
	float:right;
	font:  9px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

#spre td{
	background:#cccccc;
	padding:1px 4px 1px 10px;
	white-space:nowrap;
}

#spre td.sp1{
	width:65px;
}

#spre td.sp2{
	width:85px;
}

#spre td.lo{
	background: url(../images/layout/tab-lo.gif) no-repeat #cccccc;
}

#spre td.lu{
	background: url(../images/layout/tab-lu.gif) bottom left no-repeat #cccccc;
}

#spre td.ro{
	background: url(../images/layout/tab-ro.gif) top right no-repeat #cccccc;
}

#spre td.ru{
	background: url(../images/layout/tab-ru.gif) bottom right no-repeat #cccccc;
}


/* ------- KONTAKTFORMULAR------- */


input { /* Alle Formularelemente auswählen */
	font-family: Verdana, Arial, Helvetica, Sans-Serif; 
	font-size: 8pt;
	color:#444444; 
	font-weight: normal; 
}


input#contact { /* Alle Formularelemente auswählen */
	font-family: Verdana, Arial, Helvetica, Sans-Serif; 
	font-size: 8pt;
	color:#444444; 
	font-weight: normal; 
  	display: block;
  	float: left;
  	width: 200px; /* Breite.*/
}

select#contact { /* Alle Formularelemente auswählen */
	font-family: Verdana, Arial, Helvetica, Sans-Serif; 
	font-size: 8pt;
	color:#444444; 
	font-weight: normal; 
  	display: block;
  	float: left;
  	width: 130px; /* Breite.*/
}
			   
input#submit { /* den Submit-Button, muss mit id gemacht werden, da IE ansonsten nicht unterstützt */
	background-color : #ffffff; 
	font-size : 10px; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	color : #444444;
  	margin-top: 5px;
	}
  	

.feld {
	BORDER-RIGHT: #cccccc 1px inset; 
	PADDING-RIGHT: 1px; 
	BORDER-TOP: #cccccc 1px inset; 
	PADDING-LEFT: 1px; 
	PADDING-BOTTOM: 1px; 
	FONT: 9px , Verdana, Arial, Helvetica; 
	BORDER-LEFT: #cccccc 1px inset; 
	COLOR: #444444; 
	PADDING-TOP: 1px; 
	BORDER-BOTTOM: #cccccc 1px inset;
	}

.text {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	color:#444444;
	font-weight:normal; 
	width:200px;
	}