@charset "UTF-8";
/* CSS Document */

/* 
Author: Michael Geissler
Author URI: http://www.soulstyled.de
Version: 1.0
*/


/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
{margin:0;padding:0;}

@font-face {
  font-family: "Lisboa Sans LF Light";
  src: url('font/LisboaSansLFLight.eot'); 
  src: local('Lisboa Sans LF Light'), local('Lisboa Sans LF Light'), 
        url('font/LisboaSansLFLight.ttf') format('TrueType');
}

/* --------------------------------------- */
/* Body und Grundstrucktur */
/* --------------------------------------- */

body {
	background:#0e1116;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}
	
/* --------------------------------------- */
/* 100% Divs */
/* --------------------------------------- */	

#container_header {
	text-align:center; /* IE Bugfix */
	background-image:url(../img/bg_header_transparenzen.png), url(../img/bg_header.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:top center, top left;
	width:100%;
	}
	
#container_intro {
	text-align:center; /* IE Bugfix */
	background:#e6e6e6;
	width:100%;
	border-bottom:1px solid #fff;
	}
	
#container_content {
	text-align:center; /* IE Bugfix */
	background:#f9f9f9;
	background-image:url(../img/bg_content.jpg);
	background-repeat:repeat-x;
	background-position:top;
	width:100%;
	}
	
#container_footer {
	text-align:center; /* IE Bugfix */
	background:#0e1116;
	width:100%;
	color:#FFF;
	padding-top:6px;
	}

/* --------------------------------------- */
/* 960px zentrierte Divs */
/* --------------------------------------- */	

#wrap_header { 
	width:960px; 
	margin:0 auto;
	text-align:left; /* IE Fix */
	height:489px;
	overflow:hidden;
	}

#wrap_intro { 
	width:960px; 
	margin:0 auto;
	text-align:left; /* IE Fix */
	padding-top:30px;
	padding-bottom:20px;
	color:#452c21;
	}
	
#wrap_content { 
	width:960px; 
	margin:0 auto;
	text-align:left; /* IE Fix */
	min-height:200px;
	padding-top:45px;
	padding-bottom:40px;
	color:#452c21;
	}
	
#wrap_footer { 
	width:960px; 
	margin:0 auto;
	text-align:left; /* IE Fix */
	background-image:url(../img/bg_footer.jpg);
	background-repeat:no-repeat;
	background-position:top;
	min-height:200px;
	padding-top:23px;
	padding-bottom:25px;}
	

/* --------------------------------------- */
/* Header */
/* --------------------------------------- */

.visual {border:1px solid #545454;}

#logo {height:80px; width:200px; float:left; padding-top:20px;}

#nav {
	width:300px;
	float:right;
	text-align:right;
	}

#nav ul {float:right; list-style-type:none;}

#nav ul li {
	float:left; list-style-type:none;
	width:75px;
	height:31px;
	text-align:center;
	text-transform:uppercase;
	padding-top:40px; /* von der height abziehen */
	margin-left:20px;
	text-shadow: 0px 0px 2px #000;
	}

#nav ul li a {color:#fff; text-decoration:none;}

#nav ul li:hover {background-image:url(../img/nav_hover.png);}
.active {background-image:url(../img/nav_hover.png);}

/* --------------------------------------- */
/* Intro */
/* --------------------------------------- */

#wrap_intro p {font-size:140%; text-shadow: 1px 1px 0px #fff; line-height:150%; float:left;}
#wrap_intro .cta {border:0; float:right; margin:8px;}

/* --------------------------------------- */
/* Contentstyling */
/* --------------------------------------- */
#wrap_content p {line-height:140%;}

.left	{width:460px; float:left; margin-right:40px;}
.right {width:460px; float:left;}

#wrap_content h2 {font-size:130%; background-image:url(../img/bg_heading.png); background-repeat:repeat-x; background-position:bottom; vertical-align:top; height:25px; margin-bottom:10px; text-shadow: 1px 1px 0px #fff;}

#wrap_content a {color:#452c21;}
#wrap_content a:hover {color:#7c5342;}

#wrap_content .cta {border:0; float:right; margin:12px 0px 0px 8px;}


/* --------------------------------------- */
/* Footer */
/* --------------------------------------- */

#wrap_footer h3 {font-size:130%; border-bottom:1px solid #fff; vertical-align:top; height:25px; margin-bottom:10px; text-shadow: 1px 1px 0px #000;}

#wrap_footer p {line-height:140%;}

#wrap_footer a {color:#fff;}
#wrap_footer a:hover {color:#b1c0cb;}

.copy {width:100%; border-top:1px solid #55575b; padding-top:8px; margin-top:20px; display:block; color:#b8b8b8;}
.copy a {color:#b8b8b8; text-decoration:none;}

/* --------------------------------------- */
/* Misc */
/* --------------------------------------- */
.clear {line-height:0px; clear:both;}

strong {font-weight:bold;}