body { 
  
  font-size: 7pt; 
  font-family: verdana; 
  background-color: #e6b463; 
  background-image: url(../images/grafics/wabe_BG_01.gif); 
  background-repeat: repeat; 
  background-attachment: inherit; 
  margin: 20px 0;
   }

.p_index { line-height: 20px; }   


#bodyimage { 

background-color: #f6c; 
top: 95px; 
left: 50%; 
width: 1100px; 
height: 620px; 
z-index: 0; 
visibility: visible; 
float: none; 
margin-top: 95px; 
margin-left: -550px; 
outline: solid 12px #060;
 }

#logo { 

background-color: transparent; 
position: absolute; 
top: 2px; 
left: 50%; 
width: auto; 
height: auto; 
z-index: 5; 
overflow: auto; 
visibility: visible; 
margin-left: 410px; 
}

.table {
 background-color:#f5ecd3; 
 text-align:left; 
 letter-spacing:0; 
 width:auto; 
 color:#426591; 
 font-size: 15px; 
 font-family: verdana; 
 line-height: 17px; 
 background-repeat:repeat-x;
 background-position:  0 0; 
 padding: 30px; 
 border: solid 1px #003; 
 }
 
 
/*fuer Navigation oben
*/
.languages { 
	color: #fff; 
	font-size: 11px; 
	font-family: verdana; 
	line-height: 15px; 
	text-decoration: none; 
	text-align: center; 
	position: absolute; 
	top: 32px; 
	height: 15px; 
	z-index: 1; 
	margin-left: 900px;
	 }
	 
#navigation {
	font-size: 11px; 
	font-family: verdana; 
	background-color: #996633; 
	text-decoration: none; 
	text-align: right; 
	margin-top: 25px; 
	margin-left: -550px; 
	padding-top: 5px; 
	padding-bottom: 2px;
	 position: absolute; 
	 top: 20px; 
	 left: 50%; 
	 width: 1100px; 
	 height: 50px; 
	 z-index: 1; 
	 float: right; 
	 cursor:url(../images/css/Maus_Bienchen.gif), pointer !important; 
	 cursor:url(../images/css/Maus_Bienchen.cur), pointer; 
	 }
	 
.navigation { 
	font-family: verdana; 
	line-height: 15px; 
	text-decoration: none; 
	position: absolute; 
	top: 20px; 
	left: 50%; 
	height: 15px; 
	margin-left: -220px; 
	}
	
.link_1 { 
	position: absolute; 
	top: 24px; 
	left: 50%; 
	float:left; 
	margin-left: -200px; 
	}
	

/*Exofilo allgemein*/
#exo  /* hauptbox für allgemeine Seite */ {
	 font-family: verdana; 
	 background-color: #fff7dc; 
	 position: absolute; 
	 left:50%; 
	 width: 1100px; 
	 margin-top: 56px; 
	 margin-left: -550px; 
	 padding-top: 15px; 
	 padding-bottom: 15px; 
	 outline-color: #960; 
	 outline-width: thin; 
	 }

/* box für gallery*/
#gallery {
	background-color: #fcd587; 
	text-align: center; 
	width: 1060px; 
	height: 496px; 
	z-index: -1; 
	margin-right: 20px; 
	margin-left: 20px; 
	}
#gallery1 {
	background-color: #fcd587; 
	text-align: center; 
	width: 660px; 
	height: 435px; 
	z-index: -1; 
	margin-right: 20px; 
	margin-left: 20px; 
	}	
	
#gallery2 { background-color: #fcd587; text-align: left; margin-right: 20px; margin-left: 20px; z-index: -1; width: 1050px; height: 484px; margin-top: 10px; padding-left: 10px; }
/*box fuer blaetterkataloge*/
#blaetter { background-color: transparent; margin-top: 95px; margin-left: -350px; position: absolute; left: 50%; width: 698px; padding-top: 3px; padding-bottom: 21px; border: solid 1px #404040; }

/*nachfolgend fuer fuss
*/
// .line-ver1 {background-image:url(../images/grafics/line-ver.gif);background-repeat:repeat-y;background-position:206px 0;width:100%}
// .line-ver2 {background-image:url(../images/grafics/line-ver.gif);background-repeat:repeat-y;background-position:407px 0;width:100%}
// .line-ver3 {background-image:url(../images/grafics/line-ver.gif);background-repeat:repeat-y;background-position:597px 0;width:100%}
// .line-ver4 {background-image:url(../images/grafics/line-ver.gif);background-repeat:repeat-y;background-position:817px 0;width:100%}



#security_Logo {
	background-image: url(../images/grafics/Security_Logo.gif); 
	background-repeat: no-repeat; 
	position: absolute; 
	top: 600px; 
	left: 50%; 
	width: 100px; 
	height: 100px; 
	z-index: 5; 
	margin-left: -590px; 
	}
	
#box { 
	color: #cca855; 
	font-size: 11px; 
	font-family: verdana; 
	background-color: #963; 
	text-align: left; 
	letter-spacing: 0; 
	position: absolute; 
	top: 590px; 
	margin-left: -550px; 
	padding-top: 0; 
	padding-bottom: 2px; 
	z-index: 1; 
	left: 50%; 
	width: 1091px; 
	height: 115px; 
	margin-bottom: 0; 
	padding-left: 10px; 
	
	 }
	 

.col_1, 
.col_2,
.col_3, { 
	position: absolute; 
	left: 50%; 
	float:left; 
	margin-left: -200px; 
	}


.floatbox { float: left; }

#name { font-size: 10px; font-family: verdana; background-color: transparent; text-align: center; position: absolute; left: 70px; width: 170px; height: auto; z-index: 2; margin-top: 5px; margin-left: 0; }
.kleinabstand {
	color: #e8e8e8; 
	font-size: 9px; 
	font-family: verdana; 
	background-color: transparent; 
	text-align: right; 
	display: block; 
	position: absolute; 
	left: 1px; 
	z-index: 2; 
	}
	
#address {
	color: #000; 
	font-size: 10px; 
	font-family: verdana; 
	text-align: right; 
	display: block; 
	padding-right: 10px; 
	z-index: 1; 
	padding-top: 70px; 
	}

#copyright {
	color: #d8d8d8; 
	font-size: 10px; 
	font-family: verdana; 
	text-align: right; 
	letter-spacing: -1px; 
	position: absolute; 
	left: 10px; 
	bottom: 10px; 
	display: block; z-index: 1; 
	}

#webdesign { 
	color: #d8d8d8; 
	font-size: 10px; 
	font-family: verdana; 
	text-align: right; 
	letter-spacing: -1px; 
	display: block; 
	position: absolute; 
	right: 10px; 
	z-index: 1; 
	bottom: 10px; 
	}
	
.webdesign a:link, a:active, a:visited {color: #d8d8d8;}
.webdesign a:hover {color: #d8d8d8; text-decoration: underline; }




/*linke hauptseite*/
#image1 {
	font-size: 11px; 
	font-family: verdana; 
	color: #666; 
	background-color: #f9df94; 
	text-align: center; 
	height: 465px; 
	float: left; 
	min-width: 25%; 
	min-height: 465px; 
	max-width: 50%; 
	margin-top: 0; 
	margin-left: 20px; 
	padding: 20px 10px 10px; 
	}

.images  /* tabellenklasse */ { 
	background-color: transparent; 
	height: 30px; 
	margin: 30px 5px 5px 10px; 
	padding: 2px; 
	}
	
.grafik { background-color: transparent; margin: 3px 5px 5px; padding: 2px; height: 30px; outline: solid thin maroon; }
.grafikvideo { background-color: transparent; background-image: url(../images/grafics/BG_Video_Biene.jpg); background-repeat: no-repeat; background-position: center; text-align: center; width: 250px; margin: 3px 5px 5px; padding: 2px; height: 400px; outline: solid thin maroon; }
.grafikservices { background-color: transparent; width: 170px; margin-top: 13px; margin-left: 5px; padding: 2px; }
.images60 { background-color: transparent; margin-top: 30px; margin-bottom: 5px; padding: 1px; }
.images0 { background-color: transparent; margin-bottom: 5px; padding: 1px; }
.imagetd   /* Zellenklasse */ { background-color: #666; width: 48px; height: 48px; }
.imagetd_meli { background-color: #666; width: 48px; height: 68px; }
.imagetd_fol { background-color: #666; width: 28px; height: 60px; }
.imagetd_fol42 { background-color: #666; width: 42px; height: 60px; }
.imagetd_anz37 { background-color: #666; width: 37px; height: 48px; }
.imagetd_eti { background-color: #666; width: 38px; height: 48px; }
.imagetd_eti38 { background-color: #666; width: 38px; height: 81px; }
.imagetd_flu { background-color: #666; width: 60px; height: 30px; }

h1 { 
	color: #800000; 
	font-size: 12px; 
	font-family: verdana; 
	text-decoration: none; 
	text-align: left; 
	letter-spacing: 0; 
	margin-top: 0; 
	margin-right: 10px; 
	margin-left: 0; 
	border-bottom: 1px solid #666; 
	}
	

/*rechte Hauptseite*/

#image2 { color: #800000; 
font-size: 12px; 
font-family: verdana; 
line-height: 15px; 
background-color: #fcd587; 
text-align: justify; min-width: 65%; min-height: 465px; max-width: 65%; margin-left: 30%; padding: 20px 20px 10px; }

#produkte{ background-color: red; width: auto; height: auto; margin-left: 10px; }
#indexbild { font-size: 80%; text-align: center; position: absolute; top: 280px; right: 50%; align: right ; width: auto; height: 159px; margin-right: -520px; }

.wrapper { width:100%; float: left; min-height: 26px; margin-left: 20px; }

.linkweiter1 { 
	margin-right: -515px; 
	position: absolute; 
	top: 465px; 
	right: 50%; 
	}
	
.linkweiter2 { 
	margin-right: -515px; 
	position: absolute; 
	top: 450px; 
	right: 50%; 
	}
	
.linkweiter0 { 
	font-weight: bold; 
	margin-right: -515px; 
	position: absolute; 
	top: 425px; 
	right: 50%; 
	}
	
.linkweiter { 
	margin-right: -515px; 
	position: absolute; 
	top: 480px; 
	right: 50%; 
	}

.linkback  { 
	position: absolute; 
	top: 480px; 
	left: 50%; 
	margin-left: -200px; 
	}
	
#preis { float: left; }


#imageweb { 
	color: #4c5c69; 
	font-size: 10px; 
	font-family: verdana; 
	line-height: 12px; 
	background-color: #ccc; 
	margin-left: 33%; 
	min-width: 60%; 
	min-height: 260px; 
	max-width: 60%; 
	padding: 22px 10px 1px 20px; 
	}
	
#imageproducts { color: #4c5c69; font-size: 10px; font-family: verdana; line-height: 12px; background-color: #ccc; margin-left: 33%; padding: 22px 10px 9px 20px; min-width: 60%; min-height: 260px; max-width: 60%; }
#inlineshow  /* style fuer blaetterkalender inlineframe */ { color: #666; font-size: 11px; font-family: verdana; background-color: #e8e8e8; width: 690px; height: 400px; margin-left: 5px; }

/* für linkseite Uebersicht
*/
#link1, #link2, #link3,
#link4, #link5, #link6,
#link7, #link8, #link9,
#link10, #link11, #link12,
#link13, #link14, #link15
	{ text-align: center; width: 31%; height: auto; float: left; max-height: 58px; margin-top: 15px; }
	
/* für Etiketten Thumbs
*/
	
#eti1, #eti2, #eti3,
#eti4, #eti5, #eti6,
#eti7, #eti8, #eti9
	{
	text-align: center; 
	width: 17%; 
	height: auto; 
	float: left;
	}



.float_links  /* linksfloater */ {
 font-size: 11px; 
 font-family: verdana; 
 text-align: center; 
 text-indent: 2px; 
 margin-top: 5px; 
 margin-right: 10px; 
 margin-bottom: 5px; 
 padding: 3px; 
 }

/*Container fuer Galerie*/

#g1, #g2, #g3,
#g4, #g5, #g6,
#g7, #g8, #g9,
#g10, #g11, #g12,
#g13, #g14, #g15,
#g16, #g17, #g18,
#g19, #g20, #g21,
#g22, #g23, #g24,
#g25, #g26, #g27,
#g28, #g29, #g30
	{ text-align: center; width: 12%; height: 54px; z-index: 5; float: left; }


/*sonstige formate*/

.clear {clear: both;}

.map { 
	position: absolute; 
	top: 105px; 
	right: 20px; 
	height: 171px; 
	z-index: 5; 
	visibility: visible;
	margin-top: 0; 
	margin-right: 20px; 
	margin-left: 0; 
	}
	

.float  /* linksfloater */ { float: left; margin: 20px 10px 10px; }
#top  /* formatierung fuer back-link */ { font-family: verdana; position: absolute; right: 20px; bottom: 10px; z-index: 20; margin-bottom: -6px; }
#download { font-family: verdana; margin-bottom: -6px; position: absolute; left: 20px; z-index: 20; bottom: 10px; }
.opacity {
filter:alpha (opacity=20); opacity:0.2; opacity: 10%; 
}
h2 { color: #960; font-size: 11px; font-family: verdana; font-weight: normal; text-align: left; letter-spacing: 0; position: absolute; bottom: 75px; margin-right: 25px; }

/* Left & Right alignment */

.fleft { 
	float:left;
}
.fright { float:right; margin-right: 10px; }
.clear { 
	clear:both;
}

.col-1, 
.col-2, 
.col-3, 
.col-4, 
.col-5 { 
	float:left;
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}	

.wrapper { 
	width:100%;
	overflow:hidden;
}

.col-1 { width:auto;	margin-right:5px;}
.col-2 { width:auto;	margin-right:0;}
.col-3 { width:auto;	margin-right:0;}
.col-4 { width:auto; margin-right:10px;}
.col-5 { width:auto; }	

li { 
	list-style: outside;
	}
.li {
	display: block;
}





/*
Header scroll
*/

#prew_img{
	height: 298px;
}

#prew_img
{
width: auto;
margin-left: -30px;
margin: 0 auto;
padding-top: 80px;
}


.roundabout-holder {
				list-style: none;
				width: 50em;
				height: 10em;
				margin: 1em auto;
			}
			
			.roundabout-moveable-item {
				height: 300px;
				width: 444px;
				cursor: pointer;
			}
			
   
   .roundabout-moveable-item img {
				width: 100%;
				height: 100%;
			}
   
   .roundabout-in-focus { cursor: auto; }