@charset "UTF-8";

/* Werbung
-------------------------------------------------------- */

#werbung {
	position: absolute;
	text-indent: -1000em;
}

/* Allgemein
-------------------------------------------------------- */

html {
	height:100.05%;
  	overflow:scroll;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #a1a9b2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #23272e;
	background-image: url(../images/site/bg-site.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-attachment: fixed;
	line-height: 18px;
}

#sitecontainer {
	width: 890px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	top: 30px;
}

#leftcontainer {
	position: fixed;
	top: 31px;
	width: 370px;
	left: auto;
}

#logo {
	background-image: url(../images/site/logo-mrp-studio.png);
	background-repeat: no-repeat;
	position: relative;
	height: 82px;
	width: 152px;
	text-indent: -1000em;
}

/* MainMenu
-------------------------------------------------------- */
		
#mainmenucontainer {
	position: relative;
	width: 327px;
	left: 43px;
	top: 20px;
	height: 225px;
}

#mainmenu {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
	overflow: hidden;
}

#mainmenu li {
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#mainmenu a {
	float: left;
	margin-bottom: 7px;
	padding: 51px 0 0 0;
	overflow: hidden;
	height: 0 !important;
	line-height: 0;
	text-indent: -1000em;
	height /**/:51px;
}
	
#mainmenu a:hover {
	background-position: 0 -51px;
}

#mainmenu .selected {
	background-position: 0 -51px;
}

#portfolio a  {
	width: 269px;
	background: url(../images/site/portfolio.jpg) top left no-repeat;
}
	
#dieagentur a  {
	width: 327px;
	background: url(../images/site/die-agentur.jpg) top left no-repeat;
}

#leistungen a  {
	width: 308px;
	background: url(../images/site/leistungen.jpg) top left no-repeat;
}
	
#kontakt a  {
	width: 228px;
	background: url(../images/site/kontakt.jpg) top left no-repeat;
}

/* mediendesignagentur // fotodesignagentur
-------------------------------------------------------- */

h1 {
	position: absolute;
	margin: 0;
	padding: 0;
	text-indent: -1000em;
	left: 26px;
	top: 35px;
}

#mediendesignagentur p, #fotodesignagentur p {
	margin: 0;
}

#mediendesignagentur {
	position: relative;
	width: 325px;
	left: 21px;
	top: 47px;
	height: 93px;
	background-image: url(../images/site/mediendesignagentur.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 34px 0 0 24px;
}

#fotodesignagentur {
	position: relative;
	width: 325px;
	left: 21px;
	top: 47px;
	height: 111px;
	background-image: url(../images/site/fotodesignagentur.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 34px 0 0 24px;
}

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

#rightcontainer {
	position: absolute;
	top: 97px;
	left: 415px;
	width: 475px;
}

.referenzbox, .referenzbox-neu, .referenzbox-update {
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	height: 193px;
	width: 475px;
}

.referenzbox {
	background-image: url(../images/site/bildboxklein.png);
}

.referenzbox-neu {
	background-image: url(../images/site/bildboxklein-neu.png);
}

.referenzbox-update {
	background-image: url(../images/site/bildboxklein-update.png);
}

.bildklein {
	float: left;
	position: relative;
	height: 139px;
	width: 185px;
	left: 18px;
	top: 18px;
	cursor: pointer;
}

.kundenbox {
	position: relative;
	float: left;
	left: 39px;
	height: 65px;
	width: 251px;
	top: 77px;
}

.kunde {
	position: absolute;
	bottom: 27px;
	width: 243px;
	color: #fff;
	text-transform: uppercase;
	vertical-align: bottom;
	font-weight: bold;
	margin-left: 8px;
}

.kunde span {
	font-weight: normal;
}

.bereich {
	position: absolute;
	bottom: 0px;
	height: 20px;
	width: 201px;
	background-image: url(../images/site/bereich.png);
	background-repeat: no-repeat;
}

.id-pr {
	background-position: 0 -20px;
}

.id-pr-sc {
	background-position: 0 -40px;
}

.id-pr-ph {
	background-position: 0 -60px;
}

.id-pr-sc-ph {
	background-position: 0 -80px;
}

.id-sc {
	background-position: 0 -100px;
}

.id-sc-ph {
	background-position: 0 -120px;
}

.id-ph {
	background-position: 0 -140px;
}

.pr {
	background-position: 0 -160px;
}

.pr-sc {
	background-position: 0 -180px;
}

.pr-sc-ph {
	background-position: 0 -200px;
}

.pr-ph {
	background-position: 0 -220px;
}

.sc {
	background-position: 0 -240px;
}

.sc-ph {
	background-position: 0 -260px;
}

.ph {
	background-position: 0 -280px;
}

/* rightContainer Allgemein
-------------------------------------------------------- */

em {
	font-style: normal;
	color: #d3dbe4;
}

/* rightContainer Map
-------------------------------------------------------- */

.bildboxgross {
	background-image: url(../images/site/bildboxgross.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 330px;
	width: 475px;
}

#map {
	position: relative;
	left: 23px;
	top: 23px;
	height: 241px;
	width: 429px;
	margin: 0 0 57px 0;
}

p#route {
	text-indent: -100em;
	margin: 0 0 0 9px;
}

p#route a {
	width: 126px;
	height: 25px;
	display: block;
	overflow: hidden;
	background-image: url(../images/site/route-berechnen.png);
}

p#route a:hover {
	background-position: 0 -25px;
}

/* Accordion
-------------------------------------------------------- */

#accordionbox01 {
	position: absolute;
	top: 8px;
}

/* h2 { cursor:pointer; border:1px solid #CCCCCC; margin-top:0.5em; padding:0.1em; font-size: 14px; } */

h3 {
	margin: 0;
	padding: 0 0 7px 0;
}

.on  h3 {
}

.off h3:hover {
	background-position: 0 -29px;
	cursor: pointer;
}

.content {
	position: relative;
	padding: 0 0 19px 0;
} 


/* Headlines
-------------------------------------------------------- */


#selbstverstaendnis, #anspruch, #koepfe, #studio, #kunden, #identity, #print, #screen, #photo, #anfahrt, #anschrift, #anfrage, #impressum {
	background-repeat: no-repeat;
	height: 22px;
	text-indent: -1000em;
}

#selbstverstaendnis {
	background-image: url(../images/headlines/selbstverstaendnis.png);
	width: 273px;
}

#anspruch {
	background-image: url(../images/headlines/anspruch.png);
	width: 177px;
}

#koepfe {
	background-image: url(../images/headlines/koepfe.png);
	width: 123px;
}

#studio {
	background-image: url(../images/headlines/studio.png);
	width: 126px;
}

#kunden {
	background-image: url(../images/headlines/kunden.png);
	width: 193px;
}

#identity {
	background-image: url(../images/headlines/identity.png);
	width: 141px;
}

#print {
	background-image: url(../images/headlines/print.png);
	width: 115px;
}

#screen {
	background-image: url(../images/headlines/screen.png);
	width: 129px;
}

#photo {
	background-image: url(../images/headlines/photo.png);
	width: 119px;
}

#anfahrt {
	background-image: url(../images/headlines/anfahrt.png);
	width: 192px;
}

#anschrift {
	background-image: url(../images/headlines/anschrift.png);
	width: 122px;
}

#anfrage {
	background-image: url(../images/headlines/anfrage.png);
	width: 182px;
}

#impressum {
	background-image: url(../images/headlines/impressum.png);
	width: 126px;
}

p {
	margin: 2px 0 8px 21px;
	color: #a1a9b2;
}

/* Disziplinen
-------------------------------------------------------- */

.dis-identity, .dis-print, .dis-screen, .dis-photo{
	background-repeat: no-repeat;
	margin-top: 14px;
	text-indent: -1000em;
}

.dis-identity {
	background-image: url(../images/headlines/dis-identity.png);
	height: 26px;
	width: 427px;
}

.dis-print {
	background-image: url(../images/headlines/dis-print.png);
	height: 26px;
	width: 408px;
}

.dis-screen {
	background-image: url(../images/headlines/dis-screen.png);
	height: 26px;
	width: 448px;
}

.dis-photo {
	background-image: url(../images/headlines/dis-photo.png);
	height: 40px;
	width: 418px;
}

/* Google-Map
-------------------------------------------------------- */

.map {
    width: 429px;
    height: 241px;
    overflow: hidden;
	position: relative;
}

.tooltip {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    width: 170px;
    overflow: hidden;
}

.tooltip .top{
	height: 5px;
	overflow: hidden;
	background-image: url(../images/bubble.png);
	background-repeat: no-repeat;
}

.tooltip .middle{
    background: url(../images/bg.png) repeat;
    background-position: -173px top;
    padding: 0px 5px;
    color: #FFF;
}

.tooltip .middle img{
    margin: 5px 0px;
    clear: both;
}

.tooltip .bottom{
    background: url(../images/bubble.png) no-repeat;
    height: 25px;
    background-position: left bottom;
    overflow: hidden;
}

.tooltip .IE6 {
    background: url(../images/bubble.gif) no-repeat;
}

.tooltip .BOTTOMIE6 {
    background: url(../images/bubble.gif) no-repeat left bottom;
}

.tooltip .MIDDLEIE6 {
    background: #1A1A1A;
}

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

#contact {
	display: block;
	width: 454px;
	margin: 0 0 0 21px;
	padding: 0;
}

#contact label { 
	display: inline-block;
	height: 20px;
	line-height: 20px;
	width: 155px;
	font:12px Arial, Helvetica, sans-serif;
}

#contact input, textarea {
	width: 250px;
	padding: 3px;
	color: #666;
	margin: 0 0 9px 0;
	font:14px Arial, Helvetica, sans-serif;
}

#contact select {
	width: 150px;
	padding: 3px;
	color: #666;
	margin: 0 0 8px 0;
	font:14px Arial, Helvetica, sans-serif;
}

#contactform input.required {
	background:#fff url('../images/site/required.gif') 98% 50% no-repeat;
}

#contact input.submit {
	margin: 9px 0 7px -2px;
	width: 120px;
	height: 25px;
	background: url(../images/site/anfrage-senden.png) 0% 0%;
	border-width: 0px;
	cursor: pointer;
}

#contact input.submit:hover {
	background: url(../images/site/anfrage-senden.png) 0 -25px;
}

#message {
	margin: 0; padding: 0;
}

.error_message {
	margin: 6px 0 11px 0;
	display: block;
	height: 22px;
	line-height: 22px;
	padding: 3px 10px 3px 27px;
	color:#282d34;
	background-color: #929aa3;
	background-image: url(../images/site/error.gif);
	background-repeat: no-repeat;
	background-position: 6px center;
}

.loader {
	padding: 0 10px;
}

#contact #success_page {
	margin: 6px 0 11px 0;
	display: block;
	height: 22px;
	line-height: 22px;
	padding: 3px 10px 3px 27px;
	color:#282d34;
	background-color: #929aa3;
	background-image: url(../images/site/success.gif);
	background-repeat: no-repeat;
	background-position: 6px center;
}

acronym {
	border-bottom:1px dotted #ccc;
}