/* CSS Document */

@import url(../spry/SpryCollapsiblePanel.css);

body {
	background: url(/fileadmin/templates/images/bg-verlauf.gif) repeat-x #FFFFFF;
}

#wrapper {
	background: url(/fileadmin/templates/images/background.gif) no-repeat #FFFFFF;
	width: 916px;
	margin: 0 auto;
	min-height: 600px;
}

#top {
	padding-top: 40px;
	width: 916px;
}

#logo {
	width: 300px;
	padding-left: 21px;
	float: left;
}

#logo img {
	border: none;
}

#servicenavigation {
	width: 570px;
	padding-right: 25px;
	text-align: right;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #505050;
}

#servicenavigation a {
	color: #505050;
	text-decoration: none;
}

#servicenavigation a:hover {
	color: #111111;
}

#servicenavigation li {
	display: inline;
}

#wayhome {
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #505050;
	margin-bottom: 30px;
}

#wayhome a {
	color: #848484;
	text-decoration: none;
	border-bottom: 1px dotted #848484;
}

#wayhome a:hover {
	color: #111111;
}

#wayhome ul {
	padding-left: 0;
	margin-left: 0;
}

#wayhome li {
	display: inline;
}

#seperator-large {
	clear: left;
	border-bottom: 1px solid #DADADA;
	width:876px;
	margin: 0 auto;
	padding-top: 11px;
}

#navigation {
	padding-left: 21px;
	padding-top: 11px;
	margin-left: 0;
	width: 165px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#navigation ul {
	padding-left: 0;
}

.nav1, .nav1-active {
	border-bottom: 1px solid #DADADA;
	padding: 5px 0;
	list-style: none;
	font-weight: normal;
}

.nav1-active {
	font-weight: bold;
}

.nav1 a, .nav1-active a {
	color: #505050;
	text-decoration: none;
}

.nav1 a:hover, .nav1-active a:hover {
	color: #000000;
}

.nav2, .nav2-active {
	padding: 4px 0;
	list-style: none;
	background: url("/fileadmin/templates/images/nav2-bullet.gif") no-repeat top left;
	margin-left: 0px;
	padding: 5px;
	padding-left: 10px;
	font-weight: normal;
}

.nav2-active {
	font-weight: bold;
}

.nav2 a, .nav2-active a {
	color: #5587BE;
	text-decoration: none;
}

.nav2 a:hover, .nav2-active a:hover {
	color: #092F59;
}

.nav3, .nav3-active {
	padding: 4px 0;
	list-style: none;
	background: url("/fileadmin/templates/images/nav3-bullet.gif") no-repeat top left;
	margin-left:2px;
	padding-left: 18px;
	font-weight: normal;
}

.nav3-active {
	font-weight: bold;
	background-color: #E9EAED;
}

.nav3:hover {
	background-color: #E9EAED;
}

.nav3 a, .nav3-active a {
	color: #092F59;
	text-decoration: none;
}

.nav3 a:hover, .nav3-active a:hover {
	color: #0A192A;
}

#main {
	background: url(/fileadmin/templates/images/trenner.gif) repeat-y;
	width: 916px;
}

.clear {
	clear: left;
}

#center {
	width: 500px;
	float: left;
	padding-top: 11px;
	margin-left: 15px;
}

.columns {
	overflow: visible;
}

.columnelement-left {
	width: 240px;
	float: left;
	padding: 0 10px 0 0;
}

.columnelement-right {
	width: 240px;
	float: left;
	padding: 0 0 0 10px;
}

.columnelement-profil {
	width: 230px;
	float: left;
	padding: 0 10px;
	background: url("/fileadmin/templates/images/bg-profil.gif") repeat-x top left;
}

.columnelement-profil h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #004DA3;
	text-transform: uppercase;
	font-weight: normal;
	border-bottom: 1px solid #BDD0E6;
	padding-bottom: 5px;
	margin: 7px 0 0 0;
}

.columnelement-profil p {
	border-bottom: 1px solid #BDD0E6;
	padding: 5px 0;
	margin: 0;
}

.column a, .columncontent a,
.column li a, .columns li a {
	color: #505050;
	border-bottom: 1px dotted #505050;
	text-decoration:none;
}

.column a:hover, .columncontent a:hover,
.column li:hover a, .columns li:hover a {
	color: #000000;
	border-bottom: 1px dotted #000000;
	text-decoration:none;
}

.column ul, .columns ul, .columncontent ul {
	margin-top: 6px;
	padding-bottom: 3px;	
}

.column h1, .columns h1, .columncontent h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 26px;
	color: #000000;
	font-weight: bold;	
}

.column h2, .columns h2, .columncontent h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #004DA3;
}

.columncontent h2 {
	margin-bottom: 8px;
}

.column h3, .columns h3, .columncontent h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #004DA3;
	margin: 0;
}

.column p, .columns p, .columncontent p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #505050;
}

.column .csc-textpic-caption, .columns .csc-textpic-caption, .columncontent .csc-textpic-caption {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #505050;
}

.columnelement-left a, .columnelement-right a {
	color: #505050;
	text-decoration: none;
	border-bottom: 1px dotted #505050;
}

.columnelement-left a:hover, .columnelement-right a:hover {
	color: #111111;
	border-bottom: 1px dotted #111111;
}

.columncontent p {
	line-height: 18px;
	margin-top: 0px;
}

.seperator-middle {
	width: 500px;
	border-bottom: 1px solid #DADADA;
	padding-top: 7px;
	margin-bottom: 7px;
}

.columnelement-left h1, .columnelement-right h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 20px;
	font-weight: bold;
	margin-top: 0px;
	color: #505050;
}

.columnelement-left h2, .columnelement-right h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	color: #004DA3;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.columncontent li, .columnelement li, .columns li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #505050;
	padding: 0 0 5px 0;
}

.contenttable td {
	padding: 5px;
	padding-left: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.contenttable {
	width: 500px;
	table-layout: fixed;
}

.tdcol1 {
	background: #D5DFED; 
	color: #505050;
}

.tdcol2 {
	background: #D5DFED; 
	color: #505050;
}

.tdcol3 {
	background: #80a1cb; 
	color: #FFFFFF;
}
.tdcol4  {
	background: #80a1cb; 
	color: #FFFFFF;
}

.tdcol-top {
	background: #ececea; 
	color: #505050;
	text-align:center;
}

.warenkorb-tabelle td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #505050;
	line-height: 15px;
	padding: 10px 0;
	margin: 0;
	border-bottom: 1px solid #DADADA;
	vertical-align:top;
	width: 72%;
}

.warenkorb-tabelle .tdhead {
	color: #004DA3;
	font-weight:bold;
	vertical-align:top;
	width: 28%;
}

/* Aenderungen Volker */


.contenttable2 .tdcol-top {
	font-size: 11px;
}

.tdcol-1st {
	background: #6C97C7; 
	color: #fff;
	text-align:center;
	width:162px;
	vertical-align:top;
	font-size: 11px;
}

.tdcol-2nd {
	background: #D5DFED; 
	color: #505050;
	width:30%;
	vertical-align:top;
	font-size: 11px;
}

.tdcol-3rd {
	color: #505050;
	font-size: 11px;
}

.text-blau {
	color: #004DA3;
}

.contenttable2 td {
	padding: 5px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	vertical-align:top;
}

.contenttable2 {
	vertical-align:top;
	width: 500px;
	table-layout: fixed;
}

/* Ende Aenderungen */

#right {
	float: left;
	width: 173px;
	padding-top: 11px;
	margin-left: 23px;
}

.teaserbox {
	background: url(/fileadmin/templates/images/bg-teaserbox.gif) repeat-x;
	width: 173px;
	padding: 8px 0;
}

.teaserbox img {
	margin: 8px 0 5px 0;
}

.teaserbox h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #004DA3;	
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0 8px;
}

.teaserbox h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #505050;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0 8px 5px 8px;
}

.teaserbox p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #505050;
	margin-top: 10px;
	padding: 0 8px 5px 8px;
}

.teaserbox a {
	background: url(/fileadmin/templates/images/linkpfeil.gif) center left no-repeat;
	padding-left: 15px;
	color: #505050;
	border-bottom: 1px dotted #505050;
	text-decoration:none;
}

.teaserbox a:hover {
	color: #111111;
	border-bottom-color: #111111;
}

.hellblau {
	background: #E0EEFE;
	padding: 10px;
	margin: 10px 0;
}

#footer {
	clear: left;
	width: 916px;
	margin: 0;
	text-align:center;
	padding-top: 15px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #505050;	
}

#footer a {
	color: #505050;	
	text-decoration: none;
	border-bottom: 1px dotted #505050;	
}

#footer a:hover {
	color: #111;	
	border-bottom: 1px dotted #111;
}

#f3a, #f2a, #f1a, #m3a, #m2a, #m1a, #f3b, #f2b, #f1b, #m3b, #m2b, #m1b, #f3c, #f2c, #m3c, #m2c, #u1c {
	display: none;
}

#mailform {
	margin-top: 20px;
}

.csc-mailform-field label {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
}

.csc-mailform-field input {
	margin-bottom: 10px;
}

.csc-mailform-radio fieldset{
	border: 0;
	padding: 0;
}

.csc-mailform-radio label {
	display: inline;
	margin-bottom: 0;
	padding: 0;
	vertical-align: middle;
}

.csc-mailform-submit {
	margin-top: 10px;
}