/* -------------Base styles-------------*/
h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre {
	margin: 0;
	padding: 0;
}

a:link,  a:visited {
	color: #3C475E;
	text-decoration: none;
}

a:hover, a:active {
	color: #971732;
	text-decoration: none;
}

p, li, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 75%;
	line-height: 131.25%;
}

h3, h4, h5, h6 {
	font-family: Tahoma, sans serif;
}

ul, ul ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

li li { font-size: 100%; }

/* Fix IE. Hide from IE Mac \*/
* html ul li { height: 1%; }
* html ul li a { height: 1%; }

ol {
	list-style-position: outside;
	margin-left: 1.5em;
}



ol li {
	
	margin-left: 1em;
}

/* End */
img { border: none; }

hr {
	height: 3px;
	background: url(images/line_horizont.gif) repeat-x left top;
	border: none;
	display: block;
	width: 100%;
	margin: 8px 0;
}

/* Fix IE. Hide from IE Mac \*/
* html hr {
	height: 1px;
	color: #CCCFDA;
	background-color: #CCCFDA;
	border: none;
	display: block;
	width: 100%;
	margin: 8px 0;
}

/* End */
form, input {
	padding: 0;
	margin: 0;
}

input, select, textarea {
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 100%;
	line-height: 100%;
}

/* --------- Textbrowser Annotations ---------*/
.hidden, h1, h2 {
	visibility: hidden;
	display: none;
	font-size: 0;
	line-height: 0;
}

h1 {
	visibility: visible;
	display: block;
	font-size: 130%;
	line-height: 150%;
}


/*Head*/

.head {
/*	float: left;
	width: 600px;
	text-align: right;
	padding: 14.5px 0 0 0;*/
	display: none;
}



/* --------- body, logo, Frame ---------*/
body {
	font-size: 100.01%;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	text-align: center;
	margin: auto;
	padding: 0 0 0 11px;
}

.main {
	position: relative;
	text-align: left;
	width: 600px;
	display: block;
	margin: auto;
}


.logo
{
	display: none;
}


/* ------------------------------------------------------------   BREADCROMP   ---*/
.breadcromp {
	float: left;
	width: 600px;
	height: 1.4em;
	display: block;
	margin: 4px 0 0 0;
}

.breadcromp .left {
	display: none;
	visibility: hidden;
}

.breadcromp .right, .breadcromp .home {
	width: 480px;
	float: right;
}

.breadcromp  .right li {
	display: inline;
}

.breadcromp .right li a {
	font-size: 91.6%;
	border-left: 1px solid ;
	padding: 0 6px 0 8px;
	vertical-align: top;
}

/* -------------------------------------------------------------   NAVIGATION  ---*/
.navcolum {
	
	display: none;
	visibility: hidden;
}

/* ----------------------------------------------------  Level 0 
.navigation {
	display: block;
	width: 13.5em;
}

.navigation li {
	line-height: 125%;
	margin: 0px 0px 4px 0px;
}

.navigation li a, .navigation li a:link, .navigation li a:visited {
	display: block;
	background: #D9DBE5;
	border-right: 1px solid #CCCFDA;
	border-bottom: 1px solid #CCCFDA;
	padding: 5px 8px 5px 22px;
}

.navigation a.home, .navigation a:link.home, .navigation a:visited.home {
	display: block;
	background: #CCCFDA url(images/arrow_up.gif) no-repeat 3px 4px;
}

.navigation li a.active, .navigation li a:link.active, .navigation li a:visited.active {
	display: block;
	color: #971732;
	font-size: 125%;
	background: #E5E6F2 url(images/arrow_down.gif) no-repeat 3px 0.5em;
	border-bottom: 1px solid #CCCFDA;
	padding: 8px 8px 8px 22px;
	margin: 0px;
}


.navigation li ul {
	border-right: 1px solid #CCCFDA;
	border-bottom: 1px solid #878E9E;
	background: #E5E6F2;
	padding: 0px 0px 4px 0px;
}

.navigation li ul li {
	margin: 0px;
	background-color: #D9DBE5;
}

.navigation li ul li a, .navigation li ul li a:link, .navigation li ul li a:visited {
	display: block;
	background-color: #E5E6F2;
	border-top: 1px solid #F8F8FF;
	border-bottom: 1px solid #CCCFDA;
	border-right: none;
	padding: 5px 8px 5px 22px;
}

.navigation li ul li a.active, .navigation li ul li a:link.active, .navigation li ul li a:visited.active {
	display: block;
	color: #971732;
	font-size: 100%;
	background: #F8F8FF url(images/arrow_small_down.gif) no-repeat 3px 6px;
	border-bottom: none;
}


.navigation li ul li a.nosub, .navigation li ul li a:link.nosub, .navigation li ul li a:visited.nosub {
	display: block;
	color: #971732;
	background: #F8F8FF url(images/arrow_small.gif) no-repeat 3px 4px;
}

.navigation li ul li ul {
	background: #F8F8FF;
	border-right: none;
	border-bottom: 1px solid #CCCFDA;
	margin: 0px;
	padding: 0px 0px 4px 0px;
}

.navigation li ul li ul li a, .navigation li ul li ul li a:link, .navigation li ul li ul li a:visited {
	display: block;
	border: none;
	padding: 2px 8px 2px 32px;
	background-color: #F8F8FF;
	background-position: 20px 6px;
}

.navigation ul li ul li ul li a.active, .navigation ul li ul li ul li a:link.active, .navigation ul li ul li ul li a:visited.active {
	display: block;
	color: #971732;
	border: none;
	background: url(images/active.gif) no-repeat 20px 6px;
	padding: 2px 8px 2px 32px;
}


.featurebox, .suchbox {
	display: block;
	width: 13.5em;
	background: #CCCFDA;
	border-bottom: 1px solid #B7BBCA;
	border-right: 1px solid #B7BBCA;
	margin: 0px 0px 4px 0px;
	padding: 8px 0px 12px 0px;
}

.featurebox p, .featurebox h3 { padding: 4px 0px 0px 22px; }
.featurebox h3 { font-weight: bold; }


.suchbox .input {
	width: 12em;
	line-height: 100%;
	background-color: #f0f8ff;
	border-top: 1px solid #B7BBCA;
	border-left: 1px solid #B7BBCA;
	border-right: 1px solid #F8F8FF;
	border-bottom: 1px solid #F8F8FF;
	padding: 0.1em;
	margin: 0px 10px 0px 0px;
	float: left;
	display: block;
}

.suchbox p { padding: 8px 0px 0px 22px; }

/* ---------------------------------------------------------- Formulare ---*/
.centercolum .checkbox { margin: 4px 8px 0px 0px; }

.centercolum .input, .centercolum .shortinput {
	border-top: 1px solid ;
	border-left: 1px solid ;
	border-right: 1px solid ;
	border-bottom: 1px solid;
	padding: 0.2em;
	margin: 8px 10px 0px 0px;
}

.centercolum .shortinput { width: 12em; }

.centercolum .submitt {
	background: url(images/arrow.gif) no-repeat 4px 4px;
	border-top: 1px solid ;
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	padding: 4px 0.2em 4px 22px;
	float: right;
}

* html .centercolum .submitt {
	background: url(images/arrow.gif) no-repeat 4px 2px;
	margin-right: 10px;
	padding: 4px 0em 4px 10px;
}

.centercolum .submitt:hover {
	cursor: pointer;
}

.box {
	width: 22.5em;
	border: 1px solid;
	padding: 12px;
	margin: 12px 0px;
	padding-bottom: 2.2em;
}

* html .box {
	padding-bottom: 0.6em;
}

legend{
	font-size: 68.75%;
}

fieldset
{
	border: 1px solid;
	width: 94.5%;
}

* html fieldset
{
	width: 97%;
}




/* ---------------------------------------------------------- contentcontainer ---*/
.contentcontainer {
	float: right;
	width: 600px;
	
}

.content, .content_artikel {
	float: left;
	width: 600px;
	border-bottom: 1px solid;
	margin: 0px 0px 4px 0px;
	padding: 12px 0px;

}


.contentwrapper {
	float: left;
	width: 400px;
}

.imagecontainer {
	float: left;
	width: 120px;
	/* 9em*/
	display: block;
	overflow: hidden;
	text-align: center;
	padding: 10px 0 0 0;
}

* html .imagecontainer {
	padding: 15px 0 0 0;
}

.content_artikel .imagecontainer {
	padding: 5px 0 0 0;
}





/* ---------------------------------------------------------- content ---*/
.centercolum {
	float: left;
	width: 280px;
	display: block;
}

/*----------- Headlines --------*/
.centercolum  p a, .centercolum p a:link,  .centercolum p a:visited { color: #971732; }

.centercolum h3 {
	font-size: 81.25%;
	line-height: 150%;
	text-transform: uppercase;
	margin-bottom: 0.5em;
	font-weight: normal;
	
}

.centercolum h3 a, .centercolum h3 a:link,  .centercolum h3 a:visited {
	text-decoration: none;
}

.centercolum h3 a:hover, .centercolum h4 a:hover, .centercolum h5 a:hover {
	text-decoration: none;
}

.contentwrapper .beitrag h3 {
	margin-bottom:1em;
}

.centercolum h5 {
	font-family: Tahoma;
	font-size: 87.5%;
	line-height: 137.5%;
	padding: 0.3em 0;
}

.centercolum h4, .contentwrapper .beitrag h5 {
	font-size: 100%;
	line-height: 125%;
	font-family: Tahoma;
	text-decoration: none;
	margin-bottom: 0.5em;
}

.contentwrapper .beitrag h4 {
	font-size:68.75%;
	margin-bottom:5px;
}

.centercolum ul { margin: 0.3em 0; }

/* -------------------------------------------- Uebersicht aktuell ---*/
.beitrag, .kontakt, .publication, .faq, .stichworte, .ansprechpartner, .suche {
	float: left;
	width: 100%;
}

/* -------------------------------------------- Kontakt ---*/
.kontakt h4 {
	margin-bottom: 0.5em;
	font-size: 100%;
}

.kontakt textarea, .kontakt .textfield, .kontakt select{
	border-top: 1px solid ;
	border-left: 1px solid ;
	border-right: 1px solid;
	border-bottom: 1px solid;
	padding: 0.1em;
	margin: 0px 10px 10px 0px;
}

.kontakt .textfield, .kontakt textarea
{
	width: 100%;
}


/* -------------------------------------------- Publikationen ---*/
.publication h4 {
	margin-bottom: 0.5em;
	font-size: 100%;
}

/* -------------------------------------------- FAQ ---*/
.faq h4 {
	margin-bottom: 0.5em;
	font-size: 100%;
}


/* -------------------------------------------- Ansprechpartner ---*/
.ansprechpartner h4 {
	margin-bottom: 0.5em;
	font-size: 100%;
}

.ansprechpartner .imagecontainer {
	padding: 0;
}

/* -------------------------------------------- Stichworte ---*/
.stichworte h4 {
	margin-bottom: 0.5em;
	margin-top: 0.4em;
	font-size: 100%;
}

.stichworte h4 a:link, .stichworte h4 a:visited {
	font-size: 90%;
}


.stichworte .imagecontainer {
	margin: 5px 0 0 0;
	padding: 0;
}

.stichworte .imagecontainer p {
	font-size: 110%;
	font-weight: bold;
	line-height: 100%;
}



/* ---------------------------------------------------- Annotations Spalte ---*/
.rightcolum {
	float: right;
	width: 180px;
	display: block;
}

.rightcolum h3 { 
	padding: 0 16px 16px 8px; 
	font-size: 81.25%;
	line-height: 150%;
	text-transform: uppercase;
	margin-bottom: 0.5em;
	font-weight: normal;
}

.leftline, .annotation {
	width: 11.6em;
	margin: 8px 0px 22px 0px;
}

.annotation { white-space: normal; }

.leftline ul, .annotation ul {
	padding: 0px 8px;
	margin: 0px 0px 8px 0px;
}

.leftline li a strong { color: #971732; }

.annotation li strong {
	padding: 22px 0px 4px 12px;
	font-size: 95.8%;
	line-height: 200%;
}

/* -------------------------------------------------------------- Linkbullets ---*/
.redbullet, .greybullet, .backbullet, .bullet, .nobullet, .download, .backbullet_grey { padding: 4px 0px 4px 22px; }

.redbullet {
	background: url(images/arrow.gif) no-repeat 0px 3px;
	display: block;
}

.greybullet {
	background: url(images/arrow_grey.gif) no-repeat 0px 3px;
	display: block;
}

.bullet {
	background: url(images/greybullet.gif) no-repeat 0px 3px;
	display: block;
}

.backbullet { background: url(images/arrow_back.gif) no-repeat left center; }

.backbullet_grey { background: url(images/arrow_back_grey.gif) no-repeat left center;}

.download {
	background: url(images/download.gif) no-repeat 0px 3px;
	display: block;
}

/*------------------------------------------------------------- Zug?nge ---*/
.easytext, .audio, .dgs {
	padding: 10px 0px 10px 42px;
	display: block;
}

.easytext { background: url(../mitdabei/images/leichter_lesen_small.gif) no-repeat 0px 10px; }
.audio { background: url(../mitdabei/images/audio_small.gif) no-repeat 0px 10px; }
.dgs { background: url(../mitdabei/images/dgs_small.gif) no-repeat 0px 10px; }

/*---------------------------------------------------- ---- Tabellen ---*/
table {
	font-size: 75%;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	padding: 0;
	margin: 1em 0px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #CCCFDA;
}

tbody {
	border-collapse: collapse;
	border-spacing: 0;
}

td, th {
	border-collapse: collapse;
	border-spacing: 0;
	vertical-align: middle;
	text-align: left;
	padding: 0.2em 0.2em 0.2em 0.5em;
	margin: 0;
}

th {
	border-bottom: 1px solid #CCCFDA;
	padding: 0px 0px 12px 0px;
}

td {
	border-top: 1px solid #CCCFDA;
	border-bottom: none;
	border-left: 1px solid #CCCFDA;
	border-right: 1px solid #CCCFDA;
}

td img { vertical-align: middle; }

.moviebox {
	width: 100%;
	border: 1px solid #CCCFDA;
	text-align: center;
	padding: 1em 0em 1em 0em;
}

/* --------- Blaettern --------*/
.pages {
	height: 1em: margin: 0;
	padding: 5px 0px;
	display: block;
}

.pages li {
	display: inline;
	margin: 0;
}

.pages  li a,.pages li a:link, .pages li a:visited, .pages li a:active {
	border-right: 1px solid #857A68;
	padding: 0px 8px 0px 4px;
	margin: 0px;
	display: inline;
}

.pages li.first {
	border-left: 1px solid #857A68;
	padding: 0px 0px 0px 6px;
}

.pages li img { vertical-align: text-bottom; }

/*-------------------------------------------------------------- Footer ---*/
.footer {
	display: none;
}

/*
.footer .left {
	float: left;
	display: block;
	width: 8.4em;
}

.footer .left ul { margin: 0px 2px 0px 2px; }

.footer .middle {
	float: left;
	display: block;
	background-image: url(images/line_vertical.gif);
	background-repeat: repeat-y;
	width: 8.4em;
}

.footer .right {
	float: right;
	display: block;
	background-image: url(images/line_vertical.gif);
	background-repeat: repeat-y;
	width: 12em;
}

.footer .middle ul, .footer .right ul { margin: 0px 8px; }

.footer .left li, .footer .middle li, .footer .right li {
	font-size: 68.75%;
	line-height: 137.5%;
}

.footer .greybullet {
	padding: 0px 0px 0px 16px;
	background: url(images/small_arrow_grey.gif) no-repeat 0px 1px;
}
*/

/* -------------------------------------------------------  Logoleiste  ---*/
.sponsors {
	/*position: relative;*/
	float: left;
	width: 46em;
	display: block;
	padding: 8px 0px;
	background: url(images/line_horizont.gif) repeat-x left top;
	margin: 4px 0 0 0;
}

.sponsors img {
	float: right;
	margin: 0 6.3em 0 0;
}

/* -----------------------------------------------------   Seitenanfang  ---*/
.pagetop {
	
	display: none;
	
}

.pagetop a {
	padding: 4px 0px 4px 22px;
	background: url(images/arrow_up.gif) no-repeat left center;
	display: block;
	font-size: 68.75%;
	width: 16em;
	float: right;
}


/*------- Sitemap-----*/

.sitemap {
	margin: 0;
	width: 100%;
	float: left;
}

.sitemap p, .sitemap h4 {
	margin: 0;
}

.sitemap ul {
	padding: 10px 0;
	margin: 5px 1px;
	background: url(images/navigation/trenner_line.gif) no-repeat left top;
}


.sitemap ul li ul {
	margin: 0;
	padding: 0px 0;
	background: none;
	border-top: 1px solid #CCCFDA;
}

.sitemap ul li {
	padding: 2px 0 2px 0;
	margin: 0;
	background-color: #D9DBE5;
	border-right: 1px solid #CCCFDA;
	border-bottom: 1px solid #CCCFDA;
	border-left: 1px solid #CCCFDA;
}

.sitemap ul li a, .sitemap ul li a:link, .sitemap ul li a:visited {
	font-size: 130%;
	padding: 0 20px 0 0;
	margin: 0;
}

.sitemap li ul li a, .sitemap li ul li a:link, .sitemap li ul li a:visited {
	font-size: 110%;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 0 10px;
	
}

.sitemap ul li ul li{
	background-color: #EBEEFA;
	border: none;
}


.sitemap ul li ul li ul li {
	border: none;
	margin: 0 0 0 10px;
	background-color: #EBEEFA;
}

.sitemap li ul li ul li a, .sitemap li ul li ul li a:link, .sitemap li ul li ul li a:visited {
	font-size: 100%;
	font-weight: bold;
	text-transform: none;
}

.sitemap ul li ul li ul li ul li {
	margin: 0 0 0 10px;
}

.sitemap li ul li ul li ul li a, .sitemap li ul li ul li ul li a:link, .sitemap li ul li ul li ul li a:visited {
	font-weight: normal;
}