/*Hauptlayout*/

img {
display:block;
}

body {
	background-color: #313131;
}

/*Header-Nav BLAU*/

#header1-blau {
	background: url('backheader-blau.gif') repeat-x; /* Hintergrundbild das waagrecht wiederholt wird */
	position: absolute;
	height: 134px;
	
	top: 0px;
	left: 0px;
	width: 100%;
}

#header2-blau {
	background: url('logoheaderwolken-blau.gif');
	height: 134px;
	width: 947px;
	margin: 0px auto; /* Aussenabstand - durch auto = mittige Ausrichtung */
}

#logo-blau {
	
	
	float: left;
}

#uebernav-blau {
	
	height: 96px;
	width: 440px;
	
	
}

#buttons-blau {

	padding-top: 96px;
	
	
	
}

#button1-blau {
	float: left;
	
	
}

#button2-blau {
	float: left;
	
}

#button3-blau {
	float: left;
	
}

#button4-blau {
	float: left;
	
}



/*Header-Nav ORANGE*/

#header1-orange {
	background: url('backheader-orange.gif') repeat-x; /* Hintergrundbild das waagrecht wiederholt wird */
	position: absolute;
	height: 134px;
	
	top: 0px;
	left: 0px;
	width: 100%;
}

#header2-orange {
	background: url('logoheaderwolken-orange.gif');
	height: 134px;
	width: 947px;
	margin: 0px auto; /* Aussenabstand - durch auto = mittige Ausrichtung */
}

#logo-orange {
	
	
	float: left;
}

#uebernav-orange {
	
	height: 96px;
	width: 440px;
	
	
}

#buttons-orange {

	padding-top: 96px;
	
	
	
}

#button1-orange {
	float: left;
	
	
}

#button2-orange {
	float: left;
	
}

#button3-orange {
	float: left;
	
}

#button4-orange {
	float: left;
	
}


/*Header-Nav TURKIS*/

#header1-turkis {
	background: url('backheader-turkis.gif') repeat-x; /* Hintergrundbild das waagrecht wiederholt wird */
	position: absolute;
	height: 134px;
	
	top: 0px;
	left: 0px;
	width: 100%;
}

#header2-turkis {
	background: url('logoheaderwolken-turkis.gif');
	height: 134px;
	width: 947px;
	margin: 0px auto; /* Aussenabstand - durch auto = mittige Ausrichtung */
}

#logo-turkis {
	
	
	float: left;
}

#uebernav-turkis {
	
	height: 96px;
	width: 440px;
	
	
}

#buttons-turkis {

	padding-top: 96px;
	
	
	
}

#button1-turkis {
	float: left;
	
	
}

#button2-turkis {
	float: left;
	
}

#button3-turkis {
	float: left;
	
}

#button4-turkis {
	float: left;
	
}


/*Header-Nav ROT*/

#header1-rot {
	background: url('backheader-rot.gif') repeat-x; /* Hintergrundbild das waagrecht wiederholt wird */
	position: absolute;
	height: 134px;
	
	top: 0px;
	left: 0px;
	width: 100%;
}

#header2-rot {
	background: url('logoheaderwolken-rot.gif');
	height: 134px;
	width: 947px;
	margin: 0px auto; /* Aussenabstand - durch auto = mittige Ausrichtung */
}

#logo-rot {
	
	
	float: left;
}

#uebernav-rot {
	
	height: 96px;
	width: 440px;
	
	
}

#buttons-rot {

	padding-top: 96px;
	
	
	
}

#button1-rot {
	float: left;
	
	
}

#button2-rot {
	float: left;
	
}

#button3-rot {
	float: left;
	
}

#button4-rot {
	float: left;
	
}




/*Footer*/

#footerlinie {
	
	width: 921px;
	height: 9px;
	
	padding-top: 15px;
	
	margin: 0px auto; /* Aussenabstand - durch auto = mittige Ausrichtung */
}

#footer {
	width: 921px;
	margin: 0px auto; /* Aussenabstand - durch auto = mittige Ausrichtung */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 14pt;
	color: #626262;
	padding-top: 5px;
}

#footerlinks {
	
	float: left;
}

#footerrechts {
	
	float: right;
	padding-right: 3px;
}

a.footer:link { text-decoration:none; color:#626262; }
a.footer:visited { text-decoration:none; color:#626262; }
a.footer:hover { text-decoration:none; color:#FFFFFF; }
a.footer:active { text-decoration:none; color:#FFFFFF; }





/*Startseite*/

#contentstart {
	width: 920px;
	padding-top: 170px;
	
	margin: 0px auto; /* Aussenabstand - durch auto = mittige Ausrichtung */
	
	
}

#textstart {
	width: 480px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12pt;
	color: #FFFFFF;
	
}

#textreal {
	padding-left: 5px;
	padding-right: 50px;
	
}

#refstart {
	float: right;
	
}

#startref1 {
	
	width: 440px;
	height: 59px;
	padding: 0;
	margin: 0;
	
}

#startref2 {
	
	width: 440px;
	height: 138px;
	
}

#startref3 {
	
	width: 440px;
	height: 130px;
	
}

#startref4 {
	
	width: 440px;
	height: 133px;
	
}

#startref5 {
	
	width: 440px;
	height: 63px;
	
}



/*Leistungen*/

a.leistungen:link { text-decoration:none; color:#FFFFFF; }
a.leistungen:visited { text-decoration:none; color:#FFFFFF; }
a.leistungen:hover { text-decoration:none; color:#f59f70; }
a.leistungen:active { text-decoration:none; color:#f59f70; }

#contentleistungen {
	width: 920px;
	padding-top: 150px;
	
	margin: 0px auto; /* Aussenabstand - durch auto = mittige Ausrichtung */
	
}

#titelleistungen {
	width: 920px;
	padding-top: 10px;
	
	margin: 0px auto; /* Aussenabstand - durch auto = mittige Ausrichtung */
	
}

#leistungen1 {
	width: 483px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12pt;
	color: #FFFFFF;
	float: left;
	
}

#textwebdesign {
	width: 440px;
	height: 207px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12pt;
	color: #FFFFFF;
	
	padding-left: 3px;
	padding-right: 0px;
	
	
	
}

#textmusikproduktion {
	width: 430px;
	height: 165px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12pt;
	color: #FFFFFF;
	
	padding-left: 3px;
	
}

#leistungen2 {
	width: 430px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12pt;
	color: #FFFFFF;
	float: right;
	
}

#textanimation {
	width: 400px;
	height: 207px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12pt;
	color: #FFFFFF;
	
	padding-left: 3px;
	
}

#textprintdesign {
	width: 400px;
	height: 165px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12pt;
	color: #FFFFFF;
	
	padding-left: 3px;
	
}

#buttonunserereferenzen {
	float: right;
	padding-top: 10px;
	padding-right: 4px;
	
}



/*Kontakt*/

#contentkontakt {
	width: 925px;
	padding-top: 150px;
	
	margin: 0px auto; /* Aussenabstand - durch auto = mittige Ausrichtung */
	
}

#titelkontakt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12pt;
	color: #FFFFFF;
	width: 920px;
	padding-top: 10px;
	
	margin: 0px auto; /* Aussenabstand - durch auto = mittige Ausrichtung */
	
}

#kontakt1 {
	width: 482px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12pt;
	color: #FFFFFF;
	float: left;
	
	padding-top: 20px;
	
}

#seo1 {
	width: 600px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12pt;
	color: #FFFFFF;
	float: left;
	
	padding-top: 20px;
	
}

#kontakttext1 {
	width: 450px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12pt;
	color: #FFFFFF;
	float: left;
	
	
	
}

#kontakt2 {
	background: url('kontaktback.gif') repeat-y;
	width: 438px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12pt;
	color: #FFFFFF;
	float: right;
	
	margin-top: 20px;
}

#kontakt-form {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12pt;
	color: #FFFFFF;
	
	
	padding-left: 30px;
	padding-right: 30px;
	
}


#contentimpressum {
	width: 925px;
	padding-top: 150px;
	
	margin: 0px auto; /* Aussenabstand - durch auto = mittige Ausrichtung */
	
}


/*Partner*/

#partner1 {
	width: 482px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12pt;
	color: #FFFFFF;
	float: left;
	
	padding-top: 20px;
	padding-left: 3px;
	
}

#partner2 {
	
	width: 438px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12pt;
	color: #FFFFFF;
	float: right;
	
	margin-top: 20px;
}

a.partner:link { text-decoration:none; color:#626262; }
a.partner:visited { text-decoration:none; color:#626262; }
a.partner:hover { text-decoration:none; color:#60f2eb; }
a.partner:active { text-decoration:none; color:#60f2eb; }

a.seo:link { text-decoration:none; color:#FFFFFF; }
a.seo:visited { text-decoration:none; color:#FFFFFF; }
a.seo:hover { text-decoration:none; color:#60f2eb; }
a.seo:active { text-decoration:none; color:#60f2eb; }


/*Referenzen*/

#referenzen1 {
	
	
	float: left;
	
	padding-top: 0px;
	padding-left: 0px;
	
}

#referenzen2 {
	
	
	float: left;
	
	padding-top: 0px;
	padding-left: 30px;
	
}

#referenzen3 {
	
	
	float: left;
	
	padding-top: 0px;
	padding-left: 30px;
	
}