@import url("reset.css");
@import url("nav.css");



/*@import url("dgtool.css");*/
body {
	background: white url(../pic/menucolumn.gif) top left repeat-y;
	


/* TEST !*/
}
body, td {
	font-size:13px;
	color: #222;
	font-family: Arial;
	line-height: 1.6em;
}
p { 
	margin: 0;
}
.container_16 {
	margin-left: 0;
}
td { 
	vertical-align: top; 
	font-size:12px;
	color:#222;
	font-family: Arial;
}
td.content {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
table.contenttable td p.bodytext{
	margin-right:10px;
}
.navigation a {
	text-decoration: none;
	color: black;
}
.navigation a.current {
	text-decoration: underline;
}
.navigation a:hover, 
.navigation a:focus {
	background-color: #446496;
}



/* Accessibility: Links zum Seiteninhalt, zur globalen Navigation und ggf. zu Barrierefreiheits-Einstellungen */
.skiplinks a, a.skiplink {
	position: absolute;
	top: 0; left: -9001em;
}
.skiplinks a:focus, a.skiplink:focus { left: 0; }



/* Homelink und Wappen */
a#homelink {
	display: block;
	text-indent: -9001px;
	height: 130px;
	width: auto;
	background: transparent url(../pic/homelink.gif) 20px 10px no-repeat;
}



/* Typen von Contentbloecken */
div.trenner {
	margin-bottom: 20px;
	padding-bottom: 20px;
	background: url(../pic/trenner.gif) bottom left repeat-x;
}



/* Primaere Navigation links */
#prinav a {
	padding: 6px 10px;
	color: white;
	border-top: 1px solid white;
	font-weight: normal;
	height: auto;
}
#prinav {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background: #3a5485;
	margin-left: 20px;
	margin-bottom: 20px
}
#prinav ul a.current { 
	background-color: #5986b9; 
}
#prinav ul a { margin-left: 0px; }
#prinav ul ul a { margin-left: 20px; }
#prinav ul ul ul a { margin-left: 40px; }
#prinav ul ul ul ul a { margin-left: 60px; }
#prinav ul ul ul ul ul a { margin-left: 80px; }
#prinav ul .first a { border-top: none; }
#prinav ul .first ul a { border-top: 1px solid white; }
#prinav ul ul .first a { border-top: 1px solid white; }
#prinav ul a {
	line-height: 1em !important;
}



/**/
h1, h2, h3, h4, h5, h6 {
	color:#3a5485;
	margin-top: .5em;
	line-height: 1.2em;
}
h1 {
	display: block;
	font-size: 2.0em;
	font-weight: normal;
	margin-bottom: 20px;
}
h2 {
	font-size: 1.4em;
}
h3 {
	text-align: left !important;
	text-transform: uppercase;
	color: #444;
	font-weight: normal;
	font-size: .85em;
	letter-spacing: 1px;
}
h4 {
	font-size: 1em;
	color:  #444;
	text-transform: uppercase;
	font-weight: normal;
}
#contentnormal a {
	color: #3a5485;
}
#contentnormal a:focus,
#contentnormal a:hover {
	color: white;
	background-color: #3a5485;
}
#contentnormal .csc-textpic-imagewrap a:focus,
#contentnormal .csc-textpic-imagewrap a:hover {
	background-color: inherit;
	padding: 0; margin: 0;
}

#contentnormal a img {
	margin: 0 -4px -5px;
}
#header {
	position: relative;
	margin: 0;
	height: 100px;
	min-width: 960px;
	background: transparent url(../pic/farbverlauf.jpg) top left no-repeat;
}
h1#branding, h1#wappen {
	background: transparent url(../pic/titel.jpg) top left no-repeat;
	display: block;
	height: 60px; width: 350px;
	position: absolute;
	top: 0; right: 140px;
	overflow: hidden;
	text-indent: -9001em;
}
h1#wappen {
	background: transparent url(../pic/wappen.gif) top left no-repeat;
	height: 120px; width: 80px;
	top: 10px; right: 50px;
}
#contentnormal ul {
	list-style-type: disc;
}
#contentnormal ul li {
	margin-left: 4em;
} 

#contentnormal ul  .csc-textpic-image   {
	margin-left: 0;
} 





#content {
	background-color: transparent;
}
#contentnormal {
	padding-top: 40px;
	padding-left: 20px;
	padding-right: 20px;
}
#contentleft {
	float: left;
	width: 45%;
	margin-left: 3%;
	margin-right: 4%;
}
#contentright {
	float: right;
	width: 45%;
	margin-right: 3%;
}
#contentnormal ul ul li {
	list-style-type: disc;
}
#footer {
	padding: 10px;
	background-color: transparent;
	color: #555;
}
#footer .innerwrap {
	padding: 10px;
}



/* Altes Layout wiederherstellen */
.container_16, .grid_16 { 
	zoom: 1;
}
#content { 
	zoom: 1;
	margin: 0; 
	padding: 0; 
	position: relative; 
}
#navigation { 
	zoom: 1;
	margin: 0; 
	padding: 0; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 250px; 
	overflow: hidden;
}
#maincontent { 
	zoom: 1;
	margin: 0px; 
	margin: 20px 0 0 260px; 
	overflow: hidden;
	min-width: 380px;
	max-width: 710px;
}
.news .list .item {
	background: transparent url(../pic/dots.gif) -1px -1px repeat-x;
	/*border-bottom: 1px solid lightgray;*/
	margin: 0 0 2px;
	padding: 2px 0 0;
}
.news .list h3 {
	color:#3a5485;
	margin-top: .5em;
	font-size: 1.25em;
	text-transform: none;
	letter-spacing: normal;
	font-weight: bold;
}



/* Formulare */
div.tx-powermail-pi1 fieldset { 
	margin: 4px 0 0; 
	padding: 4px 0 0; 
}
div.tx-powermail-pi1 legend { 
	margin-top: 4px; 
	display: none; 
}
div.tx_powermail_pi1_fieldwrap_html_label { 
	margin-bottom: 1em; 
	margin-top: 1em; 
	padding: 0 20px 10px 10px; 
}
 
div.tx-powermail-pi1 label {
	display: block;
	margin-right: 10px;
}
 
.tx_powermail_pi1_fieldwrap_html_checkbox_title {
	width: 160px !important;
	text-align: right !important;
}
 
div.powermail_check_inner {
	border: thin solid white !important;
}
 
.powermail_check_inner label {
	font-weight: normal !important;
}
 
.tx_powermail_pi1_fieldwrap_html { 
	margin: 4px 0 0px !important; 
	padding: 0 !important; 
}
.powermail_check_inner label:before { 
	content: ".";
	height: 0;
	visibility: hidden;
}
 
div.tx-powermail-pi1 input, 
div.tx-powermail-pi1 textarea, 
div.tx-powermail-pi1 
.powermail_check_inner {
	width: 310px;	max-width: 310px; min-width: 310px;
	margin-bottom: 5px;
	margin: 0 0 4px; padding: 4px;
	border: 1px solid lightgray;
	background-image: none;
	background-color: white;
}
 
div.tx-powermail-pi1 textarea {
	min-height: 100px; max-height: 400px;
}
 
div#ww_imagecycle_container {
	height: 1000px;
}
 
div.tx-powermail-pi1 div:after, {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
 
div.tx-powermail-pi1 p {
	float: left;
	width: 200px;
	margin-top: 10px;
	margin-bottom: px;
	font-weight: bold;
}
 
/*div.tx-powermail-pi1 input[type=submit] {
	float: right;
	width: auto;
	margin-right: 12px;
	width: 10em;
	border: thin solid gray;
	background-color: #eee;
}*/
 
div.tx-powermail-pi1 input[type=file] {
	border: none;
}
 
.powermail_check_inner label { 
	width: auto !important; 
}
 
.powermail_check_inner input { 
	float: left; 
	width: 30px !important;
}
.tx-wwimagecycle-pi1 img { 
	display: block;
}
#breadcrumb {
	display: block;
	height: 0;
	visibility: hidden;
	text-indent: -9001em;
}



/** { text-shadow: #fff 0 0 0px; }*/
#prinav a { text-shadow: #3a5485 0 0 0px; }





/* Tabellen, generell */
.csc-default table.contenttable caption {
	text-align: left;
}
.csc-default table.contenttable th,
.csc-default table.contenttable tbody td {
	border-top: 4px solid white;
	background: #e9ebd0;
	padding: 2px 40px 2px 20px;
}
.csc-default table.contenttable th {
	text-align: left;
	background: #e9eade;
}
.csc-default table.contenttable tbody td.td-0 {
	padding-left: 0;
}
.csc-default table.contenttable th.td-0,
.csc-default table.contenttable th.td-2,
.csc-default table.contenttable th.td-4,
.csc-default table.contenttable th.td-6 {
	background: #f0f0e8;
}
.csc-default table.contenttable tbody td.td-0,
.csc-default table.contenttable tbody td.td-2,
.csc-default table.contenttable tbody td.td-4,
.csc-default table.contenttable tbody td.td-6 {
	background: #f0f1de;
}
.csc-default table.nummeriert tbody td.td-0,
.csc-default table.nummeriert thead th.td-0 {
	background: #bccadb;
	border-right: 6px solid white;
	padding: 2px 8px;
}



/* Powermail (mit angepassten Templates) und Mailforms */
form .mailform div { 
    margin-bottom: 4px;
    display: block; 
}
html[xmlns] form .mailform div { display: block; }
* html form .mailform div { height: 1%; }
form .mailform div:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
form .mailform label {
    display: block;
    float: left;
    width: 25%;
    line-height: 1em;
    float: left;
    text-align: left;
    padding-top: 10px;
    padding-right: 10px;
}
form .mailform textarea {
    resize: none;
}
form .mailform input.text,
form .mailform textarea {
    float: left;
    width: 40%;
    padding: 6px 4px;
}
form .mailform input[name=plz] {
    width: 100px;
}
form .mailform input.text,
form .mailform textarea,
form .mailform input.submit {
    border: 2px solid #ccd5e0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #eaeef3;
}
form .mailform input.text:focus,
form .mailform textarea:focus,
form .mailform input.submit:hover {
    border: 2px solid #ccd5e0;
}
form .mailform input.submit,
form .mailform input.submit:focus,
form .mailform input.submit:hover {
    margin: 40px;
    background: #5986b9;
    border: 3px solid #5986b9;
    color: white;
    padding: 5px 20px;
    margin-left: 26.48%;
    width: 41.8%;
}
form .mailform {
	margin-top: 10px;
	/*border-top: 1px dotted lightgray;*/
	background: transparent url(../pic/dots.gif) -1px -1px repeat-x;
	padding-top: 10px;
}
form .mailform legend {
	text-align: left !important;
	text-transform: uppercase;
	color: #444;
	font-weight: normal;
	font-size: .85em;
	letter-spacing: 1px;
}