body {
	background-color: #FFFFFF;
	color: #5271B4;
	font-size: 8pt;
	line-height: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

td {
	font-size: 8pt;
	line-height: 10pt;
}

h1 {
	color: #123961;
	font-size: 11pt;
	line-height: 13pt;
}

h2 {
	color: #123961;
	font-size: 10pt;
	line-height: 12pt;
}

h3 {
	color: #123961;
	font-size: 9pt;
	line-height: 11pt;
}

A, A:LINK, A:VISITED, A:ACTIVE {
	text-decoration : none;
}

A:HOVER {
	text-decoration: underline;
}

#homepage {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	border: none;
	background-color: #EDF0F5;
	background-image: url(../grafiken/content-trennlinie2.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-image: url(../grafiken/content-backgound.gif);
	background-position: right;
	background-repeat: repeat-y;
}

#corner {
	position: absolute;
	right: -0px;
	top: 95px;
	width: 40px;
	height: 60px;
	border: none;
	padding: 0px;
	margin: 0px;
	background-color: #123961;
	background-image: url(../grafiken/content-trennlinie-rund2.gif);
	background-position: top;
	background-repeat: no-repeat;
}

/* ################### HEADER ################### */

#header {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 118px;
	border: none;
	background-color: #123961;
	color: #FFFFFF;
	background-image: url(../grafiken/header-background.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

#pagelogo {
	z-index: 7;
	position: absolute;
	left: 30px;
	top: 5px;
	font-size: 11pt; 
	line-height: 13pt; 
	font-weight: bold;	
	width: 340px;
	height: 100px;
	border: none;
	background-color: Transparent;
	color: #FFFFFF;
}

#kampagne_logo {
    margin-left: 15px;
    margin-bottom: 15px;
}

/* ################### NAVIGATION ################### */


#navigation {
	position: absolute;
	left: 0px;
	top: 116px;
	width: 185px;
/*	height: 100%; */
	border: none;
	background-color: #E2E4F9;
	border-right: 1px solid #ffffff; 
}

#navigation img.navi-pfeil {
	position: absolute;
	right: 10px;
	top: 10px;
	border: none;
	margin: 0px;
	padding: 0px;
}

#searchbox {
	width: 165px;
	height: 32px;
	border-right: 1px solid #ffffff; 
	border-top: 1px solid #ffffff; 
	border-bottom: 1px solid #ffffff; 
	background-color: #123961;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: right;
}

#searchbox form {
	padding: 0px;
	margin: 0px;
}

#searchbox input {
	width: 95px;
	color: #ffffff;
	border: 1px solid #ffffff; 
	background-color: #F23C0C;
	margin-top: 5px;
	margin-right: 5px;
	padding: 1px;
}

#lupe {
	position: absolute;
	right: 126px;
	top: 13px;
}

#navi {
	position: absolute;
	right: 20px;
	top: 52px;
	width: 156px;
	font-size: 7pt;
	line-height: 16pt;
	padding-top: 0px;
	padding-bottom: 10px;
	background-color: Transparent;
	font-weight: bold;
}

#navi ul {
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
/*	background-color: #5675B6;*/
}

#navi ul li {
	position: relative;
	background-image: url(../grafiken/navi-background3.gif);
	background-position: top;
	background-repeat: repeat-x;
	width: 156px;
	text-align: center;
	margin-left: 0px;
	padding-left: 0px;
	color: #ffffff;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 0px;
	list-style-type: none;
	line-height: 29px;
}

#navi ul li.NaviActive {
	position: relative;
	background-image: url(../grafiken/navi-background-over3.gif);
	background-position: top;
	background-repeat: repeat-x;
}

#navi ul.navi2level {
	width: 140px;
	text-align: center;
	margin-left: 0px;
}

#navi ul.navi2level li {
	background-image: url(../grafiken/unternavi-background3.gif);
	background-position: right;
	background-repeat: repeat-y;
	width: 140px;
	text-align: center;
	margin-left: 0px;
	padding-left: 0px;
	border: none;
	background-color: #EDF0F5;
	color: #123961;
	margin-top: 2px;
	margin-bottom: 2px;
	list-style-type: none;
	line-height: 20px;
}

#navi ul.navi2level .UnternaviActive {
	background-image: url(../grafiken/unternavi-background-over3.gif);
	background-position: right;
	background-repeat: repeat-y;
	color: #FFFFFF;
}

#navi a {
	font-size: 7.5pt;
	color: #ffffff;
}

#navi a:HOVER {
	text-decoration: none;
}

#navi ul.navi2level li a{
	color: #123961;
}

#navi ul.navi2level li a:HOVER{
	color: #FFFFFF;
}

#partnerlinks {
	font-size: 8pt;
	line-height: 10pt;
    font-weight: bold;
    color: #006797;
}

#partnerlinks a {
	font-size: 7.5pt;
	line-height: 10pt;
    font-weight: bold;
    color: #006797;
}


/* ################### CONTENT ################### */

#content {
	z-index: 4;
	position: relative;
	padding-top: 116px;
	margin-bottom: 40px;
  	width: 810px; 
	margin-left: 185px;
	margin-right: 0px;
/*	height: 380px; 
   	padding-right: 10px;
	*/
/*	overflow: auto; */
	background-color : Transparent;
	display: block;
}

#content img {
	border: 1px solid #ffffff;
}

#content img.boximg {
	border: none;
	border-bottom: 1px solid #ffffff;
	margin-left: 0px;
	margin-right: 0px;
}

#content img.mehr, #content img.mehr2 {
	position: absolute;
	right: 0px;
	bottom: 0px;
	border: none;
	margin: 0px;
	padding: 0px;
}

#content img.h1 {
	position: absolute;
	right: 0px;
	bottom: 0px;
	border: none;
	margin: 0px;
	padding: 0px;
}

#content p {
	margin-top: 8px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#content h1 {
	position: relative;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 0px;
}

#content h2 {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#content h3 {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}


#bluebox {
	position: relative;
	float: left;
	border: 1px solid #ffffff;
	width: 210px; 
	background-color: #E2E4F9;
	color: #123961;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 50px;
	padding-top: 15px;
	padding-bottom: 20px;
/*	background-image: url(../grafiken/bluebox-background.gif);
	background-position: bottom;
	background-repeat: repeat-x;*/
}

#bluebox h1 {
	position: relative;
	color: #FFFFFF;
	padding-left: 10px;
	margin-right: 0px;
	background-color: #123961;
	font-size: 10pt;
	line-height: 12pt;
/*	background-image: url(../grafiken/h1-background.gif);
	background-position: right;
	background-repeat: no-repeat; */
}

.videobox {
	width: 173px;
	border: 1px solid #ffffff;
	margin-left: 15px;
	margin-right: 15px;
}


#bluebox .videobox p {
    padding: 0px;
    margin: 0px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
    text-align: left;
}

#teaserbox {
	position: relative;
	float: left;
	margin-top: 10px;
	/*margin-left: 50px;*/
	border-left: 1px solid #ffffff;
	width: 550px; 
	background-color: Transparent;
	color: #123961;
	padding-top: 0px;
	margin-bottom: 50px;
}

#themenbox {
	position: relative;
	margin-left: 20px;
	margin-top: 0px;
	border: 1px solid #FFFFFF;
	width: 510px; 
	background-color: #E2E4F9;
	color: #123961;
/*	background-image: url(../grafiken/themenbox-background.gif);
	background-position: bottom;
	background-repeat: repeat-x; */
	padding-bottom: 15px;	
}

#themenbox h1 {
	position: relative;
	font-size: 10pt;
	line-height: 12pt;
	color: #FFFFFF;
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 10px;
	background-color: #123961; /*	background-image: url(../grafiken/h1-background.gif);
	background-position: right;
	background-repeat: no-repeat; */
}

#themenbox p {
	margin-bottom: 2px;
}

#themenbox img {
	margin: 15px;
	margin-top: 0px;
}

#issuesboxes{
	clear: both;
	position: relative;
	margin-left: 20px;
	margin-top: 5px;
	padding-bottom: 20px;	
}

div.issue {
	position: relative;
	float: left;
	width: 162px;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 15px;
	border: 1px solid #ffffff;
	background-color: #6C9AC9;
	background-image: url(../grafiken/issue-background2.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	text-align: center;
}

div.issue img {
	margin-top: 8px;
	margin-bottom: 3px;
	text-align: center;
}

div.issue h1 {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 8pt;
	line-height: 8pt;
	color: #ffffff;
	text-align: left;
	background-color: Transparent;
}

/* ################### FOOTER ################### */

#footer {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 23px;
	border: none;
	background-color: #123961;
	color: #FFFFFF;
}

#servicemenu {
	position: absolute;
	left: 10px;
	top: 3px;
	font-size: 7pt;
	color: #FFFFFF;
	background-color: Transparent;
}

#servicemenu a {
	color: #FFFFFF;
	margin-left: 5px;
	margin-right: 5px;
}

















/*
#pagelogo h1 {
	font-size: 24px; 
	line-height: 26px; 
	font-weight: bold;	
	color: #f1c40e;
	text-align: right;
	padding: 0px;
	margin: 0px;
	padding-top: 20px;
}

#pagelogo h2 {
	font-size: 20px; 
	line-height: 26px; 
	font-weight: bold;	
	color: #FFFFFF;
	text-align: right;
	padding: 0px;
	margin: 0px;
}
*/


/*

#inhalt {
	border: 1px solid #000000;
	padding-top: 5px;
	padding-bottom: 30px;
	width: 610px; 
	background-color: Transparent;
}

#spalteleft {
  	width: 49%;
	float: left;
}

#spalteright {
  	width: 49%;
	float: right;
}


#fuss {
	width: 100%px;
	clear: both;
}

*/

/* ################### MARGINALIE ################### */

/*
#tipps {
	position: absolute;
	right: 0px;
	top: 170px;
	width: 200px;
	font-size: 11px;
	line-height: 13px;
	border-bottom: 1px solid #6479A8;
	border-left: 1px solid #6479A8;
}

div.infobox {
	margin-left: 5px;
	margin-bottom: 10px;
	width: 195px;
}

h1.info {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-top: 0px;
	font-size: 13px; 
   line-height: 15px;
	background-color: #BAC8E2;
	color: #5271B4;
}

.infobox h1 {
	color: #5271B4;
	font-size: 13px; 
   line-height: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.infobox p {
	font-size: 11px; 
   line-height: 13px;
}

.infobox img {
  vertical-align: middle;
}


*/






#inhalt textarea {
	font-size: 9pt;
    width: 400px;
    height: 55px;
	vertical-align: middle;
}

#inhalt .videoembad {
	font-size: 9pt;
    width: 350px;
	border: 1px solid #818181;
}

#inhalt form {
   	padding-top: 0px;
   	margin-top: 0px;
}


/************ Bestellformular ************/
div.orderform,
div.personalDataForm,
div.questionForm
{
    padding:5px;
}

div.orderform input.submit,
div.questionForm input.submit,
div.personalDataForm input.submit
{
  border:1px solid #123961;
  color:#123961;
  float:right;
  font-weight:bold;
  margin:0 0 0 1em;
  padding:2px 8px;
  width:auto;
}

#content div.orderform h3,
#content div.personalDataForm h3,
#content div.questionForm h3
{
    margin:8px 0 10px;
    font-style:italic;
    font-weight:bold;
}

#content div.orderform p,
#content div.personalDataForm p,
#content div.questionForm p
{
    margin:3px 0;
}

div.orderform fieldset,
div.personalDataForm fieldset,
div.questionForm fieldset
{
  border:1px solid #123961;
  margin:12px 0;
  padding:1em 0;
}

div.orderform fieldset div.field_set,
div.personalDataForm fieldset div.field_set,
div.questionForm fieldset div.field_set
{
  margin:10px 25px 20px;
}

div.orderform fieldset div.field,
div.personalDataForm fieldset div.field
{
  margin:2px 0;
}

div.orderform fieldset legend,
div.personalDataForm fieldset legend,
div.questionForm fieldset legend {  
  color:#123961;  
  font-weight:bold;
  margin:0 0 0 25px;
  padding:0 10px;
}

div.orderform fieldset div.prd_field img,
div.orderform fieldset div.prd_field p.description
{
  float:left;
}

#content div.orderform fieldset div.prd_field img
{
  max-width:100px;
  margin-right:5px;
  margin-bottom:5px;
  border:none;
  float:left;
}

#content div.orderform fieldset div.prd_field p.description
{  
  width:70%;
}

div.orderform fieldset div.prd_field div.prd_amount
{    
  clear:both;
}

div.orderform label,
div.personalDataForm label
{  
  color:#123961;
  float:left;
  width:110px;
}

div.orderform label.lblAmount
{
    width:40px;
}

div.orderform input, div.orderform textarea
{
  font-size:10px;  
  background-color:#F2F2F2;
  border:1px solid #123961;  
}

div.orderform input.notdisplayed,
div.personalDataForm input.notdisplayed,
div.questionForm input.notdisplayed
{display:none;}

div.orderform textarea
{
  width:20em;
}

/** Quiz **/
div.questionForm label
{  
  color:#123961;
  float:left;
  width:80%;
}

* html div.questionForm label
{  
  padding:3px 0;
}

div.questionForm div.field input
{  
  width:30px;
  float:left;
  margin:0;
  padding:0;
}

div.questionForm fieldset div.field
{
  padding:5px 0;
  clear:left;
}

div.questionForm fieldset
{
  /*padding:0;*/
}

div.questionForm p.error
{
    color:red;
}