/*Farbdefinitionen:
gr?n = #00763B
*/
html,body {
margin: 0px;
padding: 0px;
font-family: Georgia, serif;
font-size: 12px;
color: #000;
background-color:#fff;
/* *overflow: hidden; entfernt den scrollbalken beim IE7 und IE6*/
}
 
a, a:link, a:active, a:hover{
text-decoration: none;
color: #00763B;

}

#wagnerwagner_logo{
width: 100%;
height: 60px;
/*
ursprüngliche höhe
height: 90px;
*/
}
#wagnerwagner_logo img{
position: absolute;
left: 50%;
margin-left: -59px;
margin-top: 15px;
/*
ursprünglicher abstand
margin-top: 30px;
*/
z-index:666;
}
#content_wrapper{
position: absolute;
z-index: 1;
height: 508px;
width: 100%;
}
/*---------------------------------------Sticker------------------------------------------------*/
/* hier die ursprüngliche version, aktuell angepasst an heimattage-feature siehe unten
#draggables{
height: 100px;
position: absolute;
z-index:22223;
}
 
#draggables div {
top: 50px;
left: 550px;
width: 195px;
height: 65px;
cursor: move;
background-color: #00763B;
color: #fff;
position: absolute;
z-index:22222;
padding: 15px 0px 15px 15px;
}

COMPUTRADE
#draggables{
height: 100px;
position: absolute;
z-index:22223;
font-size:11px;
}
 
#draggables div {
top: 9px;
left: 557px;
width: 205px;
height: 65px;
cursor: move;
background-color: #00763B;
color: #fff;
position: absolute;
z-index:22222;
padding: 15px 0px 15px 15px;
}
*/


#draggables{
height: 100px;
position: absolute;
z-index:33334;
/* z-index:22223; */
}
 
#draggables div {
top: 0px;
/*left: 460px; */
left: 718px;
width: 205px;
height: 70px;
cursor: move;
background-color: #00763B;
color: #fff;
position: absolute;
z-index:22222;
padding: 15px 0px 15px 15px;
}
 
#draggables a, #draggables a:link, #draggables a:active{
text-decoration: none;
color: #fff;
line-height: 18px;
}
#draggables a:hover{
text-decoration: underline;
}
 
#draggables strong{
border-bottom:1px solid #fff;
padding-right: 78px;
}
/*---------------------------------------Sticker---------------------------------ENDE--------------*/

#zugabe{
position:absolute;
top: 0px;
/*left: 460px; */
left: 718px;
width: 220px;
height:100px;
color:#efefef;
background-image: url(../images/bg_secret.jpg);
background-repeat: no-repeat;
z-index:11111;
}

#feature{
top:160px;
left: 460px;
width: 550px;
height: 355px;
position: absolute;
z-index:33333;
}


/*---------------------------------------Startbild----------------------------------------------*/
.aktuell#content_wrapper {
height: 450px;
background:#fff url(../images/index_aktuell.jpg) no-repeat 450px 0px;
}
/*---------------------------------------Startbild---------------------------------ENDE-------------*/





#content_wrapper a, #content_wrapper a:link{
text-decoration: none;
color: #00763B;
}

#content_wrapper a:active, #content_wrapper a:hover{
text-decoration: underline;
color: #00763B;
}


hr{
background-color:#00763B; 
color:#00763B; 
border: #00763B; 
height: 1px;
margin: 10px 0 10px 0;
}

#text{
margin-left: 200px;
width: 250px;
line-height:21px;
margin-top: 0px;
}

#textstart{
margin-left: 200px;
width: 250px;
line-height:21px;
margin-top: 0px;
}

#text_2{
margin-left: 350px;
width: 300px;
line-height:21px;
margin-top: 0px;
}

#text_3{
margin-left: 500px;
width: 300px;
line-height:21px;
margin-top: 0px;
}


h1{
font-size: 20px;
font-weight: normal;
padding-bottom: 10px;
padding-top: 10px;
line-height: 24px;

}

#navigation_wrapper{
position: absolute;
top:60px;
/* 
ursprünglicher abstand
top: 90px;
*/
background-color: #fff;
background-image: url(../images/border_left.gif);
background-repeat: repeat;
border-bottom: 1px solid #ccc;
border-top:1px solid #ccc;
border-right: 1px solid #ccc;
z-index: 3;
width: auto;
height: auto;

}

.navigation{
width: 140px;
margin-right: -1px;
padding: 10px 0px 10px 10px;
float: left;
}
.navigation a, .navigation a:link{
display: block;
text-decoration: none;
color: #000;
padding: 4px 0px 4px 0px;
line-height: 18px;
}
.navigation a:hover,.navigation a.selected{
margin-left: -10px;
padding-left: 10px;

text-decoration: none;
color: #fff;
background-color: #00763B;

}

#nav2{
margin-left: 1px;

}

#nav3{
margin-left: 1px;
}

a#navigation_aus , a:active#navigation_aus ,a:link#navigation_aus , a:hover#navigation_aus{
position: absolute;
top:45px;
/* 
ursprünglicher abstand
top: 75px;
*/
width: 80px; 
height: 15px;
line-height: 15px;
font-size: 10px;
background-color: #00763B;
background-image: url(http://www.wagnerwagner.de/images/pfeil.gif);
background-repeat: no-repeat;
background-position: left;
color: #fff;
text-decoration: none;
padding:0px 0px 0px 15px; 
display: block;
}

#breadcrumb {
position: absolute;
top:45px;
/* 
ursprünglicher abstand
top: 75px;
*/
left: 100px;
height: 15px;
line-height: 15px;
padding:0px 0px 0px 10px; 
color: #00763B;
font-size: 10px;
}



.information_einaus{
position:absolute;
width: 110px;
margin-top:-64px;
right:0px;
background-color: #00763B;
background-image: url(http://www.wagnerwagner.de/images/pfeil.gif);
background-repeat: no-repeat;
background-position: left;
}

a.information_einaus, a:active.information_einaus, a:link.information_einaus, a:hover.information_einaus{
position: absolute;
top:64px;
width: 80px; 
height: 15px;
line-height: 15px;
font-size: 10px;
color: #fff;
text-decoration: none;
padding:0px 0px 0px 15px; 
display: block;
right:0px;
}


a#navigation_ein , a:active#navigation_ein , a:link#navigation_ein , a:hover#navigation_ein{
position: absolute;
top:74px;
width: 145px;
height: 15px;
line-height: 15px;
font-size: 10px;
background-color: #00763B;
color: #fff;
text-decoration: none;
padding:0px 0px 0px 10px;
visibility:visible;
display:block;
}




.information_text{
position: absolute;
z-index: 3000000;
margin-top: 15px;
width: 340px;
right: 0px;
padding-right: 15px;
padding-top: 10px;
padding-left: 15px;
padding-bottom: 10px;
background-color: #fff;
visibility: hidden;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
line-height: 17px;
font-size: 11px;

}





input{
display: block;
font-family: Georgia, serif;
border:0px;
border-bottom: 1px dotted #000;
background-color: #fff;
height:20px;
color:#00763B;
padding: 2px 5px 2px 0px;
width: 300px;
margin-bottom: 10px;
}

input#button{
background-color: #fff;
color: #000;
width: 70px;
height: 26px;
line-height: 12px;
font-size: 11px;
border: 1px dotted #000;
padding: 0px;
cursor: pointer;
margin-top: 10px;
float: right;
}
input#button:hover{
background-color: #00763B;
color: #fff;
border: 1px dotted #fff;

}

textarea#Nachricht{
font-family: Georgia, serif;
border:0px;
border: 1px dotted #000;
background-color: #fff;
height: 100px;
color:#00763B;
padding: 2px 2px 2px 2px;
width: 295px;
font-size: 12px;
}

input:focus, input#Nachricht:focus{
background-color:#f0f0f0;
}

form{
float:left;
}

 
 /* --------------Slideshow-------------------------------------------------------------------------------------------- */
 
 	* {
		margin:0px;
		padding:0px;
	}
	


	#container {
		float:left;
		margin-top:0px;
		
			
	}
	
	.scrolling-content {
		background-color:#fff;
		position:absolute;
		padding:0px;
		
		
	}
	
	#tile-wrap{
	height:491px;
	width: 100%;
	overflow:hidden;
	position:absolute;
	background-color:#fff;
	}
	
	#tile-inner_grey{
	width:14336px;
	height: 1704px;
	position: relative;
	background-color:#ccc;
	}
	
	#tile-inner_black{
	width:14336px;
	height: 1704px;
	position: relative;
	background-color:#000;
	}
	#content1{left:0px; background-color: transparent; width:1024px;}		
	#content2{left:1024px; background-color: transparent; width:1024px;}
	#content3{left:2048px; background-color: transparent; width:1024px;}	
	#content4{left:3072px; background-color: transparent; width:1024px;}	
	#content5{left:4096px; background-color: transparent; width:1024px;}	
	#content6{left:5120px; background-color: transparent; width:1024px;}	
	#content7{left:6144px; background-color: transparent; width:1024px;}	
	#content8{left:7168px; background-color: transparent; width:1024px;}	
	#content9{left:8192px; background-color: transparent; width:1024px;}	
	#content10{left:9216px; background-color: transparent; width:1024px;}	
	#content11{left:10240px; background-color: transparent; width:1024px;}	
	#content12{left:11264px; background-color: transparent; width:1024px;}	
	#content13{left:12288px; background-color: transparent; width:1024px;}	
	#content14{left:13312px;background-color: transparent; width:1024px;}	
	#content15{left:14336px;background-color: transparent; width:1024px;}	
	
	
	
	#scroller_navigation{
	position: absolute;
	top: 560px;
	line-height:24px;
	/* 
	ursprünglicher abstand
	top: 590px;
	*/
	left: 30px;
	}
	#scroller_navigation a, #scroller_navigation a:link{
	text-decoration: none;
	color: #000;
	}
	#scroller_navigation a:hover, #scroller_navigation a:active{
	color: #00763B;
	}
	
	#scrollinfo{
	background: url(../images/scrollrad.gif) no-repeat;
	font-size: 10px;
	position: absolute;
	top: 610px;
	/* 
	ursprünglicher abstand
	top: 610px;
	*/
	left: 30px;
	height: 25px;
	line-height: 25px;
	padding-left: 25px;
	}
/* --------------Slideshow-------------------------------------------------------------------------------------ENDE */	
	

/*-------------------------------------- Kundenlogos-----------------------------------------------------------------*/
#kundenlogos{
position: absolute;
margin-left: 300px;
width:871px;
height:400px;
margin-top: -105px;


}
#kundenlogos a {
  position: absolute;
  text-decoration: none; }
#kundenlogos a i { visibility: hidden; }

a#ihk,a:hover#ihk
{ top: 102px;left:12px;width:167px;height:64px; background-image:url(../images/kundenlogos/ihk.gif); }
a:hover#ihk
{background-position: 0 -64px;}

a#dsv,a:hover#dsv
{ top: 102px;left:179px;width:167px;height:64px; background-image:url(../images/kundenlogos/dsv.gif);}
a:hover#dsv  
{background-position: 0 -64px;}

a#becksplastilin,a:hover#becksplastilin
{ top: 102px;left:346px;width:167px;height:64px; background-image:url(../images/kundenlogos/becksplastilin.gif); }
a:hover#becksplastilin
{background-position: 0 -64px;}

a#fox,a:hover#fox
{ top: 102px;left:513px;width:167px;height:64px;background-image:url(../images/kundenlogos/fox.gif); }
a:hover#fox
{background-position: 0 -64px;}

a#boehringer,a:hover#boehringer
{ top: 102px;left:680px;width:167px;height:64px;background-image:url(../images/kundenlogos/boehringer.gif); }
a:hover#boehringer
{background-position: 0 -64px;}




a#lang,a:hover#lang
{ top: 166px;left:12px;width:167px;height:64px; background-image:url(../images/kundenlogos/lang.gif); }
a:hover#lang
{background-position: 0 -64px;}

a#pils,a:hover#pils
{ top: 166px;left:179px;width:167px;height:64px; background-image:url(../images/kundenlogos/pils.gif);}
a:hover#pils  
{background-position: 0 -64px;}

a#transline,a:hover#transline
{ top: 166px;left:346px;width:167px;height:64px; background-image:url(../images/kundenlogos/transline.gif); }
a:hover#transline
{background-position: 0 -64px;}

a#volksbank,a:hover#volksbank
{ top: 166px;left:513px;width:167px;height:64px;background-image:url(../images/kundenlogos/volksbank.gif); }
a:hover#volksbank
{background-position: 0 -64px;}

a#tuebingen,a:hover#tuebingen
{ top: 166px;left:680px;width:167px;height:64px;background-image:url(../images/kundenlogos/tuebingen.gif); }
a:hover#tuebingen
{background-position: 0 -64px;}




a#eissmann, a:hover#eissmann
{ top: 230px;left:12px;width:167px;height:64px; background-image:url(../images/kundenlogos/eissmann.gif);}
a:hover#eissmann
{background-position: 0 -64px;}

a#reutlingen,a:hover#reutlingen
{ top: 230px;left:179px;width:167px;height:64px; background-image:url(../images/kundenlogos/reutlingen.gif); }
a:hover#reutlingen          
{background-position: 0 -64px;}

a#wuestenrot,a:hover#wuestenrot
{ top: 230px;left:346px;width:167px;height:64px;background-image:url(../images/kundenlogos/wuestenrot.gif);  }
a:hover#wuestenrot
{background-position: 0 -64px;}

a#reusch,a:hover#reusch
{ top: 230px;left:513px;width:167px;height:64px;background-image:url(../images/kundenlogos/reusch.gif);  }
a:hover#reusch
{background-position: 0 -64px;}

a#ku,a:hover#ku
{ top: 230px;left:680px;width:167px;height:64px;background-image:url(../images/kundenlogos/ku.gif); }
a:hover#ku
{background-position: 0 -64px;}




a#mfg,a:hover#mfg
{ top: 294px;left:12px;width:167px;height:64px;background-image:url(../images/kundenlogos/mfg.gif);  }
a:hover#mfg
{background-position: 0 -64px;}

a#pago,a:hover#pago
{ top: 294px;left:12px;width:167px;height:64px;background-image:url(../images/kundenlogos/pago.gif);  }
a:hover#pago
{background-position: 0 -64px;}

a#mercedesbenz,a:hover#mercedesbenz
{ top: 294px;left:179px;width:167px;height:64px;background-image:url(../images/kundenlogos/mercedesbenz.gif);  }
a:hover#mercedesbenz
{background-position: 0 -64px;}

a#einhorn,a:hover#einhorn
{ top: 294px;left:346px;width:167px;height:64px;background-image:url(../images/kundenlogos/einhorn.gif);  }
a:hover#einhorn
{background-position: 0 -64px;}

a#mba,a:hover#mba
{ top: 294px;left:513px;width:167px;height:64px;background-image:url(../images/kundenlogos/mba.gif);  }
a:hover#mba
{background-position: 0 -64px;}

a#holder,a:hover#holder
{ top: 294px;left:680px;width:167px;height:64px;background-image:url(../images/kundenlogos/holder.gif); }
a:hover#holder
{background-position: 0 -64px;}
/*-------------------------------------- Kundenlogos----------------------------------------------------------------- ENDE*/