body {
background-image: url(../icon/agenturhgseite.jpg);
background-attachment: fixed;
background-position: top center;
background-color: #495058;
margin: 0;
padding: 20px 0 0 0;
font-family: Helvetica,Arial,sans-serif;
font-size: 12px;
color: #666;
line-height: 175%;
margin: 0;
padding: 0;
}

a:focus {
outline: none;
}

div#container {
position: relative;
width: 1024px;
margin: 0 auto;
}

h1,h2,h3,h4,h5 {
margin-bottom: 3px;
padding-bottom: 3px;
}

div#hgoben {
background-image: url(../icon/agenturkopfhg.png);
background-position: bottom left;
background-repeat: no-repeat;
width: 900px;
height: 10px;
margin: 0 auto;
}

div#hgkopfleiste { background-image: url(../icon/agenturmittehg.png);
background-repeat: repeat-y;
width: 900px;
margin: 0 auto;
}

div#hgkopfleiste img {
margin: 0 auto;
display: block;
width: 878px;
height: 159px;
border: 0px solid green;
text-decoration: none;
}

div#flashcontainer {
margin: 0 auto;
width: 900px;
height: 300px;
overflow: hidden;
background-image: url(../icon/agenturhgflash.png);
background-repeat: repeat-y;
position: relative;
}

div#flash {
margin: 0 auto;
width: 880px;
height: 350px;
overflow: hidden;
position: relative;
}

div.star {
position: absolute;
top: 20px;
left: 50px;
width:103px;
height:102px;
z-index: 999;
background-image: url(../icon/stern.png);
background-repeat: no-repeat;
}
div#flashr {
margin: 0 auto;
width: 880px;
height: 350px;
overflow: hidden;
}



div#navigationsleiste {
width: 880px;
height: 45px;
background-color: #1d1d1d;
margin: 0 auto 0 auto;
}

div#navigationsleiste ul {
list-style-type: none;
display: block;
margin: 0 auto 0 auto;
width: 520px;
}

div#navigationsleiste ul li {
display: inline;
}

div#navigationsleiste ul li a {
display: block;
height: 45px;
float: left;
background-repeat: no-repeat;
margin: 0 10px 0 10px;
}

div#navigationsleiste ul li a#agentur {
background-image: url(../icon/agentur-i.png);
width: 77px;
}

a.agenturaktiv {
background-image: url(../icon/agentur-a.png)!important;
width: 77px;
}

div#navigationsleiste ul li a#agentur:hover {
background-image: url(../icon/agentur-a.png);
width: 77px;
}

div#navigationsleiste ul li a#portfolio {
background-image: url(../icon/portfolio-i.png);
width: 84px;
}

a.portfolioaktiv {
background-image: url(../icon/portfolio-a.png)!important;
width: 77px;
}

div#navigationsleiste ul li a#portfolio:hover {
background-image: url(../icon/portfolio-a.png);
width: 84px;
}

div#navigationsleiste ul li a#referenzen {
background-image: url(../icon/referenzen-i.png);
width: 102px;
}

a.referenzenaktiv {
background-image: url(../icon/referenzen-a.png)!important;
width: 77px;
}

div#navigationsleiste ul li a#referenzen:hover {
background-image: url(../icon/referenzen-a.png);
width: 102px;
}

div#navigationsleiste ul li a#kontakt {
background-image: url(../icon/kontakt-i.png);
width: 72px;
}

a.kontaktaktiv {
background-image: url(../icon/kontakt-a.png)!important;
width: 77px;
}

div#navigationsleiste ul li a#kontakt:hover {
background-image: url(../icon/kontakt-a.png);
width: 72px;
}

div#navigationsleiste ul li a#jobs {
background-image: url(../icon/jobs-i.png);
width: 42px;
}

a.jobsaktiv {
background-image: url(../icon/jobs-a.png)!important;
width: 77px;
}

div#navigationsleiste ul li a#jobs:hover {
background-image: url(../icon/jobs-a.png);
width: 42px;
}

div#hgmitte 			{ background-image: url(../icon/agenturmittehg.png); background-repeat: repeat-y; width: 900px; margin: 0 auto; }
div#inhalt				{ background-image: url(../icon/agenturhginnenunten.png); background-repeat: no-repeat; background-position: top left; background-color: #fff; width: 878px; min-height: 200px; margin: 0 auto; }
div#inhaltjob			{ background-image: url(../icon/agenturhginnenuntenjob.png); background-repeat: no-repeat; background-position: top left; background-color: #fff; width: 878px; min-height: 200px; margin: 0 auto; }
div#inhaltportfolio		{ background-image: url(../icon/agenturhginnenuntenportfolio.png); background-repeat: no-repeat; background-position: top left; background-color: #fff; width: 878px; min-height: 200px; margin: 0 auto; }
div#inhaltohne			{ background-image: url(../icon/agenturhginnenuntenohne.png); background-repeat: no-repeat; background-position: top left; background-color: #fff; width: 878px; min-height: 200px; margin: 0 auto; }
div#inhaltlinks			{ margin: 25px 0 0 55px; width: 364px; float: left; min-height: 200px; }
div#inhaltlinkskontakt	{ margin: 25px 0 0 55px; width: 364px; float: left; min-height: 200px; }
div#inhaltlinksagentur	{ margin: 25px 0 0 55px; width: 364px; float: left; min-height: 200px; }
div#inhaltlinksplanung	{ margin: 25px 35px 0 55px; width: 425px; float: left; min-height: 200px; }
div#inhaltlinksvisionen	{ margin: 25px 35px 0 55px; width: 425px; float: left; min-height: 200px; }
div#inhaltlinksillu		{ margin: 25px 35px 0 55px; width: 465px; float: left; min-height: 200px; }
div#inhaltrechts		{ margin: 25px 0 0 80px; width: 355px; float: left; min-height: 200px; }
div#inhaltrechtsjob		{ margin: 35px 0 0 80px; width: 355px; float: left; min-height: 200px; }
div#inhaltref			{ background-image: url(../icon/agenturhginnenuntenohne.png); background-repeat: no-repeat; background-position: top left; background-color: #fff; width: 878px; min-height: 200px; margin: 0 auto; }
div#inhaltkontakt		{ background-image: url(../icon/agenturhginnenuntenkontakt.png); background-repeat: no-repeat; background-position: top left; background-color: #fff; width: 878px; margin: 0 auto; }
div#inhaltreferenzen	{ margin: 0 55px 0 55px; width: 760px; padding-top: 25px; }
div#inhaltrechtsbild	{ margin: 25px 0 0 10px; width: 355px; float: left; }
div#inhaltrechtsbildagentur 	{ margin: 75px 0 40px 50px; width: 330px; float: left; }
div#inhaltrechtskontakt	{ margin: 25px 0 0 75px; width: 355px; float: left; }
div#inhaltrechtsvisionen { margin: 25px 0 0 0px; width: 310px; float: left; }
div#hgunten 			{ background-image: url(../icon/agenturmitteunten.png); background-repeat: no-repeat; width: 900px; height: 10px; margin: 0 auto; }
div#companylinks		{ width: 900px; height: 25px; margin: 0 auto 15px auto; text-align: center; color: #fff; font-weight: normal; font-size: 12px; }
div#companylinks a:link		{ text-align: center; color: #fff; text-decoration: none; }
div#companylinks a:visited	{ text-align: center; color: #fff; text-decoration: none; }
div#companylinks a:hover	{ text-align: center; color: #dadada; text-decoration: underline; }
.breaker					{ clear: both; }
img#headline1				{ width: 299px; height: 29px; display: block; margin-top: 10px; margin-bottom: 5px; }
img#headline2				{ width: 301px; height: 29px; display: block; margin-top: 10px; margin-bottom: 5px; }
img#portfoliohead1			{ width: 142px; height: 34px; display: block; margin-top: 10px; margin-bottom: 5px; }
img#portfoliohead2			{ width: 299px; height: 34px; display: block; margin-top: 10px; margin-bottom: 5px; }
img#impressumhead			{ width: 138px; height: 34px; display: block; margin-top: 10px; margin-bottom: 5px; }
img#headlinevisionen		{ width: 281px; height: 34px; display: block; margin-top: 10px; margin-bottom: 5px; }
img#headlineillu			{ width: 314px; height: 34px; display: block; margin-top: 10px; margin-bottom: 5px; }
img#headlinefoto			{ width: 234px; height: 34px; display: block; margin-top: 10px; margin-bottom: 5px; }
img#designhead				{ width: 300px; height: 34px; display: block; margin-top: 10px; margin-bottom: 5px; }
img#jobhead					{ width: 298px; height: 34px; display: block; margin-top: 10px; margin-bottom: 5px; }
img#kontakthead				{ width: 353px; height: 34px; display: block; margin-top: 10px; margin-bottom: 5px; }
div.absatz					{ margin-top: 3px; }
div.absatzgross				{ margin-top: 10px; }
img#agenturteam				{ width: 422px; height: 355px; display: block; margin-top: 10px; }
img#headlineagentur			{ width: 298px; height: 34px; display: block; margin-top: 10px; }
img#referenzenhead			{ width: 375px; height: 34px; display: block; margin-top: 10px; margin-bottom: 5px; }
img#balletthead				{ width: 388px; height: 22px; display: block; margin-top: 18px; margin-bottom: 15px; }
img#deumahead				{ width: 441px; height: 22px; display: block; margin-top: 18px; margin-bottom: 15px; }
img#goetterthead			{ width: 252px; height: 22px; display: block; margin-top: 18px; margin-bottom: 15px; }
img#hochzeitsmessehead		{ width: 441px; height: 22px; display: block; margin-top: 18px; margin-bottom: 15px; }
img#voelkelhead				{ width: 441px; height: 22px; display: block; margin-top: 18px; margin-bottom: 15px; }
img#kirchentaghead			{ width: 441px; height: 22px; display: block; margin-top: 18px; margin-bottom: 15px; }
img#krombacherhead			{ width: 441px; height: 22px; display: block; margin-top: 18px; margin-bottom: 15px; }
img#nrwtaghead				{ width: 441px; height: 22px; display: block; margin-top: 18px; margin-bottom: 15px; }
img#quasthead				{ width: 441px; height: 22px; display: block; margin-top: 18px; margin-bottom: 15px; }
img#sfshead					{ width: 441px; height: 22px; display: block; margin-top: 18px; margin-bottom: 15px; }
img#steinseiferhead			{ width: 441px; height: 22px; display: block; margin-top: 10px; margin-bottom: 15px; }
img#headlineplanung			{ width: 282px; height: 34px; display: block; margin-top: 10px; margin-bottom: 5px; }
img#headlinedesign			{ width: 300px; height: 34px; display: block; margin-top: 10px; margin-bottom: 5px; }
img#headlinekommunikation	{ width: 592px; height: 34px; display: block; margin-top: 10px; margin-bottom: 5px; }
img#ref1,img#ref2,img#ref3,img#ref4,img#ref5 { width: 756px; height: 153px; }
div#refimages				{ margin: 5px 0 15px 0; }
img#gears					{ width: 351px; height: 283px; margin-top: 90px; }
img#design					{ width: 277px; height: 280px; padding: 40px 0 0 40px; display: block; }
img#visionen				{ width: 201px; height: 254px; margin-top: 10px; margin-left: 80px; }
img#pinsel					{ width: 303px; height: 274px; padding-top: 75px; margin-left: 20px; display: block; }
img#tinte					{ width: 245px; height: 320px; padding-left: 70px; display: block; position: relative; top: 10px; z-index: 999; }
img#foto					{ width: 250px; height: 262px; margin-top: 15px; margin-left: 20px; }
ul#listeplanung 			{ padding-left: 12px; }
div.auftraghead				{ margin-bottom: 10px; font-weight: bold; float: left; width: 110px; }
div.auftragbody				{ margin-bottom: 10px; font-weight: normal; float: left; width: 550px; }
div.vspacer					{ height: 15px; }
img#ballettbild				{ width: 766px; height:367px; }
img#deumabild				{ width: 766px; height:420px; }
img#goettertbild			{ width: 759px; height:433px; }
img#hochzeitsmessebild		{ width: 766px; height:352px; }
img#kirchentagbild			{ width: 766px; height:366px; }
img#kromabacherbild			{ width: 766px; height:325px; }
img#nrwtagbild				{ width: 766px; height:457px; }
img#quastbild				{ width: 766px; height:410px; }
img#sfsbild					{ width: 759px; height:460px; }
img#steinseiferbild			{ width: 766px; height:340px; }
a.textlink:link				{ text-decoration: none; color: #b1c800; }
a.textlink:visited			{ text-decoration: none; color: #b1c800; }
a.textlink:hover			{ text-decoration: none; color: #333; }
input.inputtext, textarea.inputtext	{ border: 1px solid #666; font-family: helvetica,arial,sans-serif; font-size: 12px; color: #666; line-height: 20px;  margin-bottom: 21px; padding: 5px; width: 322px; }
input.vorbelegung, textarea.vorbelegung	{ border: 1px solid #666; font-family: helvetica,arial,sans-serif; font-size: 12px; color: #aaa; line-height: 20px;  margin-bottom: 21px; padding: 5px; width: 322px; }
input.normal, textarea.normal { border: 1px solid #666; font-family: helvetica,arial,sans-serif; font-size: 12px; color: #666; line-height: 20px;  margin-bottom: 21px; padding: 5px; width: 322px; }
div#k1						{ margin: 0 55px 0 55px; width: 760px; padding-top: 25px; }
input#ergebnis				{ border: 1px solid #666;  font-family: helvetica,arial,sans-serif; font-size: 12px; color: #666; line-height: 20px; margin-bottom: 21px; padding: 5px; }
div#submit					{ margin: 0 auto; width: 65px; padding-bottom: 20px;}
div#fehler 					{ width: 766px; border: 1px solid red; padding: 5px; margin-top: 10px; }
div#fehler h2				{ margin-top: 0!important; padding-top: 0!important; }
div#danke					{ height: 350px; }
div#flashprint				{ display: none!important; }
.klein						{ line-height: 120%; }
div.agenturaussichten		{ width: 1px; height: 1px; overflow: hidden; }
div#portfolionav {
position: absolute;
top: 200px;
right: 220px;
z-index: 9999999;
font-size: 11px;
color: #fff;
line-height: 165%;
}
div#portfolionav h1 {
font-weight: bold;
font-size: 18px;
padding-bottom: 5px;
}
div#portfolionav ul {
padding: 0;
}

div#portfolionav ul li {
display: block;
list-style-type: none;
color: #65c505;
font-weight: bold;
line-height: 165%;
}
div#portfolionav li a {
font-weight: bold;
color: #fff;
text-decoration: none;
}

div#portfolionav li a:hover {
color: #65c505;
}

.aktivpf {
color: #fff!important;
}