@charset "utf-8";

/* global gültige Styles ********************************** */
/* Schrifteinstellung */
* {
    margin: 0;
    padding: 0;
}

html { overflow-y: scroll; }

body {
	background: #f1f1f1 url(../gfx/design_body.gif) left center repeat;
    color: #666;
    font: normal 75%/18px Arial, Helvetica, sans-serif;
}

/* Hyperlinks */
a, a:link, a:visited {
    color: #666;
    font-weight: bold;
    text-decoration: underline;
}

a:hover, a:active, a:focus {
    text-decoration: none;
}

a.button, a.button:link, a.button:visited {
	background: #fff url(../gfx/icon_linkbutton.gif) -1px 50% no-repeat;
	border: 1px solid #ccc;
	font: bold 95% Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	padding: 4px 13px 4px 35px;
	text-decoration: underline;
}

a.button:hover, a.button:active, a.button:focus {
	text-decoration: none;
}

div#content h1 a, div#content h1 a:link, div#content h1 a:visited {
	background: #fff url(../gfx/icon_linkbutton.gif) -1px 50% no-repeat;
	border: 1px solid #ccc;
	font: bold 60%px Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	padding: 4px 13px 4px 35px;
	position: absolute;
	right: 0;
	text-decoration: underline;
	top: 0;
}

div#content h1 a:hover, div#content h1 a:active, div#content h1 a:focus { text-decoration: none; }

/* Absätze */
p { padding-bottom: 15px; }

/*Listen*/
ul { margin: 0 0 15px 10px; }

ol { margin: 0 0 15px 25px; }

ul { list-style: none; }

ul li {
	background-color: transparent;
	background-position: 0 5px;
	background-repeat: no-repeat;
	padding-left: 15px;
}

ol li {
	background: inherit;
	margin: 0;
	padding: 0;
}

/* Überschriften */
div#leftCol h1 {
	background-color: transparent;
	background-position: 0 2px;
	background-repeat: no-repeat;
    font: bold 140% Arial, Helvetica, sans-serif;
    margin: 10px 0 15px 0;
	padding-left: 20px;
}

div#content h1, div#header2 h1 {
	background-color: transparent;
	background-position: 0 5px;
	background-repeat: no-repeat;
    font: normal 175% Arial, Helvetica, sans-serif;
	height: 100%;
    margin: 10px 0 15px 0;
	padding-left: 20px;
	position: relative;
}

div#content h1 strong { font-weight: normal; }

h2, dt {
	font: bold 100%/18px Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
}

h3, h4, h5, h6 {
    font: bold 100%/18px Arial, Helvetica, sans-serif;
}

/* zusätzliche Textauszeichnungen */
.boldTxt {
    font-weight: bold;
}

.smallTxt {
    font-size: 90%;
}

.hidden {
	display: inline;
	height: 0;
	left: -1000px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0;
}

/* Bilder */
img { border: none; }

img.right {
    float: right;
    margin: 0 0 5px 20px;
}

img.left {
    float: left;
    margin: 0 20px 5px 0;
}

img.border {
    border: 1px solid #DEDDDE;
}

img.contentHeader {
	margin-bottom: 15px;
}

/* tabellarische Daten */
.tabularData {
    border-collapse: collapse;
    border-spacing: 1px;
    font-size: 75%;  
    margin: 1px 0 5px 0; 
    width: 100%;
}

.tabularData td {
    background-color: #E6F1FF;
    border: 1px solid #fff;
    padding: 5px;
    vertical-align: top;
}

.tabularData th {
    border: 1px solid #fff;
    padding: 10px 0 5px 0;
    text-align: left;
    vertical-align: top;
}

.tabularData caption {
    font-weight: bold;
    padding-bottom: 5px;
    text-align: left;
}

/* Boxen */
div.high {
	background: #fff url(../gfx/design_high2.gif) left top repeat-x;
	/*border: 1px solid #e5e5e5;*/
	border: 1px solid #d2d2d2;
	margin-bottom: 15px;
	padding: 25px 25px 10px;
}

p.contactBox {
	background: #fff url(../gfx/design_header2left_p2.gif) left top repeat-x;
	border: 1px solid #d2d2d2;
	color: #000;
	font: bold 100%/18px Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	padding: 10px 5px 10px 10px;
	position: relative;
}

p.contactBox span {
	background-color: transparent;
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	font: normal 95%/15px Arial, Helvetica, sans-serif;
	padding-left: 60px;
}

p.contactBox em {
	font: bold 110% Arial, Helvetica, sans-serif;
}

/*Formulare*/
form {
	margin-bottom: 15px;
}

option { padding: 0 3px; }
input { vertical-align: middle; }

p.formFooter input { vertical-align: top; }

form hr {
	background-color: #666;
	border: none;
	color: #666;
	height: 1px;
	margin: 10px 0;
}

table.formData {
    border-collapse: collapse;
	table-layout: fixed;
    width: 100%;
}

table.formData td {
    background-color: #F1F1F1;
    border: 1px solid #fff;
    padding: 5px;
    vertical-align: top;
}

table.formData th {
    background-color: #F1F1F1;
    border: 1px solid #fff;
	font-weight: bold;
    padding: 7px;
	text-align: left;
    vertical-align: top;
}

table.formData caption {
    font-weight: bold;
    padding-bottom: 5px;
    text-align: left;
}

input.stretch95 { width: 95%; }
input.stretch80 { width: 80%; }
input.stretch50 { width: 50%; }
input.stretch25 { width: 25%; }

form.kontaktForm p {
	background-color: #F1F1F1;
	margin-bottom: 1px;
	padding: 6px;
}

form.kontaktForm label {
	float: left;
	white-space: nowrap;
	width: 110px;
}

form.kontaktForm span {
	border-left: 1px solid #fff;
	display: block;
	margin-left: 120px;
	padding-left: 5px;
}

form.kontaktForm em {
	color: #f80;
	display: block;
	font: bold normal 95% Arial, Helvetica, sans-serif;
}

form.anfrageForm p.wrapper {
	background-color: #F1F1F1;
	margin: 0 0 1px 0;
	padding: 6px !important;
}

form.anfrageForm p.wrapper label {
	float: left;
	font-weight: bold;
	white-space: nowrap;
	width: 110px;
}

form.anfrageForm p.wrapper span {
	border-left: 1px solid #fff;
	display: block;
	margin-left: 120px;
	padding-left: 5px;
}

form.newsletter em.smallTxt {
	color: #f80;
	font-weight: bold;
}

div.errorBox {
	background-color: #F69240;
	margin-bottom: 15px;
	padding: 25px;
}

/* ******************************************************** */

/* Kontainer ************************************************/
div#container {
	background: #fff url(../gfx/design_container.gif) left top repeat-y;
	margin: 0 auto;
	width: 910px;
}

/* Seitenkopf ***********************************************/
div#header {
	background-color: #fff;
    height: 240px;
	margin: 0 5px;
	position: relative;
}

div#header h1 {
	background: #fff url(../gfx/logo.gif) left top no-repeat !important;
	height: 59px;
	left: 40px;
	width: 173px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 25px;
}

div#header h1 span {
	display: inline;
	height: 0;
	left: -1000px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0;
}

div#header h1 a {
	display: block;
	width: 170px;
	height: 55px;
}

div#header ul#nav1 {
	list-style: none;
	margin: 0;
	position: absolute;
	top: 66px;
	right: 10px;
}

div#header ul#nav1 li {
	background: none !important;
	float: left;
	padding: 0;
}

div#header ul#nav1 li a, div#header ul#nav1 li a:link, div#header ul#nav1 li a:visited {
	border-right: 1px solid #000;
	color: #666;
	padding: 0 12px;
	text-decoration: underline;
}

div#header ul#nav1 li a:hover, div#header ul#nav1 li a:active, div#header ul#nav1 li a:focus {
	text-decoration: none;
}

li.lastEntry a { border: none !important; }

div#header ul#mainNav {
	left: 17px;
	list-style: none;
	margin: 0;
	position: absolute;
	top: 98px;
}

div#header ul#mainNav li {
	background: none;
	float: left;
	padding: 0;
}

div#header ul#mainNav li a, div#header ul#mainNav li a:link, div#header ul#mainNav li a:visited {
	background-color: #fff;
	background-position: left top;
	background-repeat: no-repeat;
	color: #000;
	display: block;
	font: bold italic 110% Arial, Helvetica, sans-serif;
	width: 144px;
	height: 61px;
	padding-top: 67px;
	text-align: center;
	text-decoration: none;
}

div#header ul#mainNav li a:hover, div#header ul#mainNav li a:active, div#header ul#mainNav li a:focus {
	text-decoration: underline;
}

div#header ul#mainNav li a#sm { background-image: url(../gfx/nav_sm.gif) }
div#header ul#mainNav li a#am { background-image: url(../gfx/nav_am.gif) }
div#header ul#mainNav li a#em { background-image: url(../gfx/nav_em.gif) }
div#header ul#mainNav li a#ow { background-image: url(../gfx/nav_ow.gif) }
div#header ul#mainNav li a#wd { background-image: url(../gfx/nav_wd.gif) }
div#header ul#mainNav li a#co { background-image: url(../gfx/nav_co.gif) }

/* 2ter Header **********************************************/
div#header2 {
	background: #ccc url(../gfx/design_header2.gif) left top repeat-y;
	color: #000;
	height: 100%;
	position: relative;
}

div#header2top {
	background: #fff url(../gfx/design_header2top.gif) left top no-repeat;
	font-size: 1px;
	height: 12px;
}

div#header2bottom {
	background: #fff url(../gfx/design_header2bottom.gif) left top no-repeat;
	clear: both;
	font-size: 1px;
	height: 30px;
}

div#header2left {
	float: left;
	font: bold 100%/18px Arial, Helvetica, sans-serif;
	padding: 15px 10px 15px 45px;
	width: 220px;
}

div#header2left p {
	/*background: #fff url(../gfx/design_header2left_p.gif) left bottom repeat-x;*/
	height: 50px;
	padding: 10px 5px 10px 55px;
	position: relative;
}

div#header2left span {
	display: block;
	font: normal 95%/15px Arial, Helvetica, sans-serif;
}

div#header2left img {
	left: 0px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
}

div#header2right {
	height: 100%;
	margin: 0 30px 0 310px;
	padding: 15px 30px;
}

/* linke Spalte *********************************************/
div#leftCol {
	float: left;
	padding: 10px 10px 15px 25px;
	width: 260px;
}

div#leftCol div {
	background: #fff url(../gfx/design_high2.gif) left top repeat-x;
	border: 1px solid #d2d2d2;
	margin-bottom: 15px;
	padding: 10px 20px 30px;
}

div#leftCol div form span {
	display: block;
	padding: 5px 0;
}

/* Sub-Navi */
div#leftCol ul {
    list-style: none;
	margin: 0 0 5px 6px;
	padding-bottom: 15px;
}

div#leftCol ul li ul {
	border: none;
	padding-bottom: 0;
}

div#leftCol ul li {
	background: none !important;
	margin-bottom: 10px;
	padding: 0;
}

div#leftCol ul li a, div#leftCol ul li a:link, div#leftCol ul li a:visited {
	background-color: #fff;
	background-position: 0 7px;
	background-repeat: no-repeat !important;
	color: #000;
	display: block;
    font: normal 100%/19px Arial, Helvetica, sans-serif;
	padding-left: 15px;
    text-decoration: underline;
	width: 220px;
}

div#leftCol ul li a:hover, div#leftCol ul li a:active, div#leftCol ul li a:focus {
    text-decoration: none;    
}

div#leftCol ul li ul {
	margin: 10px 0 0 15px;
}

div#leftCol ul li ul li a {
	background: #fff url(../gfx/design_leftcol_a2.gif) 0 7px no-repeat !important;
	font: normal 95%/15px Arial, Helvetica, sans-serif !important;
	width: 205px !important;
}

/* rechte Spalte ******************************************/
div#content {
	background: transparent url(../gfx/design_content.gif) left top no-repeat; 
	margin-left: 295px;
	padding: 10px 35px;
}

/* Hide from IE5-mac \*/

* html div#leftCol {
    margin-right: -3px;
}

* html div#content {
    height: 1%;
    margin-left: 0;
}

/* End IE5/mac hide */

/* Seitenabschluss ****************************************/
div#footer {
	background: #fff url(../gfx/design_footer.gif) left bottom no-repeat;
	clear: both;
	font: normal 95% Arial, Helvetica, sans-serif;
	height: 39px;
	padding: 40px 0 0 30px;
	position: relative;
}

div#footer p {
	float: left;
	width: 200px;
}

div#footer ul {
	list-style: none;
	position: absolute;
	right: 20px;
}

div#footer ul li {
	background: none !important;
	float: left;
	padding: 0;
}

div#footer ul li a, div#footer ul li a:link, div#footer ul li a:visited {
	border-right: 1px solid #000;
	padding: 0 10px;
	text-decoration: underline;
} 

div#footer ul li a:hover, div#footer ul li a:active, div#footer ul li a:focus {
	text-decoration: none;
}

/* Farbwechsel *************************************************/

/* default */
div#container.default h1							{ background-image: url(../gfx/design_h1_default.gif); }

div#container.default h1 strong,
div#container.default h2,
div#container.default dt							{ color: #e79d09; }

div#container.default div#leftCol ul li a,
div#container.default ul li 						{ background-image: url(../gfx/icon_bullet_default.gif); }

div#container.default p.contactBox.telefon span		{ background-image: url(../gfx/icon_telefon_default.gif) }		
div#container.default p.contactBox.email span		{ background-image: url(../gfx/icon_email_default.gif) }	
div#container.default p.contactBox.beratung span	{ background-image: url(../gfx/icon_beratung_default.gif) }

/*suchmaschinenmarketing*/
div#container.sm h1 						{ background-image: url(../gfx/design_h1_sm.gif); }

div#container.sm h1 strong,
div#container.sm h2,
div#container.sm dt							{ color: #D84B4B; }

div#container.sm div#leftCol ul li a,
div#container.sm ul li						{ background-image: url(../gfx/icon_bullet_sm.gif); }

div#container.sm p.contactBox.telefon span	{ background-image: url(../gfx/icon_telefon_sm.gif) }		
div#container.sm p.contactBox.email span	{ background-image: url(../gfx/icon_email_sm.gif) }	
div#container.sm p.contactBox.beratung span	{ background-image: url(../gfx/icon_beratung_sm.gif) }	

/*email-marketing*/
div#container.em h1 						{ background-image: url(../gfx/design_h1_em.gif); }

div#container.em h1 strong,
div#container.em h2,
div#container.sm dt							{ color: #D8A44B; }

div#container.em div#leftCol ul li a,
div#container.em ul li 						{ background-image: url(../gfx/icon_bullet_em.gif); }

div#container.em p.contactBox.telefon span	{ background-image: url(../gfx/icon_telefon_em.gif) }		
div#container.em p.contactBox.email span	{ background-image: url(../gfx/icon_email_em.gif) }	
div#container.em p.contactBox.beratung span	{ background-image: url(../gfx/icon_beratung_em.gif) }	

/*affiliate-marketing*/
div#container.am h1 						{ background-image: url(../gfx/design_h1_am.gif); }

div#container.am h1 strong,
div#container.am h2,
div#container.am dt							{ color: #D86E4B; }

div#container.am div#leftCol ul li a,
div#container.am ul li 						{ background-image: url(../gfx/icon_bullet_am.gif); }

div#container.am p.contactBox.telefon span	{ background-image: url(../gfx/icon_telefon_am.gif) }		
div#container.am p.contactBox.email span	{ background-image: url(../gfx/icon_email_am.gif) }	
div#container.am p.contactBox.beratung span	{ background-image: url(../gfx/icon_beratung_am.gif) }	

/*online-werbung*/
div#container.ow h1 						{ background-image: url(../gfx/design_h1_ow.gif); }

div#container.ow h1 strong,
div#container.ow h2,
div#container.ow dt							{ color: #6464C4; }

div#container.ow div#leftCol ul li a,
div#container.ow ul li 						{ background-image: url(../gfx/icon_bullet_ow.gif); }

div#container.ow p.contactBox.telefon span	{ background-image: url(../gfx/icon_telefon_ow.gif) }		
div#container.ow p.contactBox.email span	{ background-image: url(../gfx/icon_email_ow.gif) }	
div#container.ow p.contactBox.beratung span	{ background-image: url(../gfx/icon_beratung_ow.gif) }

/*webdesign*/
div#container.wd h1 						{ background-image: url(../gfx/design_h1_wd.gif); }

div#container.wd h1 strong,
div#container.wd h2,
div#container.wd dt							{ color: #4CC084; }

div#container.wd div#leftCol ul li a,
div#container.wd ul li 						{ background-image: url(../gfx/icon_bullet_wd.gif); }

div#container.wd p.contactBox.telefon span	{ background-image: url(../gfx/icon_telefon_wd.gif) }		
div#container.wd p.contactBox.email span	{ background-image: url(../gfx/icon_email_wd.gif) }	
div#container.wd p.contactBox.beratung span	{ background-image: url(../gfx/icon_beratung_wd.gif) }	

/*controlling*/
div#container.co h1 						{ background-image: url(../gfx/design_h1_co.gif); }

div#container.co h1 strong,
div#container.co h2,
div#container.co dt							{ color: #C6C56C; }

div#container.co div#leftCol ul li a,
div#container.co ul li 						{ background-image: url(../gfx/icon_bullet_co.gif); }

div#container.co p.contactBox.telefon span	{ background-image: url(../gfx/icon_telefon_co.gif) }		
div#container.co p.contactBox.email span	{ background-image: url(../gfx/icon_email_co.gif) }	
div#container.co p.contactBox.beratung span	{ background-image: url(../gfx/icon_beratung_co.gif) }