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


/*  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: 'Fontin';
  src: url('../font/Fontin-Regular.eot');
  src: local('Fontin'), local('Fontin'), 
        url('../font/Fontin-Regular.ttf') format('TrueType');
}

@font-face {
  font-family: 'Fontin-Bold';
  src: url('../font/Fontin-Bold.eot');
  src: local('Fontin Bold'), local('Fontin Bold'), 
        url('../font/Fontin-Bold.ttf') format('TrueType');
}


/* Body und Grundstruktur */
body {
	background-image:url(../images/bg_container.jpg), url(../images/bg_top.gif);
	background-repeat:no-repeat, repeat-x;
	background-position:center top, center top;
	background-color: #f5ecda;
	color:#170708;
	font-family: Helvetica, Arial;
	
	text-align:center; /*Fürn IE und so :D */
	}
	
#pagewrap {
	width: 960px;
	margin:0 auto;
	text-align:left; /* Überschreibt IE-Fix*/
	}
	
#header {
	width:100%;
	float:left;
	height:146px;
	overflow:hidden;
	}
	
#contentwrap {
	width:940px; /* Achtung padding abziehen */
	float:left;
	background:#ffffff;
	padding:10px;
	min-height:500px;
	
	box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.6);
	}
	
	
/* ###################### Logo und Nav ###################### */
#header .logo { 
	float:left;
	margin:22px 40px;
}

#mainnav {
	float:right;
	list-style-type:none;
	margin-top:80px;
	
	}
	
#mainnav li {
	float:left;
	list-style-type:none;
	padding:10px;
	margin:10px;
	}
	
#mainnav li a {
	color:#fff;
	text-decoration:none;
	font-family: Fontin, Arial;
	}
	
#mainnav #active-tab a {
	border-bottom: 3px solid #fff;
	}
	
/* ###################### Elevator ###################### */
#elevator {
	width:940px;
	height:235px;
	background-image:url(../images/bg_elevator.jpg);
	background-color:#d8e4d1;
	overflow:hidden;
	
	margin-bottom:20px;
	
	color:#9f1627;
	font-family: Fontin, Arial;

	}
#elevator h1 {
	font-family: Fontin-Bold, Arial;
	font-size:150%;
	margin:30px 0 20px 20px;
	font-weight:normal;
	}
#elevator p {
	margin:10px 0 0 35px;
	width:240px;
	line-height:150%;
	}

#elevator p strong {
	font-family: Fontin-Bold, Arial;
	}


/* ###################### Content ###################### */
#content {
	width:920px;
	padding:20px 10px;
	}

#content h2 { 
	font-weight:bold;
	font-size:100%;
	color: #9f1627;
	margin-bottom:12px;
	}

#content h3 { 
	font-weight:bold;
	font-size:90%;
	color: #000;
	margin-bottom:12px;
	}

#content p {
	font-size:90%;
	line-height:142%;
	margin-bottom:20px;
	}
	
#content .zweispaltig {	
	width:444px;
	float:left;
	}

#content p strong {
	font-weight:bold;
	}
	
#content p img {
	background:#f2efe7;
	border:1px solid #ccc;
	padding:3px;
	float:left;
	margin:5px 0;
	}
	
.csc-default h1 {
	font-size:100%;
	margin:45px 0 5px 0;
	padding:0;
	font-weight:bold;
	color:#9f1627;
	}
	
	/*csc-default */
	
#content .csc-firstHeader {
	margin-top:0px;
	}

#content .csc-default .csc-header .csc-firstHeader {
	margin-top:0px;
	}
	
.csc-header br {
	line-height:0px;
	height:0px;
	}
	
#content ul {
	font-size:90%;
	margin:0 0 30px 30px;
	}
	
#content a {
	color:#9f1627;}

#content a:hover {
	text-decoration:none;
	}
	
#content #mailform label {display:block;
	font-size:90%;
	margin:10px 0px 5px 0px;}

#content #mailform input {
  background: #eeeeee;
  border: thin solid #cccccc;
  margin:0;
  padding:5px;
  width:280px;
}

#content #mailform textarea {
  background: #eeeeee;
  border: thin solid #d1d1d1;
  margin:0;
  padding:5px;
  width:280px;
}
	
/* ###################### Footer ###################### */
#footer {
	width:940px;
	float:left;
	margin:20px 10px;
	font-size:80%;
	color:#898989;
	}
#footer #subnav {
	float:left;
	list-style-type:none;
	}
#footer #subnav li {
	float:left;
	list-style-type:none;
	padding:0 10px;
	border-right: 1px solid #898989;
	}
#footer #subnav li a {
	color:#898989;
	text-decoration:none;
	}
	
#footer #subnav li a:hover {
	color:#000;
	text-decoration:none;
	}


#footer .copyright {
	float:right;
	width:150px;
	padding-right:10px;
	text-align:right;
	}

.clearit {
	clear:both;}