* {
    margin: 0;
	padding: 0; }

body {
	margin: 34px 0;
	padding: 0;
	background-image: url(../site-images/body_bgr.gif);
	background-color: #C2C2C2;
	text-align: center; 
	font-family: verdana, arial, sans-serif; 
	font-size: small; }

a img,
img {
    border: 0; }
    
p {
    line-height: 1.5em; }

br.clearboth {
    clear: both; }
    
/* links */

#main a:link,
#sidebar a:link { 
	color: #005BA0; }
#main a:visited,
#sidebar a:visited { 
    color: #005BA0; }


#wrapper {
    text-align: left;
    width: 970px;
    margin: 0 auto; 
    background-image: url(../site-images/wrapper_bgr.gif);
    background-repeat: repeat-y; }
    
#wrapper-bottom {
	height: 15px;
	background-image: url(../site-images/wrapper_bottom.gif);
	background-repeat: no-repeat; }

#header {
    position: relative;
    margin-bottom: 20px;
    width: 948px;
    height: 270px; 
    background-image: url(../site-images/header_bgr_placeholder.gif); 
    background-position: 0 103px; 
    background-repeat: no-repeat; }
    
#header img {
	margin: 32px 0 0 41px; }
	
#header ul#i18nnav {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
	right: 0;
	top: 82px;
	height: 20px;
	color: #666666;
	font-weight: normal;
	font-size: 0.8em;
	border-bottom: 1px solid #A0A0A0; }
	
#header ul#i18nnav li {
	position: absolute; 
	line-height: 0em; 
	padding: 0; }

#header ul#i18nnav li.de { right: 130px; }
#header ul#i18nnav li.fr { right: 105px; }
#header ul#i18nnav li.en { right: 75px; }

#header ul#i18nnav li a {
	display: block;
	text-decoration: none;
	color: #666; 
	padding: 5px 5px 20px 5px; 
	}
	
#wrapper.de ul#i18nnav li.de a,
#wrapper.en ul#i18nnav li.en a,
#wrapper.fr ul#i18nnav li.fr a {
	background-image: url(../site-images/nav_marker.gif); 
	background-repeat: no-repeat;
	}
	
#navigation {
    margin: 0;
    padding: 2px 0 1px 30px;
    position: absolute;
    top: 218px;
    height: 30px;
    left: 0;
    width: 918px;
    color: #666666;
    font-weight: normal;
    font-size: 90%; 
    border-top: 1px solid #A0A0A0;
    border-bottom: 1px solid #A0A0A0; }
    
#header ul#navigation li {
    list-style-type: none;
    display: inline; 
    margin-right: 2em; }

#header ul#navigation li a {
    display: block;
    padding: 8px 10px; 
    height: 15px;
    float: left; 
    background-repeat: no-repeat;
    background-position: left bottom; }

#header ul#navigation li a:link,
#header ul#navigation li a:hover,
#header ul#navigation li a:visited,
#header ul#navigation li a:active {
    text-decoration: none;
    color: #666666; }
    
#header ul#navigation li a:hover,
#header ul#navigation li a:active,
body#agentur 		ul#navigation li.agentur a,
body#angebot 		ul#navigation li.angebot a,
body#kunden 		ul#navigation li.kunden a,
body#mediencorner 	ul#navigation li.mediencorner a,
body#blacksite 		ul#navigation li.blacksite a,
body#spotlight 		ul#navigation li.spotlight a {
    color: #005BA0; 
    background-image: url(../site-images/nav_marker.gif); }

    
#content {
	width: 948px;
	margin-left: 2px; 
	padding-left: 7px;} 

#content ul li {
    list-style-type: none; }

ul#subnavigation {
    width: 190px;
    font-size: 86%;
    font-weight: normal;
    line-height: 2em;
    color: #333;
    margin: 0 0 0 0;
    padding-left: 40px; 
    float: left; }
    
ul#subnavigation li a:link,
ul#subnavigation li a:hover,
ul#subnavigation li a:visited,
ul#subnavigation li a:active {
    color: #333;
    text-decoration: none; }
    
ul#subnavigation li a:hover,
ul#subnavigation li a:active {
    color: #005BA0; }

#main {
    font-size: 86%; 
    margin-left: 240px;  
    width: 450px; }
	
/* rules for columns */
body.hlfalse #main {
    width: 500px; }
    
#main h1 {
    font-size: medium;
    font-weight: normal; 
    color: #000; 
    display: block;
    width: 100%;
    border-bottom: 1px solid #CCC;
	margin-bottom: 1.5em; }
	
h2 {
    font-size: 1em;
	font-weight: bold;
	margin: 3em 0 1em 0; }

h3 { 
    font-size: small;
	font-weight: normal;
	margin: 1.5em 0 1em 0; }	
	
	
p {
    margin: 0 0 1em 0; }


#main ul {
	padding: 0;
	margin: 1.5em 0; }

#main ul li {
	background-image: url(../site-images/list_marker.gif);
	background-repeat: no-repeat;
	background-position: 0 8px; 
	padding-left: 20px;
	line-height: 1.5em;
	margin-left: 0; }
 
ul.jump {
   font-weight: bold; }
   
#main blockquote {
    margin-bottom: 1.5em;
	font-size: 1.1em;
	color: #4C4C4C;
	/* ggf. grauton dazwischen? */
	color: #8F8F8F;
    position: relative;
    background-image: url(../site-images/blockquote_open.gif);
	background-repeat: no-repeat;
	padding: 15px 10px 10px 25px; }


/*
#main blockquote cite {
    position: absolute;
	bottom: 10px;
	right: 5px;
    background-image:url(../site-images/blockquote_close.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	width: 26px;
	height: 18px; }
       
*/

/* sidebar */
#sidebar {
    margin-top: 20px;
    float: right; 
	width: 200px; 
	font-size: 0.8em;}

#sidebar h1,
#sidebar h2 {
	font-size: 1em; }

	
#sidebar p {
	margin-right: 10px;
	font-size: 93%;
}

/* footer */
#footer {
	height: 40px;
	margin-bottom: 0;
    font-size: 80%;
    border-top: 1px solid #CCC; }

#footer ul { 
    margin-left: 40px; 
    padding-top: 10px; }

#footer ul li {
    display: inline; }

#footer ul li a:link,
#footer ul li a:hover,
#footer ul li a:visited,
#footer ul li a:active {
    color: #000;
    text-decoration: none; }
    
    
body#agentur #header,
body#impressum #header { background-image: url(../site-images/header_bgr/header_bgr_agentur.jpg); }
body#spotlight #header { background-image: url(../site-images/header_bgr/header_bgr_aktuell.jpg); }
body#angebot #header { background-image: url(../site-images/header_bgr/header_bgr_angebot.jpg); }
body#kunden  #header { background-image: url(../site-images/header_bgr/header_bgr_kunden.jpg); }
body#mediencorner #header { background-image: url(../site-images/header_bgr/header_bgr_mediencorner.jpg); }

/* subnav coloring */
body.nav1 #subnavigation li.nav1 a,
body.nav2 #subnavigation li.nav2 a,
body.nav3 #subnavigation li.nav3 a,
body.nav4 #subnavigation li.nav4 a,
body.nav5 #subnavigation li.nav5 a { color: #005BA0; }