/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
  basics.css for Doku-Site Online Campaigning
  28.09.2005 JDE
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* principally used colours:

  colour code   colour      	usage
  -----------   --------------  -------------------------------
  spdred      	#E60003  		Links im Content   
  light umbra   #E2DDD1     	background thumbnails
  dark umbra    #B2A384     	background Subnavigation links
  text umbra    #8B8579     	ServiceNavigation, Footer
  white			#fff			content background
  black			#000			main Navigation



*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*  Global and general styles:
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

/*general */

@import "opacity.css";

* {	margin:0;padding:0;}

.clearBoth{ clear: both;}

.center{ text-align: center; }

.displayNoneAll{ display: none; }

.displayNoneCss{
	position: absolute;
	top: -70000px;
	left:-70000px;
}

#siteMessages{
	position: absolute;
	top: -70000px;
	left:-70000px;
}

body { 
	margin: 0; padding: 0;
	text-align: center;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: x-small; /* ie5 */
	font-size: small;
	background: #B6A78A url(../images/bg_body.jpg) repeat-x left top;
}

body.campaigning {  background: #fff;}

body.campaigning .viral{  text-align: left; padding:10px 0px 0px 20px;  }
body.campaigning .viral p{ padding-bottom:14px; font: normal 89%/150% Verdana, Arial, sans-serif; }
body.campaigning div#navSub{  text-align: left;padding:2px 0px 0px 5px;border: 1px solid #fff; }

#wrapper {
	position: relative; margin: 0 auto; padding: 0;
	text-align: left;
	background: transparent url(../images/bg_main.gif) repeat-y right top;
	width: 919px; }

	
/* * * * * * * * * * * * * * * * * navService * * * * * * * * * * * * */
#navService {
	background: #CFC7B4 url(../images/bg_body.jpg) repeat-x left top;
	width: 919px; height: 1.8em; padding-top: 3px;
}

#navService ul {
	float: right;
	margin: 0; padding: 0; vertical-align: bottom;
}

#navService ul li {
	display: inline; margin: 0; padding: 0; border-left: 1px solid #877b63;
	font-size: 80%; text-transform: uppercase;
	background: transparent;
}

#navService ul li.first {	border-left: 0px solid #877b63;	}

#navService a {	color: #877b63; font-weight: bold; 	padding: 0 0 0 8px; }

#navService a:hover, #navService a:active, #navService a:focus {	color: #000; text-decoration: none; }
/* * * * * * * * * * * * * * * * * header * * * * * * * * * * * * */
#header {
	display: block; text-align: left; width: 918px; height: 120px; 
	background: transparent; vertical-align: bottom;}

#header img{	margin-left: 93px; 	display: block;}


/* * * * * * * * * * * * * * * * * main   * * * * * * * * * * * * */
 #main {
	text-align: left; background: transparent url(../images/bg_main.gif) repeat-y right top;
	display: block; min-height: 700px;
	}

#navMain{
	text-align: left; width: 14em; float: left; margin: 0;
	background: #000;
}

	
#navMain ul {
	margin: 11px 2px 28px 8px; padding: 0;
	display: block;
}

#navMain li {
	margin: 0 0 3px 0; padding: 0;
	display: block;
	list-style: none;
}
#navMain2 li a, 
#navMain li a {
	font: bold 95% Arial, sans-serif;
	text-transform: uppercase;
	display: block;
	color: #fff;
}

#navMain2 li span.active, 
#navMain li span.active {
	font: bold 95% Arial, sans-serif;
	text-transform: uppercase;
	display: block;
	color: #B2A384;
}

#navMain li a:hover, #navMain li a:focus, #navMain li a:active,
#navMain2 li a:hover, #navMain2 li a:focus, #navMain2 li a:active {
	color: #B2A384;
	text-decoration: none;
}

#navSub {	margin: 10px 10px 33px 16px; }
.detail #navSub {	margin-bottom: 8px; }

#navSub ul {	vertical-align: middle; }

#navSub ul li {	display: inline; margin: 0; padding: 0; }
#navSub ul li.back {	list-style-type: none; }

#navSub ul li.extern  {	display: block; float: left; margin: 0; padding: 0; }
#navSub ul li.back  {	display: block; margin: 0; padding: 0; text-align: right;}
#navSub a {
	color: #fff; 
	font: bold 110%/200% Verdana, Arial, sans-serif;
	padding: 3px 2px 4px 2px;
	background: #B2A384; }
#navSub ul li.extern span{
	color: #000; 
	font: bold 110%/200% Verdana, Arial, sans-serif;
	padding: 3px 2px 4px 2px;
	background: #B2A384; }

#navSub ul li.back a {	
	background: #fff; color: #E60003; font-size: 100%; 
	text-transform: uppercase;}

#navSub a:hover, #navSub a:active, #navSub a:focus,
#navSub ul li.back a:hover, #navSub ul li.back a:active, #navSub ul li.back a:focus {
	color: #000; 
	text-decoration: none;
}

#content{
	margin-left: 183px;
	width: 620px;
	background: transparent;
	padding-bottom: 25px;
}

#footer{
	text-align: right;
	position: relative; margin: 0 auto; 
	background: transparent;
	width: 919px; 
	overflow: hidden;
	}

#footer img{ 
	float: right; padding: 0 105px 0 0;	}

#footer p{
	font: bold 82%/100% Arial, sans-serif; text-transform: uppercase; text-align: right;
	padding: 5px 130px 40px 0;
}

div.thumbnails{
	float: right;
	margin: 0;
	text-align: left;
}

div.thumbnails a{
	display: block;
	margin: 0 0 8px 0;
	border: 0px solid #E2DDD1;
	border-top: 3px solid #E2DDD1;
	border-bottom: 3px solid #E2DDD1;
	width: 92px;
}

div.thumbnails a img,
div.thumbnails span img{
	width: 100%;
}

div.thumbnails a:hover,div.thumbnails a:active, div.thumbnails a:focus {
	display: block;
	margin: 0px 0 8px 0;
	border: 3px solid #E60003;
	width: 86px;
}
div.thumbnails span {
	display: block;
	margin: 0px 0 8px 0;
	border: 3px solid #E60003;
	width: 86px;
}

/*content*/
	
a{	color: #E60003; font-weight: bold; text-decoration: none; }
a:focus, a:active, a:hover{ text-decoration: underline; }

#content h2,
body.homepage #content h3{
	margin: 9px 15px;
	font: bold 89%/150% Verdana, Arial, sans-serif; }

body.homepage #content h2{
	margin: 9px 15px;
	font: bold 135%/180% Verdana, Arial, sans-serif; }

span.agency{
	text-transform: uppercase;
}


#content p{
	padding: 10px 15px;
	font: normal 89%/150% Verdana, Arial, sans-serif; }
	
#content .placeholder{
    height:40em; 
	border: 1px solid red;
	margin-bottom: 70px;
	font: normal 89%/150% Verdana, Arial, sans-serif; } 

#content p.errorLine{	color:#E60003;  }	


div.longshadow{
	display: block;	width: 617px; padding: 14px 0px 0px 0px;
	background: transparent url(../images/longshadow_top.jpg) repeat-y 0px -1px;
	border: 1px solid #fff; }

div.shadow, div.shortshadow, div.xshortshadow{
	display: block; width: 617px; padding: 14px 0px 0px 0px;
	background: transparent url(../images/shadow_top.jpg) repeat-y 0px -1px;
	border: 1px solid #fff; }

div.longshadow img, div.shadow img,
div.longshadow object, div.shadow object{
	display: block; padding: 0px 14px 14px 14px;
	background: transparent url(../images/shadow_bottom.jpg) no-repeat left bottom; }

div.shortshadow object, div.shortshadow img{
	display: block; padding: 0px 14px 14px 14px;
	background: transparent url(../images/shortshadow_bottom.jpg) no-repeat left bottom; }

div.xshortshadow object, div.xshortshadow img{
	display: block; padding: 0px 14px 14px 14px;
	background: transparent url(../images/xshortshadow_bottom.jpg) no-repeat left bottom; }

	
/*other formats*/
div.shadow468{
	margin-left: 60px;
	display: block;	width: 505px; padding: 14px 0px 0px 0px;
	background: transparent url(../images/shadow_top468.jpg) repeat-y 0px -1px;
	border: 1px solid #fff; }
	
div.shadow468 img, div.shadow468 object{
	display: block; padding: 0px 14px 14px 14px;
	background: transparent url(../images/shadow_bottom468.jpg) no-repeat left bottom; }

div.shadow368{
	margin-left: 115px;
	display: block;	width: 405px; padding: 14px 0px 0px 0px;
	background: transparent url(../images/shadow_top368.jpg) repeat-y 0px -1px;
	border: 1px solid #fff; }
	
div.shadow368 img, div.shadow368 object{
	display: block; padding: 0px 14px 14px 14px;
	background: transparent url(../images/shadow_bottom368.jpg) no-repeat left bottom; }
	
div.shadow378{
	margin-left: 110px;
	display: block;	width: 415px; padding: 14px 0px 0px 0px;
	background: transparent url(../images/shadow_top378.jpg) repeat-y 0px -1px;
	border: 1px solid #fff; }
	
div.shadow378 img, div.shadow378 object{
	display: block; padding: 0px 14px 14px 14px;
	background: transparent url(../images/shadow_bottom378.jpg) no-repeat left bottom; }
	
div.shadow288{
	margin-left: 160px;
	display: block;	width: 325px; padding: 14px 0px 0px 0px;
	background: transparent url(../images/shadow_top288.jpg) repeat-y 0px -1px;
	border: 1px solid #fff; }
	
div.shadow288 img, div.shadow288 object{
	display: block; padding: 0px 14px 14px 14px;
	background: transparent url(../images/shadow_bottom288.jpg) no-repeat left bottom; }
	

div.shadow220{
	margin-left: 180px;
	display: block;	width: 257px; padding: 14px 0px 0px 0px;
	background: transparent url(../images/shadow_top220.jpg) repeat-y 0px -1px;
	border: 1px solid #fff; }
	
div.shadow220 img, div.shadow220 object{
 	
	display: block; padding: 0px 14px 14px 14px;
	background: transparent url(../images/shadow_bottom220.jpg) no-repeat left bottom; }

	
div.shadow322{
	margin-left: 130px;
	display: block;	width: 359px; padding: 14px 0px 0px 0px;
	background: transparent url(../images/shadow_top322.jpg) repeat-y 0px -1px;
	border: 1px solid #fff; }
	
div.shadow322 img, div.shadow322 object{
 	
	display: block; padding: 0px 14px 14px 14px;
	background: transparent url(../images/shadow_bottom322.jpg) no-repeat left bottom; }	

div.shadow330{
	margin-left: 130px;
	display: block;	width: 367px; padding: 14px 0px 0px 0px;
	background: transparent url(../images/shadow_top330.jpg) repeat-y 0px -1px;
	border: 1px solid #fff; }
	
div.shadow330 img, div.shadow330 object{
 	
	display: block; padding: 0px 14px 14px 14px;
	background: transparent url(../images/shadow_bottom330.jpg) no-repeat left bottom; }