@charset "utf-8";

html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,cite,code,
del,dfn,em,img,ins,kbd,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
margin: 0;
padding: 0;
border: 0;
background: transparent;
outline: 0;
font-weight: normal;
font-style: normal;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol,ul {
list-style: none;
}


q:before,q:after,
blockquote:before,blockquote:after {
content: "";
}

/* === */

body {
font: 96% Arial, sans-serif;
color: #333;
background: #D4D4D4 url(../img/body-bg.gif) 0 0 repeat-y;
}


p, a, label, li, dt, dd, td, textarea, input, select {
font-size: 0.86em;
}
/* Lift cascade definitions  */
p a, h1 a, h2 a, h3 a, h4 a, li a, li p, li li, li h4, li pre, dd p, dt a, td p {
font-size: 100%;
}

h1, #rightcol h1 {
font: 1.56em Arial, sans-serif;
padding-bottom: 1.5em;
}
h2, h3, h4, h5 {
font: 1.1em Arial, sans-serif;
padding-bottom: 0.1em;
}
h3, h4, h5 {
font: 1em Arial, sans-serif;
}
h1, h2, h3, h4 {
color: #0C5082;
}

#rightcol h1 {
font: 1.2em Arial, sans-serif;
/*padding-bottom: 1.5em;*/
margin-left: 15px;
width: 170px;
padding: 10px 0 10px 0;
color: #0C5082;
color: #1D3D66;
}

#rightcol h2, #rightcol h3, #rightcol h4, #rightcol h5 {
color: #333;
text-align: center;
}


a, a:link, a:visited {
text-decoration: none;
color: #333;
}
a:hover, a:active, a:focus {
text-decoration: underline;
}

/* Hauptnavigation */
#mainnav a, #mainnav a:link, #mainnav a:visited {
text-decoration: none;
color: #333;
}
#mainnav a:hover, #mainnav a:active, #mainnav a:focus {
text-decoration: none;
background-color: #0C5082;
color: #fff;
}

/* Inhaltliche Navigation */
#pagenav a, #pagenav a:link, #pagenav a:visited {
text-decoration: none;
color: #333;
}
#pagenav a:hover, #pagenav a:active, #pagenav a:focus,
.csc-sitemap a:hover, .csc-sitemap a:active, .csc-sitemap a:focus {
text-decoration: none;
color: #999;
}


strong {
font-weight: bold;
}
em {
color: #fff;
}
html\:abbr, abbr, acronym, span.abbr, .hilfe {
cursor: help;
border-bottom: 1px dotted #666;
}
/* Linkrahmen entfernen */
a:active, a:focus {
outline: none;
}
/* Vertikaler Scrollbalken im IE entfernen */
textarea {
overflow: auto;
}
.skipaccess {
position: absolute;
left: -1000em;
top: -1000em;
}
code {
font-family: courier, monospace;
}
pre {
font-family: courier, monospace;
font-size: 85%;
overflow: auto;
}


/* Grund- und Elementrahmen */
#container {
float: left;
width: 982px;
}
#wrapallcontent {
float: left;
width: 942px;
margin: 27px 15px 27px 15px;
display: inline;
}
#header {
float: left;
margin-bottom: 18px;
}
#leftcol {
float: left;
width: 734px;
}
#rightcol {
float: left;
width: 203px;
}


#wrapsubnavtop {
width: 736px;
height: 30px;
background: transparent url(../img/bg-subnav-top.jpg) top left no-repeat;
}
#wrapsubnavbottom {
width: 736px;
height: 86px;
padding-top: 52px;
background: transparent url(../img/bg-subnav-bottom.jpg) top left no-repeat;
float: left;
}
#breadcrumb {
width: 736px;
height: 93px;
background: transparent url(../img/bg-bc.jpg) top left no-repeat;
}

#contentmain {
width: 736px;
min-height: 300px;
background: #fff url(../img/bg-content.gif) top right repeat-y;
float: left;
}

#contentmaininner {
width: 736px;
min-height: 300px;
background: #fff url(../img/bg-content.gif) top right repeat-y;
float: left;
}

#pagenav {
float: left;
}
#content {
float: right;
width: 500px;
padding: 0 30px 20px 20px;
}

#visual {
	width: 736px;
	background: #e0e0e0 url(../img/bg-visual.gif) top right repeat-y;
	overflow: hidden;
}
/* EOF Grund- und Elementrahmen */

#logo {
float: left;
width: 176px;
}



/* Basisdeklarationen fr den Inhaltsbereich (content) */
#content p {
/*margin-bottom: 10px;*/
padding-top: 10px;
padding-bottom: 10px;
padding-right: 15px;
} 
#content ul {
	list-style: disc outside;
	padding-left: 15px; 
	margin-bottom: 20px;
}
#content ol {
	list-style: decimal outside;
	padding-left: 20px; 
	margin-bottom: 20px;
}

/* Table */
#content table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 20px;
}
#content table.contenttable tr {
	border-bottom: 1px solid #ccc;
}
#content td {
	padding: 5px 0;
}
#content td p {
	padding: 0;
	margin: 0;
}
#content table caption {
	padding: 0 0 15px 0;
}


/* Links im contentbereich ohne klasse */
#content a, #content a:visited {
color: #0C5082;
}
#content a:hover, #content a:focus, #content a:active {
text-decoration: none;
color: #999;
}
/* Links im contentbereich :: typo3 klasse download, internal-link */
#content a.download, #content a.download:visited,
#content a.internal-link, #content a.internal-link:visited {
color: #0C5082;
padding: 6px 0 6px 15px;
background: transparent url(../img/pagelink-icon.gif) 0 10px no-repeat;
}
#content a.download:hover, #content a.download:focus, #content a.download:active,
#content a.internal-link:hover, #content a.internal-link:focus, #content a.internal-link:active {
text-decoration: none;
color: #999;
}




#content p, #content li, #content table td, #content a {
line-height: 1.4em;
}
/* EOF Basisdeklarationen fr den Inhaltsbereich (content) */



/* Navigation(en) */
ul#mainnav, #pagenav, ul.subnav {
list-style: none;
margin-right: 12px;
display: inline;
}

ul.subnav {
	float: right;
}
ul#mainnav li, ul.subnav li {
display: inline;
list-style: none;
}
ul#mainnav li a, ul.subnav li a {
float: left;
display: block;
padding: 8px 16px 9px 16px;
border-left: 1px solid #ccc;
}
ul#mainnav li.current, ul.subnav li.current {
float: left;
display: block;
padding: 8px 16px 9px 16px;
border-left: 1px solid #ccc;
background-color: #0C5082;
color: #fff;
}
ul#mainnav li a.actifsub {
	padding: 0;
	color: #fff;
	border-left: none;
}
ul.subnav li a {
float: left;
display: block;
padding: 8px 18px 9px 18px;
border-left: none;
font-size: 85%;
}

ul.subnav li.current, ul.subnav li.current {
float: left;
display: block;
padding: 6px 18px 7px 18px;
margin: 3px 0;
border-left: none;
color: #333;
background-color: #E0E0E0;
font-size: 0.74em;
}

#breadcrumb ul {
	padding: 13px 0 0 40px;
}
#breadcrumb ul li {
	display: inline;
}


/* Navigation Inhalte */
#pagenav ul {
display: block;
list-style: none;
margin: 58px 0 0 12px;
}
#pagenav ul li {
list-style: none;
}
#pagenav ul li a {
display: block;
padding: 6px 0 6px 15px;
}
#pagenav ul li a.actifsub {
background: transparent url(../img/pagelink-active-icon.gif) 0 8px no-repeat;
}

#pagenav ul li a:hover, #pagenav ul li a:focus, #pagenav ul li a:active{
padding: 6px 0 6px 15px;
background: transparent url(../img/pagelink-icon.gif) 0 9px no-repeat;
}

#pagenav ul li.current {
display: block;
padding: 6px 0 6px 15px;
background: transparent url(../img/pagelink-icon.gif) 0 9px no-repeat;
}
/* 2. Ebene */
#pagenav ul li ul {
margin: 0 0 0 25px;
}
#pagenav ul li ul li {
padding: 0;
}


/* Navigation Sitemap */
#content .csc-sitemap ul {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
#content .csc-sitemap ul li {
list-style: none;
padding: 0 0 7px 15px;
/*background: transparent url(../img/pagelink-active-icon.gif) 0 14px no-repeat;*/
background: transparent url(../img/pagelink-icon.gif) 0 5px no-repeat;
}
/* 2. Ebene */
#content .csc-sitemap ul li ul {
margin: 0 0 0 25px;
}
#content .csc-sitemap ul li ul li {
padding: 4px 0 4px 15px;
background: transparent url(../img/pagelink-icon.gif) 0 8px no-repeat;
}
/* 3. Ebene */
#content .csc-sitemap ul li ul li ul {
margin: 5px 0 0 25px;
}
#content .csc-sitemap ul li ul li ul li {
padding: 0 0 2px 0;
background-image: none;
}



/* Language Menu */
.langMenu {
	float: right;
	padding: 9px 14px 0 0;
}
.langMenu .flag {
	margin-right: 15px;
	margin-left: 0;
}


/*#breadcrumb p {
	float: left;
}*/
/* EOF Navigation(en) */

/* Boxen im Headerbereich */
#boxnav, #boxsearch {
float: left;
height: 33px;
margin-left: 1px;
} 
#boxnav {
width: 558px;
background: #fff url(../img/bg-box-nav.gif) top left no-repeat;
}
#boxsearch {
width: 203px;
background: #fff url(../img/bg-box-search.gif) top left no-repeat;
margin-left: 2px;
}
/* EOF Boxen im Headerbereich */



/* Boxen in der Seitenspalte */
.box {
width: 203px;
margin-left: 2px;
border: 1px solid transparent;
background: transparent url(../img/bg-rightcol-box-top.gif) top left no-repeat;
opacity: 0.9;
}
.box .boxcontent {
width: 203px;
margin: 8px 0 0 0;
background: #E0E0E0 url(../img/bg-rightcol-box-right.gif) top right repeat-y;
}

.box .boxcontent img {
	margin-top: 6px!important;
}
.box .boxcontent p,
.box .boxcontent h3,
.box .boxcontent h4,
.box .boxcontent h5,
.box .boxcontent ul {
padding: 6px;
}
.box .boxcontent p,
.box .boxcontent ul {
padding: 6px 12px;
line-height: 1.1em;
}

.box .boxcontent ul {
list-style-position: outside;
}
.box .boxcontent li {
line-height: 1.25em;
background: transparent url(../img/link-icon.gif) 0 4px no-repeat;
padding: 0 12px 6px 12px;
}
.box .boxcontent li a:link, .box .boxcontent li a:visited {
display: block;
line-height: normal;
}
.box .boxcontent li a:hover, .box .boxcontent li a:active,
.box .boxcontent li a:focus {
display: block;
line-height: normal;
text-decoration: none;
color: #666;
}
.box p.boxclose {
width: 203px;
margin-top: 0;
background: transparent url(../img/bg-rightcol-box-bottom.gif) top left no-repeat;
}
/* EOF Boxen in der Seitenspalte */



/* Formulare*/
input, select, textarea {
float: left;
margin-bottom: 15px;
color: #333;
border: 1px solid #ccc;
font-family: Arial, sans-serif;
padding: 2px 4px;
clear: both;
}
label {
float: left;
line-height: 1.4em;
clear: both;
}

input[type=submit] {
cursor: pointer;
border: 1px solid #ebebeb;
background-color: #0C5082;
color: #fff;
font-family: arial, verdana, sans-serif;
font-weight: bold;
}
input[type=checkbox] {
border: none;
}



/* Mail formular */
#mailform input[type=text],
#mailform textarea {
width: 320px;
}
#mailform textarea {
height: 150px;
}



/* Suche */
#boxsearch fieldset {
padding: 5px 0 0 6px;
}
#boxsearch fieldset label {
line-height: normal;

}
/* IE 6/7 */
* html #boxsearch fieldset,
*+html #boxsearch fieldset {
padding: 5px 0 0 6px;
}
#boxsearch input#search-field {
float: left;
margin-bottom: 0;
padding: 1px 0 1px 6px;
margin-right: 5px;
width: 150px;
}
#boxsearch input.submit {
	float: left;
	clear: none;
	background: transparent url(../img/search-icon.gif) 8px 5px no-repeat;
	font-family: arial, verdana, sans-serif;
	width: 25px;
	height: 20px;
	font-weight: bold;
	cursor: pointer;
}
/* IE6 / 7 */
* html #boxsearch input.submit,
*+html #boxsearch input.submit {
	background: transparent url(../img/search-icon.gif) 7px 3px no-repeat;
}
/* EOF Suche */





#boxnav {
	width: 558px;
	background: #fff url(../img/bg-box-nav.gif) top left no-repeat;
}
#boxsearch {
	width: 203px;
	background: #fff url(../img/bg-box-search.gif) top left no-repeat;
	margin-left: 2px;
}
/* EOF Formulare */



/* Helpers und Typo3 spezifische Klassen und IDs */

.fright {
	float: right;
}
.hidden {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}




/* Typo3 Klassen Deklaration */

/* Schliet das Visual buendig mit der Breadcrumb ab*/
.csc-textpic-image {
	margin-bottom: 0!important;
}

#content .csc-textpic-intext-right-nowrap,
#content .csc-textpic-intext-left-nowrap,
#content .csc-textpic-intext-right,
#content .csc-textpic-intext-left,
#content .csc-textpic-center,
#content .csc-textpic-above,
#content .csc-textpic-below {
	margin: 0;
}

#content .csc-textpic.csc-textpic-left.csc-textpic-above .csc-textpic-imagewrap 
dl {
	padding-bottom: 10px;
}
/* Indexed Search */
#content .tx-indexedsearch fieldset .tx-indexedsearch-form {
	width: auto;
	float: left;
}
#content .tx-indexedsearch fieldset .tx-indexedsearch-form label {
	padding-top: 2px;
	float: left;
}
#content .tx-indexedsearch fieldset .tx-indexedsearch-form input#tx-indexedsearch-searchbox-sword {
	float: left;
	width: 200px;
	margin-right:4px;
	margin-left:8px;
	clear: none;
}
#content .tx-indexedsearch fieldset .tx-indexedsearch-search-submit {
	width: 52px;
	float: left;
}

#content .tx-indexedsearch fieldset .tx-indexedsearch-search-submit
 input#tx-indexedsearch-searchbox-button-submit {
	padding: 1px 3px 2px 3px;
 }
 
 /* IE7 Bugfix */
 *+html #content .tx-indexedsearch fieldset .tx-indexedsearch-search-submit
 input#tx-indexedsearch-searchbox-button-submit {
	padding: 1px 3px 0 3px;
 }

#content .tx-indexedsearch .tx-indexedsearch-whatis {
	padding: 25px 0 0 0;
	font-size: .9em;
}

#content .tx-indexedsearch .tx-indexedsearch-whatis span.tx-indexedsearch-sw {
	color: #333;
	font-weight: bold;
}
#content .tx-indexedsearch .tx-indexedsearch-descr {
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
}
#content .tx-indexedsearch .tx-indexedsearch-res h3 {
	font-size: .9em;
	padding: 0;
}
#content .tx-indexedsearch .tx-indexedsearch-percent {
color: #333;
}

#content .tx-indexedsearch .tx-indexedsearch-browsebox {
	padding: 0 0 25px 0;
}
#content .tx-indexedsearch .tx-indexedsearch-browsebox ul.browsebox {
	list-style: none;
	padding: 20px 0 0 0;
	margin: 0;
	border-bottom: 1px dotted #ccc;
}
#content .tx-indexedsearch .tx-indexedsearch-browsebox ul.browsebox li {
	list-style: none;
	display: inline;
	padding: 0 10px 0 0;
}

/* Icon und Ergebniszeile auf eine Linie bringen */
#content .tx-indexedsearch .icon img {
vertical-align: middle;
}
#content .tx-indexedsearch .tx-indexedsearch-title,
#content .tx-indexedsearch .tx-indexedsearch-percent {
vertical-align: middle;
}

/* Header ein-/ausblenden */
.headertoggle {
	width: 26px;
	height: 21px;
	display: block;
	float: left;
	margin-left: 8px;
	padding: 0!important;
	background-image: url(../img/pfeile.gif);
	background-position: 30px 0;
}

.headertoggle img {
	padding: 0!important;
	margin: 0!important;
}

.headertoggle.toggleclose {
	background-position: top left!important;
}