/* -- basic-styles -- */


body {
	font: .8em/1.6em Arial, sans-serif;
	padding: 60px 0 0 0;
	margin: 0;
	color: #5e5d5d;
	text-align: center;
	background: #fff url(../img/bg_content.gif) repeat-y 50% 0;
	min-width: 900px;
}

* {
	padding: 0;
	margin: 0;
}

.clearer {
	clear: both;
}

a, a img {
	border: 0;
	outline: none;
}
a {
	color: #8c8789;
	text-decoration: none;
}
a:hover, a.active, .active a {
	color: #5e5d5d;
}


/* -- Positionierung Browser -- */

#page {
	width: 900px;
	height: 100.1%;
	text-align: left;
	margin: 0 auto;
	xoverflow: hidden;
}

#left {
	float: left;
	padding: 0 0 0 0px;
}

#content {
	margin: 0 0 0 230px;
}
.item {
	width: 383px;
	padding: 0 300px 0 0;
	float: left;
}
.item1col {
	width: 383px;
	padding: 0 300px 0 0;
	float: left;
}
.sidebar {
	float: right;
	width: 240px;
	margin: 0 -290px 0 0;
	padding: 1em 20px 0;
	background: #efefef;
	border-bottom: 20px solid #fff;
	min-height: 180px;
}

#footer {
	clear: both;
	border-bottom: 4px solid #e83715;
	padding: 5px;
	margin: 20px 0;
	height: 35px;
	width: 700px;
	background: url(../img/bg_footer.gif) no-repeat 99.5% 0;
}
#footer p {
	font-size: .85em;
	margin: 0;
	padding: 20px 0 0 220px;
}

/* -------- */

#left h1 a {
	display: block;
	width: 170px;
	height: 68px;
	text-indent: -999em;
	background: url(../img/logo.gif) no-repeat 0 0;
}

h1, h2, h3, h4, h5, h6, b, strong {
	color: #5e5d5d;
}

h2 { padding: 52px 0 .5em 0;}

p, ul { padding: 0 0 1em 0;}

.item a, 
.item1col a {
	color: #8c8789;
	text-decoration: none;
	border-bottom: 2px solid #e83715;
}

.item a:hover, .item a.active, .item .active a,
.item1col a:hover, .item1col a.active, .item1col .active a {
	color: #5e5d5d;
}

.item .sidebar .csc-textpic a {
	border-bottom: none;
}


.item img, div.csc-textpic img {
	border: 1px solid #c5c3c4;
	padding: 4px;
	background: #fff;
	margin-bottom: 1em;
}

.sidebar img {
	margin: 0 2em 1em 0;
}
.sidebar a:hover img {
	border: 1px solid #e83715;
}

.sidebar .thumbs a {
	border: none;
}


ul {
	list-style: none;
}
#left ul {
	margin-left: 55px;
	padding: 2em 2em 0 0;
}
#left ul li {
	padding: .4em 0;
	color: #000;
}
#left ul li ul {
	margin-left: 0;
	padding: .5em 0 .75em;
}
#left ul li ul li {
	padding: .1em 0;
	color: #8c8789;
}

#left ul a {
	display: block;
	border-bottom: 2px solid transparent;
}
#left ul li a:hover {
	border-bottom: 2px solid #e83715;
}
#left ul li.active a {
	font-style: italic;
	border-bottom: 2px solid #e83715;
}

.csc-textpic-clear {clear: none!important;}


/* 
---------------------------------------------------
  mailform
---------------------------------------------------
*/

#mailform { width: 340px;}
#mailform fieldset { border: none; }
#mailform .csc-mailform-field { xpadding: 2px; clear: left;}
#mailform .csc-mailform-field label { width: 120px; padding: 4px 2px 2px 0px; float: left; color: #666; font-weight: normal;}
#mailform .csc-mailform-field input { width: 200px; padding: 2px; margin:2px 0; border: 1px solid #a9a9a9; font: .95em Arial, sans-serif;}
#mailform .csc-mailform-field select { padding: 0; margin:2px 0;}
#mailform .csc-mailform-field option { padding: 0 8px; font: .95em Verdana,Arial, sans-serif;}
#mailform .csc-mailform-field textarea { width: 334px; height: 70px; padding: 2px; margin:2px 0; border: 1px solid #a9a9a9; font: .95em Verdana,Arial, sans-serif;}
#mailform .csc-mailform-field input.csc-mailform-submit { width: 100px; padding: 2px; margin: 5px 4px 0 226px; border: none; border-bottom: 2px solid #e83715; font-weight: bold; background: transparent; }