#main					{
						width: 830px;

						margin: 132px auto 0px auto;
						padding: 30px 30px 50px 30px;

						background: #ffffff;
						}


	#content					{
							float: right;
							width: 570px;
							min-height: 400px;
							}

	#subnavigation				{
							float: left;
							width: 230px;
							}

#header					{
						position: absolute;
						top: 0px;
						left: 0px;
						width: 100%;
						height: 117px;

						background: url(../img/layout/header.jpg) bottom left repeat-x;
						}

	#logo					{
							width: 890px;
							margin: 0px auto;

							height: 87px;
							}

	#navigation				{
							width: 890px;
							margin: 0px auto;

							height: 32px;
							}

#flash					{

						position: absolute;
						top: 117px;
						left: 50%;




						width: 920px;
						height: 230px;
						margin-left: -460px;
						}

#flash a				{
						position:absolute;
						width:890px;
						height:200px;
}

#footer					{
						width: 830px;
						margin: 15px auto 40px auto;
						padding: 15px 30px;
						background: url(../img/layout/footer.jpg) top left repeat-x;
						}

	#footer div.adresse			{
							float: left;
							width: 230px;
							margin-right: 30px;
							}

	#footer div.ueber-uns			{
							float: left;
							width: 260px;
							margin-right: 30px;
							}

	#footer div.partnerlinks, #footer div.neuigkeiten		{
							float: left;
							width: 270px;
							}


/* ---------------------------- Startseite ---------------------------- */

#index #content			{
						float: none;
						width: 830px;

						margin: 347px auto 0px auto;
						padding: 20px 30px 50px 30px;

						background: #ffffff;
						}

#index #content div.kompetenzen	{
						float: left;
						width: 570px;
						}

	#index #content div.kompetenzen div.online-marketing	{
							float: left;
							width: 280px;
							}

	#index #content div.kompetenzen div.webdesign	{
							float: right;
							width: 275px;
							}

	#index #content div.kompetenzen div.marketingmix	{
							clear: both;
							margin-top: 0px;
							float: left;
							width: 270px;
							}

	#index #content div.kompetenzen div.suchmaschinen-marketing	{
							margin-top: 0px;
							float: right;
							width: 275px;
							}

#index #content div.news		{
						float: right;
						width: 230px;
						margin-top: 0px;
						}

/* ---------------------------- Agentur ---------------------------- */

#agentur #content div.sidebar	{
						position: relative;
						}

#agentur #content div.sidebar div.fragezeichen		{
						position: absolute;
						top: 80px;
						left: 175px;

						width: 50px;
						height: 102px;

						background: url(../img/emotions/agentur_fragezeichen.png) top left no-repeat;
						}

/* ---------------------------- Agentur: Historie ---------------------------- */


/* ---------------------------- Agentur: Ansprechpartner ---------------------------- */

#ansprechpartner #content div.mitarbeiter	{
						float: left;
						width: 570px;
						margin: 15px 0px;

						background-color: #f5f7f8;
						}

#ansprechpartner #content div.foto		{
						float: left;
						width: 110px;
						height: 144px;

						background-color: #e1e7ea;
						}

#ansprechpartner #content div.name		{
						float: left;
						width: 440px;
						padding: 10px;
						}
/*
#ansprechpartner #content #kevin-willhoeft
, #ansprechpartner #content #herbert-muehlroth
, #ansprechpartner #content #jessica-vuthi
, #ansprechpartner #content #tobias-r
, #ansprechpartner #content #lars-l
, #ansprechpartner #content #joahnnes-m	{
						margin-left: 30px;
						}
*/

/* ---------------------------- Produkte: Redaktionssystem ---------------------------- */

#cms #content div.sidebar		{
						margin-top: 15px;
						padding-bottom: 10px;
						}

#cms #content div.produktbox, #shop #content div.produktbox, #hosting #content div.produktbox {
						padding-top: 9px;
						}

/* ---------------------------- Kontakt ---------------------------- */

#kontakt #content div.adresse	{
						float: left;
						width: 270px;
						}

#kontakt #content div.support	{
						float: right;
						width: 270px;
						}


/* ---------------------------- Kontakt: Impressum ---------------------------- */

#impressum #content div.adresse	{
						float: left;
						width: 270px;
						}

#impressum #content div.haftungshinweis	{
						float: right;
						width: 270px;
						}


/* ---------------------------- Nachrichten ---------------------------- */

/* Fehler */
div.fehler div.nachricht		{
						min-height: 43px;
						padding: 10px 60px;
						border-top: #f5dc63 1px solid;
						border-bottom: #f5dc63 1px solid;
						background: url(../img/icons/nachricht_fehler.jpg) 17px center no-repeat;
						}

/* Fertig */
div.fertig					{
						border-top: #64a70d 1px solid;
						border-bottom: #64a70d 1px solid;
						}

div.fertig div.nachricht		{
						padding: 20px 40px;
						}


/* ---------------------------- Referenzen ---------------------------- */

#referenzen #main			{
						float: none;
						width: 830px;
						padding: 20px 30px 50px 30px;
						}

#referenzen #content {
						width: 830px;
						padding: 20px 0px 0px 0px;
}

#referenzen #flash			{
						padding: 16px 0px 0px 15px;
						}

#referenzen #content ol div.bild	{
						float:left;
						width: 570px;
						height: 250px;
						}

#referenzen #content ol div.bild a	{
						padding:0px;
						margin:0px;
}

#referenzen #content .sidebar {
						float:right;
						width:250px;
						margin:0px;
						height:240px;
}

#referenzen #content ol div.mehr	{
						position:absolute;
						top:220px;

						width: 234px;
						height: 27px;
						padding: 1px 16px 1px 0px;
						background: #eaeef1 url(../img/layout/mehr.jpg) top left repeat-x;
						}


#referenzen #content ol div.projekt	{
						position: absolute;
						top: 250px;
						left: 0px;
						width: 334px;
						height: 27px;
						padding: 0px 0px 0px 16px;
						background: #eaeef1 url(../img/layout/mehr.jpg) top left repeat-x;
						}

/* ---------------------------- Referenzen: Details ---------------------------- */

#referenzendetails #main			{
						float: none;
						width: 830px;

						padding: 20px 30px 50px 30px;
						}

#referenzendetails #content {
						width: 830px;
						padding: 20px 0px 0px 0px;
}

#referenzendetails #content .inhalt {
						width:600px;
}

#referenzendetails #content div.sidebar	{
						padding-bottom: 0px;
						}

#referenzendetails #content div.bilder div.image	{
						float: left;
						padding: 10px 0px 0 0;
						margin-right: 18px;
						width: 129px;
						height: 90px;
						text-align: center;
						}

#referenzendetails #content div.bilder div.last	{
						margin: 0px;
						}

/* ---------------------------- Referenzen: Kundenliste ---------------------------- */

#kunden #content div.image	{
						float: left;
						width: 160px;
						margin: 0px 30px 30px 0px;
						text-align: center;
						}

#kunden #content div.image.last	{
						margin-right: 0px;
						}


/* ---------------------------- SEM-Info ---------------------------- */

#seminfo #content div.adresse	{
						float: left;
						width: 270px;
						}

#seminfo #content div.support	{
						float: right;
						width: 270px;
						}

/* ---------------------------- EC-Generator ---------------------------- */

#ecgenerator #content div.emailinput {
						margin-top:25px;
}

#ecgenerator #content div.emailinput dl {
						width:270px;
}

#ecgenerator #content div.emailinput dd {
						background-color: #F5F7F8;
					    margin-bottom: 20px;
					    padding: 4px;
}

#ecgenerator #content div.emailinput dd input {
						width:252px;
}

#ecgenerator #content div.warning {
						background: url("../img/icons/nachricht_fehler.jpg") no-repeat scroll 17px center transparent;
					    border-bottom: 1px solid #F5DC63;
					    border-top: 1px solid #F5DC63;
					    padding: 20px 30px 20px 80px;
						margin-bottom:15px;

					    color: #404040;
					    font-size: 1.1em;
					    font-style: italic;
					    font-weight: normal;
}

#ecgenerator #content dl {
						width:450px;
}

#ecgenerator #content dl dt {
						float:left;
						width:200px;

						line-height:24px;
}

#ecgenerator #content dl dd {
						float:right;
						width:250px;

						line-height:24px;
}

#ecgenerator #content div.outgoing_mail_server {
						margin:25px 0px;
}

/* ----------------------------------------------------------------------------------- */

div.mehr					{
						padding: 0px 16px;
						height: 27px;
						background: #eaeef1 url(../img/layout/mehr.jpg) top left repeat-x;
						}

div.inhalt					{
						float: left;
						width: 340px;
						margin: 0px;
						padding: 0px;
						}

div.sidebar				{
						float: right;
						width: 200px;
						margin: 0px 0px 30px 30px;
						padding-bottom: 10px;
						background: #f5f7f8;
						}

#content div.sidebar div.image	{
						padding: 20px 0px 20px 0px;
						margin-bottom: 15px;
						text-align: center;
						border-top: #e1e7ea 1px solid;
						border-bottom: #e1e7ea 1px solid;
						background: #ffffff;
						}

div.table-of-contents			{
						float: right;
						width: 200px;
						margin: 10px 0px 30px 30px;
						padding-bottom: 10px;
						background: #f5f7f8;
						}

div.abbildung 				{
						margin: 30px 0px 40px 0px;
						text-align: center;
						}

div.siehe-auch				{
						margin-top: 30px;
						padding: 0.7em 0.1em;
						background: url(../img/layout/hr.gif) top left repeat-x;
						}

div.nach-oben				{
						height: 20px;
						}

div.announcement			{
						position: absolute;
						top: 40px;
						left: -40px;
						width: 267px;
						height: 194px;
						background: url(../i18n/de_DE/img/emotions/jobangebot.png) top left no-repeat;
						}

div.vspacer				{
						clear: both;
						height: 0px;
						font-size: 0px;
						line-height: 0px;
						}