@import url(reset.css);

html {
    height:100%;
    overflow:hidden;
}
#flashcontent {
	visibility:hidden;
    height:596px;
}
/* end hide */
body {
    height:100%;
    margin:0;
    padding:0;
    background:#000;
}
#wrapper {
	width:794px;
	height:596px;
	margin:0 auto;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
}
#contentNavWrap {
	height: 495px;
}
#mainNavi {
	height: 101px;
	clear: both;
}
:focus {
	-moz-outline-style:none;
}

/* * * * * START: SUBNAV * * * * */
#subNav {
	width: 164px; /* 200 */
	height: 462px; /* 495 */
	padding: 33px 12px 0 24px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	text-transform: lowercase;
}
#agentur #subNav {
	background: #F29400 url(/images/navbg_agentur.jpg) no-repeat;
}
#kunden #subNav {
	background: #b9cb00 url(/images/navbg_kunden.jpg) no-repeat;
}
#news #subNav {
	background: #7acdef url(/images/navbg_news.jpg) no-repeat;
}
#kontakt #subNav {
	background: #d5362f url(/images/navbg_kontakt.jpg) no-repeat;
}

#subNav a.title {
	color: #000;
	text-decoration: none;
}
#subNav a.title:hover {
	color: #FFF;
	text-decoration: none;
}


#subNav ul li {
	margin: 0 0 10px 0;
}
#subNav ul li a {
	color: #000;
	text-decoration: none;
}
#subNav ul li a:hover, #subNav ul li a.active {
	color: #FFF;
}
#subNav ul li ul {
	margin: 10px 0 0 8px;
	font-weight: normal;
}
#subNav ul li ul a {
	color: #FFF;
}
#subNav ul li ul a:hover {
	color: #000;
}
#subNav ul li ul a.active {
	color: #FFF;
	font-weight: bold;
}
#subNav ul#categories li {
	color: #000;
}
#subNav ul#categories li ul a:hover {
	color: #FFF;
}

#subNav ul li ul li#teamswitch, #subNav ul li ul li#teamswitch a {
	color: #FFF;
}
#subNav ul li ul li#teamswitch a:hover {
	color: #000;
}
#subNav ul li ul li#teamswitch span.active {
	font-weight: bold;
}
#contentNavWrap #pageswitch {
	position: absolute;
	top: 418px;
	left: 24px;
	color: #000;
	/*
	background: #F00;
	*/
}
#contentNavWrap #pageswitch a {
	color: #000;
	text-decoration: none;
}
#contentNavWrap #pageswitch a:hover {
	color: #FFF;
}
#contentNavWrap #pageswitch .active {
	color: #FFF;
}
#subNav .categories {
	font-weight: normal;	
}
#subNav .categories a {
	margin-right: 4px;
	color: #FFF;
}
#subNav .categories a:hover {
	color: #000;
}
#subNav .categories a.active {
	color: #666;
}
#subNav p a {
	color: #000;
	text-decoration: none;
}
#subNav p a:hover {
	color: #FFF;
}
#subNav .kampagnenswitch a { 
	color: #000;
	text-decoration: none;
}
#subNav .kampagnenswitch a:hover { 
	color: #FFF;
	text-decoration: none;
}
/* * * * * END: SUBNAV * * * * */



/* * * * * START: CONTENT * * * * */
#content {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	width: 460px; /* 594 */
	padding: 33px 101px 0 33px;
	height: 462px; /* 495 */
	float: left;
	position: relative;
}
#content b, #content strong {
	font-weight: bold;
}
#contentAlt {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	width:794px;
	height: 495px;
	position: relative;
	background: url(/images/bg_content_alt.jpg) no-repeat;
}
#contentAlt h2, #contentAlt p {
	background: #000;
	color: #FFF;
}
.contentwide { /* overwrites the settings from above */
	width: 528px !important;
	padding: 33px 33px 0 33px !important;
}
#agentur #content {
	background: #F29400;
}
#kunden #content {
	background: #b9cb00;	
	color: #000;
}
#news #content {
	background: #7acdef;
}
#kontakt #content {
	background: #d5362f;
}
#content p {
	margin: 0 0 12px 0;
}
#content a {
	color: #FFF;
	text-decoration: none;
}
#content a:hover {
	color: #000;
}
#content table#stellen th {
	font-weight: bold;
	text-align:left;
	border-bottom: 1px solid #000;
	padding: 0 0 5px 0;
}
#content table#stellen td {
	padding: 5px 0 0 0;
}
#content #image {
	float: left;
}
#content img {
	margin: 0 0 5px 0; /* horizontal images */
}
#content #image img { /* vertical images */
	margin: 0 !important;
}
#content #copytext {
	width: 208px;
	padding: 0 0 0 12px;
	float: left;
}
#content table#partner td {
	padding: 0 0 20px 0;
}
#content table#partner tr.nopad td {
	padding: 0;
}
#content #workswitcher {
	font-weight: bold;
	position: absolute;
	top: 469px;
	left: 36px;
	color: #000;
}
#content #workswitcher a { /* overwrites default white for links within content */
	color: #000;
}
#content #workswitcher a:hover, #content #workswitcher .active {
	color: #FFF;
}
#videocontent { /* seite leistungen > beispiele */
	margin: 0 0 5px 0;	
}