@CHARSET "ISO-8859-1";


* {
  margin: 0;
  padding: 0;
}

body {
	background-color: #F6F7F7;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 22px;
	font-size: 14px;
}

div#header {
	height:130px;
	background-image:url('img/header_bg.gif');
	background-repeat:repeat-x;
	background-position:center top;
	background-color: #F6F7F7;	
}

div#nav, 
div#main {
	width:870px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

div#branding {
	position: absolute;
	left: 250px;
	top: 5px;
}

div#logo {
	position: relative;
	left: 0px;
	top: -40px;
}

div#main {
	
	margin-bottom: 100px;
}

div#maincontainer {
	width: 880px;
}

div#mainleft {
	margin-left:8px;
	width: 580px;
	display: block; 
	float: left;
	

}
div#mainright {
	margin-left:630px;
	width: 260px;
	display: block; 
}

h3.headline {
	font-size: 16px;
	margin-top: 25px;
}

/**
 * angebot
 */

body#angebot-page h3.headline,
	body#aktuell-page h3.headline,
	body#aktuell2-page h3.headline,
	body#jobangebot-page h3.headline {
	color: #72BF9D;
} 

.teal { 
	color: #72BF9D;
}

body#angebot-page div#mainleft a, 
	.linkteal,
	body#aktuell-page div#mainleft a,
	body#aktuell2-page div#mainleft a,
	body#jobangebot-page div#mainleft a {
	
	text-decoration: none;
	color: #72BF9D;
	font-weight: bold;
	
	background-image:url('img/arrow_teal.gif');
	background-repeat:no-repeat;
	background-position: right;
	padding-right: 13px;
}

/**
 * profil
 */

body#profil-page h3.headline {
	color: #98ABBB;
} 

body#profil-page div#mainleft a {
	text-decoration: none;
	color: #98ABBB;
	font-weight: bold;
	
	background-image:url('img/arrow_teal.gif');
	background-repeat:no-repeat;
	background-position: right;
	padding-right: 13px;
}

/**
 * kooperationen
 */

body#kooperationen-page h3.headline {
	color: #E77F91;
} 

body#kooperationen-page div#mainleft a {
	text-decoration: none;
	color: #E77F91;
	font-weight: bold;
	
	background-image:url('img/arrow_pink.gif');
	background-repeat:no-repeat;
	background-position: right;
	padding-right: 13px;
}

/**
 * referenzen
 */

body#referenzen-page h3.headline,
body#lesetipp-page h3.headline,
body#lesetipp2-page h3.headline, 
.gold {
	color: #D9C16D;
} 

body#referenzen-page div#mainleft a, .linkgold {
	text-decoration: none;
	color: #D9C16D;
	font-weight: bold;
	
	background-image:url('img/arrow_gold.gif');
	background-repeat:no-repeat;
	background-position: right;
	padding-right: 13px;
}

/**
 *start
 */

.purple {
	color: #B899B0;
} 

.linkpurple {
	text-decoration: none;
	color: #B899B0;
	font-weight: bold;
	
	background-image:url('img/arrow_purple.gif');
	background-repeat:no-repeat;
	background-position: right;
	padding-right: 13px;
}

/**
 * kontakt
 */

body#kontakt-page h3.headline {
	color: #AC9986;
} 

body#kontakt-page div#mainleft a {
	text-decoration: none;
	color: #AC9986;
	font-weight: bold;
	
	background-image:url('img/arrow_brown.gif');
	background-repeat:no-repeat;
	background-position: right;
	padding-right: 13px;
}

/**
 * end
 */


body#angebot-page div#mainleft a:hover,
body#kooperationen-page div#mainleft a:hover,
body#referenzen-page div#mainleft a:hover,
body#aktuell-page div#mainleft a:hover,
body#aktuell2-page div#mainleft a:hover,
body#jobangebot-page div#mainleft a:hover,  
body#kontakt-page div#mainleft a:hover,
div#footer a:hover {
	text-decoration: underline;
}


div#mainleft p {
	margin-top: 10px;
	margin-bottom: 10px;
}

div#mainleft li {
	margin-left: 15px;
}


.linkblack:link {
	color: #000000 !important;
	text-decoration: none !important;
	background-image: none !important;
	font-weight: normal !important;
	
}

a.angebotlink img, .angebotlink {
	border: 0px;
	background-image: none !important;
	background-position: -9999px -9999px;
}


div#infobox {
	background-image:url('img/infobox_bg.gif');
	background-repeat:no-repeat;
	min-height: 395px;
	width: 256px;
}


div#footerwrapper {
	

	background-image:url('img/footer_bg.gif');
	background-repeat:repeat-x;
}


div#footer {
	
	background-image:url('img/footer_areas_bg.gif');
	background-repeat:no-repeat;
	background-position:center top;
	width: 960px;
	margin-left: auto;
	margin-right: auto;

	
}

div #footer, 
div #footerwrapper,
div#footerarea1,
div#footerarea2, 
div#footerarea3 {  
		
	height:129px;
}

div#footerarea1,
div#footerarea2, 
div#footerarea3 {  
	margin-top: 20px;
	font-size: 12px;
	line-height: 16px;
	color: #ffffff; 
	
}
div#footer a {
	color: #ffffff;
	text-decoration: none;
}

div#footer p {  
	margin-top: 10px;
}

div#footer b {  
	font-size: 14px;
}

div#footerarea1 {
	width: 387px;
	height: 109px;
	margin-left: 45px;
	/*background-color: red;*/
	float: left;
}
div#footerarea2 {
	width: 222px;
	height: 109px;
	margin-left: 20px;
	/*background-color: blue;*/
	float: left;
}
div#footerarea3 {
	width: 264px;
	height: 109px;
	margin-left: 20px;
	/*background-color: yellow;*/
	float: right;
}

a:HOVER {
	text-decoration: underline;
}

.separator {
	color: #DADADA; 
	background-color: #DADADA; 
	border: 0; 
	height: 1px; 
	width: 212px;
	margin-top: 10px; 
	margin-bottom: 10px;
}

html, body {height: 100%;}

#wrapper {min-height: 100%;}

#mainc {overflow:auto;
	padding-bottom: 129px;}  /* must be same height as the footer */

#footerwrapper {position: relative;
	margin-top: -129px; /* negative value of footer height */
	height: 129px;
	clear:both;} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

input.newsletter {
	width:180px;
	height:20px;
	margin-top: 5px;
	border: 1px #5F5F5F solid;
	background-color: #EDEDED;
	vertical-align: middle;
}

input.textfield {
	width:200px;
	height:20px;
	margin-top:5px;
	margin-bottom: 5px;
	border-right: 0px;
	border-left: 0px;
	border-top: 1px #A2A2A2 solid;
	border-bottom: 1px #A2A2A2 solid;
}
textarea.areatext {
	width:200px;
	margin-top:5px;
	margin-bottom: 5px;
	border-right: 0px;
	border-left: 0px;
	border-top: 1px #A2A2A2 solid;
	border-bottom: 1px #A2A2A2 solid;
}