/* ========================================================= */
/*    Stylesheet für                                         */
/*    SITE : www.dmykg.de                                    */
/*    ERSTELLT: 22.08.2006                                   */
/*    GEÄNDERT: 03.08.2008 17:15 (eingecheckt)               */
/*    (c) aesthetec Boris Pawelczyk e. K.                    */
/* ========================================================= */

/*    Schön, dass Sie hier vorbeischauen ;-) 	             */

/* == NOTES: =============================================== */
/*                                                           */
/*                                                           */
/* ========================================================= */



/* == HTML-Tags =========================================== */

html {
	height: 100%;
}

body {
	height: 100%;
	font-size: 70%;
	margin: 0;
	text-align: center;
	background-color: #80B0E0;
	background-image:         url("../bilder/background_tile.jpg");
	background-repeat: repeat-x;
	background-position: bottom;
	background-attachment: fixed;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #505050;
}

h1 {
	font-size: 1.8em;
	color: #003399;
	margin: 0 0 0.3em;
	font-weight: bold;
}

h2 {
	font-size: 1.2em;
	color: #6C9CCB;
	margin: 0 0 0.5em;
	font-weight: bold;
}

h3 {
	font-size: 1.1em;
	color: #003399;
	margin: 0.9em 0 0.3em;
	font-weight: bold;
}

h4 {
	font-size: 1.6em;
	color: #003399;
	margin: 0 0 0.3em;
	font-weight: bold;
}

p {
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	margin: 0 0 1.3em 0;
	line-height: 1.6em;
}

/*table {
	border: 1px solid #999999;
}

td {
	border: 1px solid #999999;
}*/

td p {
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	/*font-size: 12px;*/
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 2px 3px 2px 8px;
}

td h5 {
	font-size: 1em;
	color: #fff;
	margin: 3px 3px 3px 8px;
	font-weight: bold;
	text-align: left;
}

td h6 {
	font-size: 1em;
	color: #063075;
	padding: 0px;
	margin: 3px 3px 3px 8px;
	font-weight: bolder;
	text-align: left;
}

hr {
	height: 1px;
	background: #999999;
	border: none;
}

/*strong {
	font-weight: normal;
}*/

a {
	color: #003399;
	text-decoration: underline;
	background-color: transparent;
}

a:visited {
	color: #003399;
	background-color:transparent;
}

a:hover {
	color: #003399;
	background-color:transparent;
	text-decoration: none;
}
a:active {
	color: #333333;
	background-color:transparent;
}

acronym {
  border-bottom: 1px dotted #003399;
  cursor: help;
  margin: 0;
  padding: 0;
}

/* == Bilder =========================================== */

/* wer mag sich wohl überlegt haben Bilder blau zu rahmen? */ 
img, a img, :link img, :visited img {
	border: 0 none;
}

#links img {
	margin: 5px 8px 5px 0px;
	float: left;
}

#inhalt td img{
	border: 0 none;
}

#inhalt	img {
	display:inline;
	padding: 3px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

#inhalt img.bild_links {
	margin: 5px 10px 5px 0px;
	float: left;
}

#inhalt img.mitte {
	display: block;
	margin: 10px auto 5px;
}

#inhalt img.rechts {
	margin: 5px 0px 5px 10px;
	float: right;
}



/* == Bereiche der gesamten Seite ====================== */

#container {
	width: 870px;
	position: relative;
	min-height: 100%;
	z-index: 1;
	overflow: visible;
	background-position: center;
	background-image: url("../bilder/container_bgr.gif");
	margin: 0px auto;
}
/* ACHTUNG ... Stolperstein ;) */
* html #container{
	height: 100%;
}
	
#rahmen {
	width: 860px;
	position: relative;
	z-index: 2;
	overflow: visible;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px none #333333;
	border-left: 1px solid #333333;
}

#header {
	width: 860px;
	position: relative;
	z-index: 3;
	overflow: visible;
	background-image:  url("../bilder/header.jpg");
	background-repeat: no-repeat;
	height: 200px;
}

#logo {
	position: absolute;
	z-index: 4;
	left: 13px;
	top: 17px;
}

#suche {
	position:absolute;
	left:0px;
	top:168px;
	z-index: 5;
	width: 150px;
	height: 30px;
	padding-left: 25px;
	padding-top: 5px;
}

#suche form {
	margin: 0;
	padding: 0;
}
				
#suche input{
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 1px 1px 1px 5px;
	color: #333333;
	border: 1px solid #003399;
	background: #EEF7FF;
	width: 95px;
	margin: 0px;
}

#suche .inputimage{
width:20px;
padding:0px;
background:transparent;
border:none;
}
/* == Hauptmenü ======================================== */

#hauptmenue {
	width: 685px;
	overflow: hidden;
	left: 185px;
	top: 167px;
	position: absolute;
	z-index: 6;
	height: 33px;
}

#navcontainer ul {
	margin: 0;
	padding: 0;
 }
 
#navcontainer li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	font: bold 13px/30px Arial, Verdana, Helvetica, sans-serif;;
	text-align: center;
	color: #51545C;
 }

#navcontainer a {
	display: block;
	border: none;
	padding-right: 10px;
	padding-left: 10px;
	color: #51545C;
	text-decoration: none;
 }

#navcontainer a:hover {
	background:  url("../bilder/menue_hover.jpg") repeat-x;
	color: #707070;
}

#navcontainer a.aktuell, #navcontainer a.aktuell:visited {
	background:  url("../bilder/menue_over.jpg") repeat-x;
	color: #FFFFFF;
}

/* == Submenü ========================================== */

#submenue {
	padding: 0;
	margin: 0 0 20px 0;
}

#sublist {
	margin: 25px 0 0px 0;
	padding-left: 0;
	list-style: none;
	border-top: 1px solid #999999;
}

#sublist li {
/*	line-height: 3.2em;*/
	padding:10px 0;
/*	overflow: visible;*/
	font-weight: bold;
	border-bottom: 1px solid #999999;
/*	height:15px;*/
}

* html #sublist li{height:15px;}

#sublist a {
	color: #505050;
	text-decoration: none;
	border: none;
	background:transparent url(../bilder/bullet.gif) no-repeat 1px 2px;
/*	background-image:  url("../bilder/bullet.gif");
	background-repeat: no-repeat;
	background-position: 1px 2px;*/
	padding-left: 16px;
}

#sublist a:hover, #sublist a.aktuell {
	color: #003399;
	text-decoration: none;
	border: none;
	background-image: url("../bilder/bullet_over.gif");
}

/*#sublist a:visited {
	color: #505050;
	text-decoration: none;
	border: none;
}

#sublist a:hover, a:focus {
	color: #003399;
	text-decoration: none;
	border: none;
	background-image: url("../bilder/bullet_over.gif");
}

#sublist a:active {
	color: #FFFFFF;
	border: none;
}
#sublist a.aktuell, #sublist a.aktuell:visited{
	color: #003399;
	background-image: url("../bilder/bullet_over.gif");
}*/

#subsublist {
	margin: 0 0 0 3px;
	padding: 0px;
	list-style: disc inside;
}


#subsublist li {
	line-height: 1.7em;
	font-weight: normal;
	text-decoration: none;
	padding: 0;
	border: none;
}

#subsublist a {
	color: #505050;
	text-decoration: none;
	background-image: none;
	padding-left: 0px;
}

#subsublist a:visited {
	color: #505050;
	text-decoration: none;
	border: none;
}

#subsublist a:hover, #subsublist a:focus {
	background-image: none;
	color: #003399;
}

#subsublist a:active {
	background-image: none;
	color: #FFFFFF;
}

#subsublist a.aktuell,#subsublist a.aktuell:visited{
	background-image: none;
	color: #003399;
}


/* == Links ============================================ */

#links {
	width: 135px;
	min-height: 420px;
	position: relative;
	z-index: 7;
	padding:15px 20px 25px;
	float:left;
	margin: 0px;
	background:  url("../bilder/submenue_bgr.jpg") no-repeat;
}
/* ... und wieder ein Hack für meinen tumben Freund... */
* html #links {
	margin-left: 0px;
	height: 420px;
}

#links h1 {
	font-size: 1em;
	margin: 0;
	padding: 0;
	color: #505050;
	text-transform: uppercase;
}
	
.newsbox {
	padding: 0px;
	color: #505050;
	line-height: 1.5em;
	font-size: 0.9em;
	margin: 25px 0px 0px;
}

.newsbox h2 {
	font-size: 1.6em;
	margin: 0.5em 0;
	padding: 0px;
	color: #003399;
}

.newsbox h3 {
	font-size: 1.3em;
	margin: 0px;
	padding: 0px;
	color: #003399;
	line-height: 1.3em;
}

.newsbox p {
	margin: 0 0 0.3em 0;
	line-height: 1.5em;
	padding: 0px;
}

.newsbox a {
	color: #003399;
  text-decoration: underline;
  font-weight: bold;
}

.newsbox a:hover {
  text-decoration: none;
}

.newsbox hr {
	margin: 1em 0 1em 0;
}

.linksbox {
	padding: 0px;
	color: #505050;
	line-height: 1.5em;
	font-size: 0.9em;
	margin: 25px 0px 0px;
}

.linksbox h2 {
	font-size: 1.5em;
	margin: 0.5em 0;
	padding: 0px;
	color: #003399;
}

.linksbox h3 {
	font-size: 1.3em;
	margin: 0px;
	padding: 0px;
	color: #003399;
	line-height: 1.3em;
}

.linksbox p {
	margin: 0px;
	line-height: 1.5em;
	padding: 0px;
}


.linksbox a {
	color: #003399;
  text-decoration: underline;
  font-weight: bold;
}

.linksbox a:hover {
  text-decoration: none;
}

/* == Kruemelpfad ====================================== */

#kruemelpfad {
	position: relative;
	z-index: 8;
	padding:0px;
	float:left;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	width: 440px;
	font-size: 11px;
	color: #666666;
}

#kruemelpfad a:link {
	color: #666666;
	text-decoration: none;
	border: none;
}

#kruemelpfad a:visited {
	color: #666666;
	text-decoration: none;
	border: none;
}

#kruemelpfad a:hover, a:focus {
	border-bottom: 1px dotted #666666;
}

#kruemelpfad a:active {
	color: #333333;
	border: none;
}

/* == Inhalt =========================================== */

#inhalt {
	position: relative;
	z-index: 9;
	padding:0px;
	float:left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 60px;
	margin-left: 25px;
	width: 630px;
}

.inhaltsbox, #mailform{
	padding: 0px;
	margin: 15px 0px 15px 0px;
	display: block;
	clear: both;
	float: none;
}

.inhaltsbox_links {
	padding: 0px;
	margin: 15px 0px 15px 0px;
	float: left;
	width: 300px;
}
* html .inhaltsbox_links {
	margin: 15px 0px 15px 0px;
}

.inhaltsbox_rechts {
	padding: 0px;
	margin: 15px 0px 15px 0px;
	float: right;
	width: 300px;
}

.inhaltsbox_links_bgr {
	padding: 15px 15px 10px;
	margin: 15px 0px 15px 0px;
	float: left;
	width: 270px;
	background-color: #E0E1E4;
	font-size: 0.95em;
}
* html .inhaltsbox_links_bgr {
	margin: 15px 0px 15px 0px;
}

.inhaltsbox_rechts_bgr{
	padding: 15px 15px 10px;
	margin: 15px 0px;
	float: right;
	width: 270px;
	background-color: #E0E1E4;
	font-size: 0.95em;
}

#inhalt ul {
	line-height: 1.5em;
	color: #505050;
	list-style-type: none;
	margin: 0 0 1.5em 0;
	padding: 0;
}

#inhalt li {
	margin-bottom: 3px;
	background-image:  url(../bilder/bluebullet.gif);
	background-repeat: no-repeat;
	padding-left: 1.3em;
	background-position: 0px 0px;
/*	height:20px;*/
}

.inhaltsbox .bild {
	float: left;
	margin: 5px 0px 15px 0px;
	width: auto;
}

.inhaltsbox .bild img {
	margin: 0px 20px 3px 0px;
}

.inhaltsbox .bild p {
	padding: 0px 0px 0px 5px;
	margin: 0px;
	text-align: left;
	font-size: 0.95em;
	font-style: italic;
	line-height: 1.1em;
}

/* == Fusszeile ============================================ */

#fusszeile {
	width: 860px;
	position: relative;
	margin: -22px auto 0;
	z-index: 10;
	height: 22px;
	background-image:         url("../bilder/footer.jpg");
	background-repeat: no-repeat;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
}
/* HackMeck für IE - gibt die andere Höhe für die Fußzeile an */
* html #fusszeile {
	margin-top: -22px;
}

#fusszeile a:link {
	color: #666666;
	text-decoration: none;
	border: none;
}

#fusszeile a:visited {
	color: #666666;
	text-decoration: none;
	border: none;
}

#fusszeile a:hover, a:focus {
	border-bottom: 1px dotted #666666;
}

#fusszeile a:active {
	color: #333333;
	border: none;
}

#fussmenue {
	width: 468px;
	position: absolute;
	z-index: 10;
	height: 20px;
	/*font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;*/
	font-size: 11px;
	color: #666666;
	left: 200px;
	top: -20px;
	text-align: left;
	padding-top: 0.7em;
	padding-left: 0px;
}

/* == Formular Styles =========================================== */

#inhalt form {
	margin: 0;
	padding: 0;
}

#inhalt form p {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	color: #505050;
	margin: 0 0 0 0;
}

#inhalt input, #frmMarginal input {
	font-size: 10px;
	color: #505050;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid #003399;	
	padding: 4px;
	margin: 0px 10px 0px 0px;
	background-color: #FFFFFF;
}

#inhalt input:focus, input:hover {
	background-color: #EEEFF1;
}

#inhalt input.highlight {
	background-color: #FFCCCC;
}

#inhalt textarea {
	font-size: 10px;
	color: #505050;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid  #003399;
	padding: 4px;
	margin: 0;
	background-color: #FFFFFF;
	height: 150px;
	width: 95%;
}

#inhalt textarea:focus, textarea:hover {
	background-color: #EEEFF1;
}

/* == .Klassen =========================================== */

.zitat {
	line-height: normal;
	font-style: italic;
	font-weight: bold;
}

.italic {
	margin: 0px;
	font-style: italic;
}

.bold {
	margin: 0px;
	font-weight: bold;
}

.textrechts {
	text-align: right;
}

.center {
	text-align: center;
}

.klein {
	color: #FF6600;
	font-size: 0.9em;
	margin-bottom: 0.2em;
}

.grau{
	color: #505050;
}

.orange{
	color: #FF9900;
}

.clear {
	display: block;
	clear: both;
	float: none;
	height: 0px;
}

.clear_0 {
	display: block;
	clear: both;
	float: none;
}

.nichtAnzeigen {
  display: none !important;
}

input.searchInput{width:120px;}
.tx-indexedsearch-whatis p{width:200px;font-weight:bold;}
.tx-indexedsearch-icon{background:#003399;}
.tx-indexedsearch-result-number{background:#003399;}
.tx-indexedsearch-title{background:#003399;width:500px;}
.tx-indexedsearch-title a, .tx-indexedsearch-title a:visited{color:#ffffff;}
.tx-indexedsearch-res, .tx-indexedsearch-res table {font-size:1.0em;}
.tx-indexedsearch-percent{background:#003399;color:#ffffff;}
.tx-indexedsearch-res h3{width:600px;background:#003399;clear:right;display:block;margin:0px;padding:0px;}
.tx-indexedsearch-res h3 span{display:block;float:left;}


.tx-indexedsearch form fieldset legend{display:none;}
.tx-indexedsearch form fieldset{border:none;}

#Layer1{float:left;}

#inhalt .csc-mailform-field label{width:150px;display:block;float:left;}
#inhalt .csc-mailform-field input{width:200px;;height:15px;margin:0 0 5px 0;}
#inhalt .csc-mailform-field select{margin:0 0 5px 0;}
#inhalt .csc-mailform-field textarea{width:190px;height:180px;}
#inhalt .csc-mailform-field .csc-mailform-submit{width:100px;float:right;height:20px;margin:10px 260px 0 0;}
#inhalt fieldset{border:none;}

#frmMarginal{border:none;margin:0px;}
#frmMarginal fieldset{border:none;padding:0px;}
#frmMarginal legend{display:none;}
#frmMarginal input.inputButton{width:120px;	border: 1px solid #999999;margin:5px 0 5px 0;}
#frmMarginal input{border: 1px solid #999999;background:#f4f4f4;}
.tx-newloginbox-pi1 p{	font-size: 11px;line-height:11px;padding:0;margin:0 0 5px 0;}
.tx-newloginbox-pi1{width: 135px;}
.tx-srfeuserregister-pi1 dt{text-align:left;width:130px;}
#inhalt .tx-srfeuserregister-pi1 p.tx-srfeuserregister-pi1-error{color:red;}

#externalthumbs {
  float:left;
  width:600px;
  margin-top:50px;
}
 
#externalthumbs .label {
  display:none;
}
.carouselInner {
  width:625px;
}
 
.carouselInner .thumbnail {
  float:left;
  padding-bottom:10px;
  margin:10px;
  padding-right:10px;
}


/*.tx-rgsmoothgallery-pi1 {
  background:#010066 url(img/loading-bar-black.gif) center center no-repeat;
}*/


.jdGallery .slideElement{
background-color: #010066;
}

/*.jdGallery .loadingElement{
background-color: #010066;

}*/

.jdGallery .slideInfoZone{
font-weight:bold;
font-size:1.4em;
color:#fff;
height: 60px;
}

td.csc-uploads-icon img {width:48px; height:48px;}