html{
	height:100%;
}

body{
	padding:0;
	margin:0;
	background:#222;
	font: 62.5% helvetica, sans-serif;   
}
#noscript{
	position:absolute;
	padding:0;
	margin:0 auto;
	top:0;
	left:0;
	width:100%;
	height:150px;
	z-index:9999;
	overflow:hidden;
}
.noscript_navi{
	margin:0 auto;
	padding:10px 0 0 0;
	height:30px;
	width:890px;
	background:transparent url('../images/noscript.jpg') top left no-repeat;
}
#ag_container{
	top:30px;
	position:relative;
	width:900px;
	height:535px;
	margin:0 auto;
	background: transparent url('../images/content_bg.jpg') top left no-repeat ;
	
}
#ag_content{
	position:absolute;
	width:890px; /*mit 99 funzt es auch im IE*/
	height:334px;
	top:5px;
	left:5px;
	background-color:#000;
	border-bottom:1px solid #222;
}
#ag_navigation{
	position:absolute;
	overflow:auto;
	width:890px;
	height:190px;
	bottom:5px;
	left:5px;
	font-size:1.2em;
	line-height:1.2em;
	background: #000 url('../images/nav_rahmen.jpg') top right no-repeat;
	
}
#logo{
	position:absolute;
	bottom:15px;
	right:20px;
	height:17px;
	overflow:hidden;
	background-color:none;
	width:110px;
}
#banner{
	position:absolute;
	top:0;
	left:0;
	visibility:hidden;
}
#js_inaktiv{
	position:absolute;
	top:62px;
	left:0;
}


/*____________________________________________________________Hauptnavigationsliste*/

div#chapters{
	position:absolute;
	top:25px;
	left:50px;
	width:280px;
	height:50px;
	float:left;
	overflow:hidden;
	z-index:999;
}
span.chapters_name{
	margin-bottom:35px;
	visibility:hidden;
}

div#chapters a, div#chapters span, div#caption span, div#caption a{
	display:block;
}

div#subchapters{
	visibility:visible;
	color:#fff;
	position:absolute;
	top:100px;
	left:50px;
	border-bottom:1px solid #ffd40d;
	width:280px;
	height:20px;
	overflow:hidden;
	z-index:90;
}
div#subchapter a{
	float:left;
}
div.subchapter_name{
	display:block;
 	text-transform: uppercase;	
}
span.subchapter_value{
	padding:2px 3px 1px 3px;
	background:#009ee0;
	margin:0 5px;
	text-transform: none;	
	text
}
.subchapter_links{
	float:left;
	margin:10px 0px 5px 0px;
	padding:0;
	line-height:1.6em;
}
* html .subchapter_links{
	line-height:1.7em;
}
.subchapter_links a{
	margin:0px 5px 0px 0px;
	padding:2px 3px 1px 3px;
	background-color:#009ee0;
}
.subchapter_links a:hover{
	background-color:#89ba17;
}

#caption{
	position:absolute;
	top:25px;
	left:400px;
	width:485px;
	height:150px;
	float:left;
	overflow:hidden;
}
#caption.impressum{
	position:absolute;
	top:25px;
	left:365px;
	width:500px;
	height:150px;
	float:left;
	overflow:hidden;
}
#caption_nonsub{
	position:absolute;
	top:95px;
	left:50px;
	width:300px;
	height:60px;
	float:left;
	overflow:hidden;
}

/*------------------------NoScript Liste*/
.noscript_navi ul{
	float:left;
	width:315px;
	margin:0px 0 0 5px;
	padding:0;
}
.noscript_navi ul li{
	display:inline;
	margin:0px 10px 0px 0px;
	padding:0;
	list-style:none;
	font-size:1.3em;
}

.noscript_navi ul li a{
	text-transform: uppercase;
	color:#89ba17;
}
.noscript_navi ul li a:hover, .noscript_navi ul li a.active {
	text-transform: uppercase;
	color:#009ee0;
}
#noscript .subchapter_links {
	width:555px;
	height:30px;
	margin:0;
	padding:0;
}

/*____________________________Navi Liste*/
#caption p{
	margin-bottom:5px;
	padding-left:15px;
	line-height:1.3em;	
}
p.arrow_left {
	background:transparent url('../images/arrow_left.gif') top left no-repeat;
	background-position:0px 3px;

}
p.arrow_top {
	background:transparent url('../images/arrow_top.gif') top left no-repeat;
	background-position:0px 3px;
}
p.arrow_right {
	background:transparent url('../images/arrow_right.gif') top left no-repeat;
	background-position:0px 3px;
}

#chapters a{
  color:#89ba17;
  text-transform: uppercase;
  padding-bottom:4px;
  letter-spacing:0.15em;
}
#chapters a:hover,#chapters a span:hover{
 color:#fff;	
}
#chapters a span {
	color:#89ba17;
	float:left;
	margin:0 5px;
	font-weight:bold;
}

/*____________________________Seiten umblättern*/
#blaettern{
	/*background:#222;*/
	position:absolute;
	color:#fff;
	padding:0px 0px 0px 10px;
	bottom:5px;
	right:5px;
	letter-spacing:0.15em;
	background:transparent url('../images/arrow_left_page.gif') center left no-repeat;
}
div#blaettern ul{
	list-style:none;
	margin:0;
	padding:1px 2px;
	padding-right:12px;
	background:transparent url('../images/arrow_right_page.gif') center right no-repeat;
}
div#blaettern ul li{
	text-align:center;
 	display:inline;
	margin:0;
	padding:0 3px;
	margin:0;
	border-left:1px solid #999;
	border-right:1px solid #999;

}
div#blaettern ul li a, div#blaettern ul li a:hover {
	color:#fff;
	font-family: Verdana, "MS Trebuchet", sans-serif;
	font-weight:bold;
	font-size:9px;
}

* html div#blaettern ul li{
	padding:0;
	padding-left:4px;
	margin:0 2px;
}

li#page1, li#page2, li#page3, li#page4, li#page5, li#page6, li#page7, li#page8, li#page9, li#page10{
 	background-color:#89ba17;
	width:10px; 
	height:10px;
}

li#page1.active {
	background-color:#77d3fa;
}
li#page2.active {
	background-color:#77d3fa;
}
li#page3.active {
	background-color:#77d3fa;
}
li#page4.active {
	background-color:#77d3fa;
}
li#page5.active {
	background-color:#77d3fa;
}

li#page1.active a, li#page2.active a, li#page3.active a, li#page4.active a, li#page5.active a{
	color:#000;
}
/*____________________________grüne Textbilder*/
div.Agentur {
	background: transparent url(../images/chapters/agentur.jpg) top left no-repeat;
}
div.Arbeiten {
	background: transparent url(../images/chapters/arbeiten.jpg) top left no-repeat;
}
div.Kontakt {
	background: transparent url(../images/chapters/kontakt.jpg) top left no-repeat;
}
div.Referenzen {
	background: transparent url(../images/chapters/referenzen.jpg) top left no-repeat;
}
div.weiter {
	background: transparent url(../images/chapters/weiter.jpg) top left no-repeat;
}

/*____________________________________________________________Schrift/Einstellungen/*/
p, li, ul, a, span {
	padding:0;
	margin:0;
	color:#fff;
	text-decoration:none;
	list-style:none;
}
h1{
/*reserviert für grüne Kapitelüberschriften*/	
}
h2{
	margin:0;
	margin-bottom:10px;
	padding:0;
	font-size:1.6em;
	color:#fff;
}
p.intro{
	font-size:1.4em;
	font-style: italic;
	line-height:1.2em;
}
p.intro span{
	font-size:0.8em;
	margin-left:1em;
}
p.uppercase{
	text-transform: uppercase;
}
p.copyright{
	float:right;
	color:#ccc;
	font-size:1.0em;
	line-height:1.6em;
	padding:0;
	margin:0;
	margin-top:0px;
}

div.introtext p{
	font-size:1.3em;
	border-top:1px solid #ffd40d;
	margin-bottom:.5em;
	padding:0.5em 0.5em 0em 0.5em;
	font-weight:300;
}
div.introtext p span{
	background-color:#009ee0;
	padding:0em 0.2em;
}

a img{
	border:none;
}
span.ausblenden{
	visibility:hidden;
}

a.link_negativ{
	color:#fff;
	background-color:#444;
	padding:2px 4px 2px 4px;
	margin-top:2px;
}
a.link_negativ:hover{
	color:#009ee0;
}

.block{
	display:block;
}
.floatleft{
	float:left;
}
.floatright{
	float:right;
}
.clearboth{
	clear:both;
}
.noborder{
	border:none;
}
/*____________________________________________________________Hintergrundbilder*/

div.referenzenbg{
	background: #000 url('../_referenzen/background.jpg') top left no-repeat;
}
div.kontaktbg{
	background: #000 url('../_kontakt/background.jpg') top left no-repeat;
}
div.arbeitenbg{
	background: #000 url('../_arbeiten/background.jpg') top left no-repeat;
}
/*_____________________ Indexseite_Hintergrundbild ermitteln*/
div.indexbg1{
	background: #000 url('../_index/background1.jpg') top left no-repeat;
}
div.indexbg2{
	background: #000 url('../_index/background2.jpg') top left no-repeat;
}
div.indexbg3{
	background: #000 url('../_index/background3.jpg') top left no-repeat;
}
div.indexbg4{
	background: #000 url('../_index/background4.jpg') top left no-repeat;
}
div.indexbg5{
	background: #000 url('../_index/background5.jpg') top left no-repeat;
}
div.indexbg6{
	background: #000 url('../_index/background6.jpg') top left no-repeat;
}
div.indexbg7{
	background: #000 url('../_index/background7.jpg') top left no-repeat;
}
div.indexbg8{
	background: #000 url('../_index/background8.jpg') top left no-repeat;
}
div.indexbg9{
	background: #000 url('../_index/background9.jpg') top left no-repeat;
}
div.indexbg10{
	background: #000 url('../_index/background10.jpg') top left no-repeat;
}
div.indexbg11{
	background: #000 url('../_index/background11.jpg') top left no-repeat;
}
div.indexbg12{
	background: #000 url('../_index/background12.jpg') top left no-repeat;
}
div.indexbg13{
	background: #000 url('../_index/background13.jpg') top left no-repeat;
}
div.indexbg14{
	background: #000 url('../_index/background14.jpg') top left no-repeat;
}
div.indexbg15{
	background: #000 url('../_index/background15.jpg') top left no-repeat;
}
div.indexbg16{
	background: #000 url('../_index/background16.jpg') top left no-repeat;
}
div.indexbg17{
	background: #000 url('../_index/background17.jpg') top left no-repeat;
}
div.indexbg18{
	background: #000 url('../_index/background18.jpg') top left no-repeat;
}
div.indexbg19{
	background: #000 url('../_index/background19.jpg') top left no-repeat;
}
div.indexbg20{
	background: #000 url('../_index/background20.jpg') top left no-repeat;
}

/*____________________*/
div.adidasbg{
	background: #000 url('../_adidas/background.jpg') top left no-repeat;
}
div.adidas1bg{
	background: #000 url('../_adidas/background1.jpg') top left no-repeat;
}
div.nidecbg{
	background: #000 url('../_nidec/background.jpg') top left no-repeat;
}
div.kreissparkassebg{
	background: #000 url('../_kreissparkasse/background.jpg') top left no-repeat;
}
div.enbwbg{
	background: #000 url('../_enbw/background.jpg') top left no-repeat;
}
div.tommybg{
	background: #000 url('../_tommy/background.jpg') top left no-repeat;
}
div.tommy1bg{
	background: #000 url('../_tommy/background1.jpg') top left no-repeat;
}
div.tommy2bg{
	background: #000 url('../_tommy/background2.jpg') top left no-repeat;
}
div.tommy3bg{
	background: #000 url('../_tommy/background3.jpg') top left no-repeat;
}
div.ogebg{
	background: #000 url('../_oge/background.jpg') top left no-repeat;
}
/*____________________________________________________________Content*/
/*3Spalten*/
#column1_3{
	float:left;
	padding:0;
	margin:10px 0px 0px 5px;
	width:280px;
	height:300px;
	overflow:auto;
}
#column2_3{
	float:left;
	padding:0;
	margin:10px 0px 0px 17px;
	width:280px;
	height:300px;
	overflow:auto;
}
* html #column2_3{
	margin:10px 0px 0px 12px;
}
#column3_3{
	float:right;
	padding:0;	
	margin:10px 5px 0px 0px;
	width:280px;
	height:300px;
	overflow:auto;
}
/*2Spalten*/
#column1_2{
	float:left;
	padding:0;
	margin:10px 0px 0px 5px;
	width:430px;
	height:300px;
	overflow:auto;
}
#column2_2{
	float:right;
	padding:0;
	margin:10px 5px 0px 0px;
	width:430px;
	height:300px;
	overflow:auto;	
}
/*1Spalte*/
#column1_1{
	padding:0;
	margin:10px auto;
	margin-bottom:0px;
	width:870px;
	height:290px;
	overflow:auto;
	border:1px solid red;
}
 /*Adidas*/
#adidas1left{
	float:left;
	width:200px;
	padding:0;
	margin:20px 0px 0 50px;
	height:250px;	
}
#adidas1right{
	float:right;
	width:200px;
	padding:0;
	margin:20px 50px 0 0px;
	height:250px;
}
	/**/
#adidas2left{
	float:left;
	width:320px;
	padding:0;
	margin:20px 0px 0px 15px;
	height:250px;	
}
* html #adidas2left{
	margin:20px 0px 0px 10px;
}
#adidas2right{
	float:left;
	width:355px;
	padding:0;
	margin:20px 0px 0px 5px;
	height:250px;
}
	/*nidec*/
#nidecleft{
	float:left;
	width:310px;
	padding:0;
	margin:20px 0px 0 50px;
	height:250px;	
}
#nidecright{
	float:left;
	width:200px;
	padding:0;
	margin:20px 0px 0 50px;
	height:250px;	
}
	/*KSK*/
#kskleft{
	float:left;
	width:350px;
	padding:0;
	margin:20px 0px 0 50px;
}
#kskright{
	float:right;
	width:250px;
	padding:0;
	margin:20px 75px 0 0px;
}
* html #kskright{
	margin:20px 30px 0px 0px;
}
* html #kskleft{
	margin:20px 0px 0px 25px;
}
 /*ENBW*/
#enbw1left{
	float:left;
	width:360px;
	padding:0;
	margin:20px 0px 0 50px;
}
#enbw1right{
	float:right;
	width:350px;
	padding:0;
	margin:20px 50px 0 0px;
	height:305px;
}
#enbw2left{
	float:left;
	width:325px;
	padding:0;
	margin:20px 0px 0 50px;
	height:275px;	
}
#enbw2right{
	float:right;
	width:400px;
	padding:0;
	margin:20px 50px 0 0px;
	height:305px;
}
* html #enbw1left, * html #enbw2left,{
	margin:20px 0px 0 25px;
}
* html #enbw1right, * html #enbw2right{
	margin:20px 25px 0 0px;
}
 /*Tommy*/
#tommy1left{
	position:relative;
	float:left;
	width:360px;
	padding:0;
	margin:20px 0px 0 50px;
	height:310px;
}
#tommy1right{
	float:right;
	width:350px;
	padding:0;
	margin:20px 50px 0 0px;
	height:305px;
}
#tommy2left{
	float:left;
	width:300px;
	padding:0;
	margin:20px 0px 0 50px;
}
#tommy2right{
	float:right;
	width:420px;
	padding:0;
	margin:20px 50px 0 0px;
	height:305px;
}
#tommy3left{
	float:left;
	width:200px;
	padding:0;
	margin:20px 0px 0 50px;
}
#tommy3right{
	float:right;
	width:520px;
	padding:0;
	margin:20px 50px 0 0px;
	height:305px;
}
#tommy4left{
	float:left;
	width:200px;
	padding:0;
	margin:20px 0px 0 50px;
}
#tommy4center{
	text-align:center;
	float:left;
	width:200px;
	padding:0;
	margin:20px 0px 0 100px;
}
#tommy4right{
	float:right;
	width:205px;
	padding:0;
	margin:20px 50px 0 0px;
	height:305px;
}

* html #tommy1left, * html #tommy2left, * html #tommy3left, * html #tommy4left{
	margin:20px 0px 0 25px;
}
* html #tommy1right, * html #tommy2right, * html #tommy3right, * html #tommy4right{
	margin:20px 25px 0 0px;
}
/*OGE*/
#ogeleft{
	float:left;
	width:212px;
	padding:0;
	margin:20px 0px 0 50px;
}
#ogeright{
	float:right;
	width:330px;
	padding:0;
	margin:20px 150px 0 0px;
}

* html #ogeleft{
	margin:20px 0px 0 25px;
}
* html #ogeright{
	margin:20px 75px 0 0px;
}
	/*Kontakt*/
#kontakt{
	position:absolute;
	top:20px;
	left:400px;
	width:480px;
	height:310px;
	float:left;
	overflow:hidden;
}

div.introtext{
	position:absolute;
	left:5em;
	bottom:1.5em;
	width:65em;
	padding:0;
	background-color:#000;
	border-bottom:1px solid #ffd40d;
}

/*____________________________________________________________Effekte/Buttons/Formulare/Bilder*/
.transparenz{
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
}
a.abspielen{
	line-height:0; 
	margin:0;
	padding:0;
	margin-top:0.5em;
	background:transparent url('../images/play_button.jpg') top left no-repeat;
	width:20px;
	height:20px;
}
a.abspielen:hover{
	background-position:0px -20px;
}
/*Schatten um Bilder*/

img, a img{
	border-right:2px solid #555;
	border-bottom:2px solid #555;
}
a img:hover{
	border-right:2px solid #222;
	border-bottom:2px solid #222;
}
a img:hover.noborder{
	border:none;
}

/*Formular*/
label, input, select, textarea { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 300px; /* Breite.*/
  height:18px;
  margin:0px 0px 5px 0px;
  padding:0px 0px 0px 5px;
  border:1px solid #999;
  background: transparent url('../images/form_background.png') top left repeat-x;
  color:#fff;
}
#telefon{
	display:inline;
	width:195px;
}
#rueckruf{
	width:auto;
	float:left;
	background:none;
	border:none;
	margin:2px 5px 0 5px;
}
* html #rueckruf{
	margin:2px 0px 0 0px;
}
.hiddenfield{
	display:none;
}

span.sp_rueckruf{
	color:#000;
	margin:0;
	padding:0;
	font-size:1em;
}
label{
	text-align: left; 
	font-size:1.2em;
	width:70px;
	border:none;
	background:none;
	padding:0;
	margin:0;
	text-shadow: #000 1px 1px 5px;
}
textarea{
  height:100px;
  background: transparent url('../images/form_background_big.png') top left repeat-x;
  overflow:auto;
}
form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}
input#submit { /* den Submit-Button */
  display:inline;
  float: none;
  width: 75px;
  height:25px;
  padding:0;
  margin:0;
  margin-top:10px;
  border:1px solid #999;
  border-left:1px solid #000;
  border-top:1px solid #000;
}
input#Code, input#captchacode{
  text-align:center;
  display:inline;
  float: none;
  width: 90px;
  height:20px;
  padding:5px 0 0 0;
  margin:0;
}
input#captchacode{
 margin-left:5px;
 padding:5px 0 0 0;
}
.pflichtfelder{
	margin:0 0 0 5px;
}
.code{
	font-size:1.2em;
	margin-left:18px;
}
.radiobutton{
	width:auto;
	height:auto;
}
	/*Bilder Seasonal Guideline Tommy*/
.ssg1{
	position:absolute;
	top:0px;
	left:0px;
}	
.ssg2{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	position:absolute;
	top:60px;
	left:50px;
}
.ssg3{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	position:absolute;
	top:125px;
	left:25px;
}
.ssg4{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	position:absolute;
	top:185px;
	left:80px;
}
	/*Bilder Seasonal Guideline OGE*/
.oge1{
	margin:0px 0px 10px 7px;
}
.oge2{
	margin:0 0 0 7px;
}

/*____________________________________________________________IE PNG FIX*/

img, div, input, textarea, a { 
	behavior: url("css/iepngfix.htc") 
}
img{
	border:none;
}