/* Hauptdefinition */

html {
    min-height:101%;
    height:101%;
}

body,html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	background-image: url(/img/hintergrund.png);
	background-repeat: repeat-x;
	font-family:Arial,Verdana,sans-serif;
	font-size: 13px;
	line-height: 16px;
	color:#424242;
	text-shadow: 1px 1px 1px #EEEEEE;
}

.clearer {
	clear: both;
}

/* Image Preloader */
body:after {
	content: url(/img/teaser/teaser_intel.png) url(/img/nav/nav_blue-h-plastic.png)
	url(/img/teaser/teaser_allgemein.png) url(/img/teaser/teaser_allgemein_hover.png)
	url(/img/teaser/teaser_anfahrt.png) url(/img/teaser/teaser_anfahrt_hover.png)
	url(/img/teaser/teaser_recht.png) url(/img/teaser/teaser_recht_hover.png)
	url(/img/teaser/teaser_kontakt.png) url(/img/teaser/teaser_kontakt_hover.png)
	url(/img/teaser/teaser_leistungen.png) url(/img/teaser/teaser_leistungen_hover.png)
	url(/img/teaser/teaser_registrieren.png) url(/img/teaser/teaser_registrieren_hover.png)
	url(/img/teaser/teaser_schloss.png) url(/img/teaser/teaser_schloss_hover.png)
	url(/img/teaser/teaser_newsletter.png) url(/img/teaser/teaser_newsletter_hover.png);
	display: none;
}

/* Seitenelemente */
#wrapper {
	width: 620px;
	margin: 0 auto 0 auto;
	height: auto;
}

#container-logo {
	float: left;
	width: 196px;
	height: 54px;
	margin: 10px 0 0 10px;
}

#container-navigation {
	width: 600px;
}

#container-bildblock {
	float: left;
	height: 330px;
	margin: 14px 0 0 10px;
}

#container-headergrafik {
	width: 600px;
	height: 300px;
}

#container-content {
	width: 620px;
	display: inline;
}

#main {
	float: left;
	width: 420px;
	padding: 30px 10px 0 7px;
}

#right {
	position: relative;
	float: left;
	width: 160px;
	padding: 35px 0 35px 20px;
	background-image: url(/img/schatten_rechts.png);
	background-repeat: no-repeat;
}


#footer {
	width: 620px;
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 8px;
	background-image: url(/img/schatten_unten.png);
	background-repeat: no-repeat;
	background-position: top center;
	color: #666666;
}

#footer #footerline {
	width: 620px;
}

#footer #footerline #copyright {
	width: 340px;
	float: left;
	padding-left: 10px;
}

#footer #footerline #meta {
	width: 260px;
	float: right;
	padding-right: 10px;
	text-align: right;
}

/* Horizontales Menue */
#Menue .mod_navigation {
	width: 600px;
	height: 27px;
	overflow: hidden;
}

#Menue .navigation {
	width: 100%;
	height: 27px;
	margin: 0;
	padding: 0;
	background: #000000 url(/img/nav/nav_blue-plastic.png) top left repeat-x;
}
#Menue .navigation ul {
	list-style: none;
	margin: 0px;
	padding: 0;
	width: 600px;
}
#Menue .navigation ul li {
	float: left;
	margin: 0;
	padding: 0;
	background: transparent url(/img/nav/nav_blue-plastic.png) top left repeat-x;
}

#Menue .navigation ul li a {
	display: block;
	float: left;
	height: 21px;
	padding: 6px 15px 0 15px;
	text-transform: uppercase;
	text-shadow: none;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
}

#Menue .navigation ul li a:hover,
#Menue .navigation ul li.highlight a {
	background: transparent url(/img/nav/nav_blue-h-plastic.png) top left repeat-x;
}

/* Designvorgaben für Content-Bereich */


/* Designvorgabe für Seitenleiste */
#right {
	line-height: 13px;
	font-size: 11px;
}

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

#right a {
	display: block;
	float: left;
	width: 119px;
	height: 28px;
	padding: 12px 5px 0 35px;
	text-align: center;
	color: #666666;
	text-decoration:none;
	background-repeat: no-repeat;
}

/* Teaser-Grafiken */

#right a.btnIntel {
	width: 80px;
	height: 60px;
	padding: 10px 5px 0 75px;
	margin-top: 15px;
	background-image: url(/img/teaser/teaser_intel.png);
}

#right a.btnNewsletter {
	background-image: url(/img/teaser/teaser_newsletter.png);
}
#right a.btnNewsletter:hover {
	background-image: url(/img/teaser/teaser_newsletter_hover.png);
}

#right a.btnLeistungen {
	background-image: url(/img/teaser/teaser_leistungen.png);
}
#right a.btnLeistungen:hover {
	background-image: url(/img/teaser/teaser_leistungen_hover.png);
}

#right a.btnKontakt {
	background-image: url(/img/teaser/teaser_kontakt.png);
}
#right a.btnKontakt:hover {
	background-image: url(/img/teaser/teaser_kontakt_hover.png);
}

#right a.btnAnfahrt {
	background-image: url(/img/teaser/teaser_anfahrt.png);
}
#right a.btnAnfahrt:hover {
	background-image: url(/img/teaser/teaser_anfahrt_hover.png);
}

#right a.btnRecht {
	background-image: url(/img/teaser/teaser_recht.png);
}
#right a.btnRecht:hover {
	background-image: url(/img/teaser/teaser_recht_hover.png);
}

#right a.btnAllgemein {
	background-image: url(/img/teaser/teaser_allgemein.png);
}
#right a.btnAllgemein:hover {
	background-image: url(/img/teaser/teaser_allgemein_hover.png);
}

#right a.btnRegistrieren {
	background-image: url(/img/teaser/teaser_registrieren.png);
}
#right a.btnRegistrieren:hover {
	background-image: url(/img/teaser/teaser_registrieren_hover.png);
}

#right a.btnSchloss {
	background-image: url(/img/teaser/teaser_schloss.png);
}
#right a.btnSchloss:hover {
	background-image: url(/img/teaser/teaser_schloss_hover.png);
}


/* Designvorgaben für Footer */
#footer {
	font-size: 11px;
}

#footer a {
	padding: 2px 2px 0 2px;
	border-bottom: 1px dotted #666666;
	text-decoration: none;
	color: #666666;
}

#footer a:hover {
	border-bottom: 1px dotted #666666;
	color: #666666;
}


/* Design für Contentbereich */
img {
	border: none;
}

#main ul {
	list-style-image: url(/img/li_icon.png);
	padding: 0 0 15px 30px;
}

#main ol {
	padding: 0 0 15px 30px;
	font-size: 13px
}

#main li {
	padding: 3px 0 3px 0;
}

#main h1 {
	margin: 0 0 20px 0;
	font-size: 18px;
	color: #4579A6;
	border-bottom: 1px dotted #4579A6;
	width: 420px;
	text-shadow: 1px 1px 1px #CDDDE9;
}

#main h2 {
	margin: 0 0 15px 0;
	font-size: 14px;
	color: #4579A6;
}

#main a {
	border-bottom: 1px dotted #666666;
	text-decoration: none;
	color: #666666;
}

#main a:hover {
	border-bottom: 1px dotted #666666;
	color: #666666;
}

#main .dlh_googlemap {
	border: 1px dotted #666666;
}

/* Formularbehandlung */
#main .ce_form,
#main .mod_registration {
    margin: 0 0 25px 25px;
}

#main .ce_form p.error,
#main .mod_registration p.error  {
    color: #CC0000;
}

#main .ce_form p,
#main .mod_registration p {
    margin: 0;
}

#main .ce_form fieldset,
#main .mod_registration fieldset {
	border: none;
	padding: 15px 0 0 0;
	margin: 0;
}

#main .ce_form legend,
#main .mod_registration legend {
    width: 350px;
	margin: 0;
	padding: 20px 0 0 0;
    border-bottom: 1px dotted #4479A6;
	font-size: 14px;
	font-weight: bold;
	color: #4579A6;
	text-shadow: 1px 1px 1px #CDDDE9;
}

#main .ce_form label,
#main .mod_registration label {
    width: 350px;
    display: block;
	margin-bottom: 5px;
}

#main .ce_form .radio_container label,
#main .mod_registration .radio_container label {
	display: inline;
	margin-right: 15px;
}

#main .ce_form label:after,
#main .mod_registration label:after {
	content: ":";
}

#main .ce_form .radio_container label:after,
#main .mod_registration .radio_container label:after {
	content: "";
}

#main .ce_form label span.mandatory:before,
#main .mod_registration label span.mandatory:before {
    content: " (";
}
#main .ce_form label span.mandatory:after,
#main .mod_registration label span.mandatory:after {
    content: ")";
}

#main .ce_form .explanation,
#main .mod_registration .explanation {
	width: 350px;
	margin-top: 5px;
	font-size: 11px;
}

#main .ce_form input.text, #main .ce_form input.captcha, #main .ce_form textarea, #main .ce_form select,
#main .mod_registration input.text, #main .mod_registration input.captcha, #main .mod_registration textarea, #main .mod_registration select {
    width: 350px;
    display: block;
    margin: 0;
    background-color: #ffffff;
    border: 1px solid #4479A6;
}

#main .ce_form input:focus, #main .ce_form textarea:focus, #main .ce_form select:focus,
#main .mod_registration input:focus, #main .mod_registration textarea:focus, #main .mod_registration select:focus {
    background-color: #CDDDE9;
}

#main .ce_form input.submit,
#main .mod_registration input.submit {
    width: 120px;
    height: 20px;
    margin: 25px 0 0 120px;
    padding: 0;
    background-color: #CDDDE9;
    border: 1px solid #4479A6;
    color: #000000;
}

#main .ce_form input.submit:hover,
#main .mod_registration input.submit:hover {
    background-color: #4479A6;
	color: white;
}

#main .ce_form label.platzhalter,
#main .mod_registration label.platzhalter {
	padding-top: 25px;
}

/* Login-Formular */

#main .mod_login {
	margin-top: 25px;
	border: 1px dotted #4479A6;
	width: 280px;
	padding: 20px 0 20px 20px;
	margin-left: 65px;
}

#main .mod_login p.error {
    margin: 0 0 10px 0;
    color: #CC0000;
}

#main .mod_login input {
    width: 260px;
    display: block;
    margin: 0; padding: 0;
    background-color: #ffffff;
    border: 1px solid #4479A6;
}

#main .mod_login input:focus {
	background-color: #CDDDE9;
}

#main .mod_login label {
    width: 250px;
    display: block;
	margin-bottom: 5px;
}

#main .mod_login label:after {
    content: ":";
}

#main .mod_login input.submit {
    width: 120px;
    height: 20px;
    margin: 0 0 0 65px;
    padding: 0;
    background-color: #CDDDE9;
    border: 1px solid #4479A6;
    color: #000000;
}

#main .mod_login input.submit:hover {
    background-color: #4479A6;
	color: white;
}

/* Downloadbereich */
#main .downloadarchivList td.date {
	width: 75px;
}
#main .downloadarchivList td.minetyp {
	width: 20px;
}
#main .downloadarchivList td.filesize {
	width: 70px;
	text-align: right;
}

/* Tabellendesign */
#main table {
    width: 400px;
    margin: 0 auto;
    padding: 5px;
    border: 1px dotted #707070;
}

#main table td.col_0 {
    width: 140px;
    font-weight: bold;
}

#main table td p, #main table th p {
    margin: 0;
    padding: 0;
}

/* Newsarchiv */
#right .mod_newsmenu a {
	width: auto; height: auto;
	padding: 0;
	border-bottom: 1px dotted #4579A6;
	color: #4579A6;
}
#right .mod_newsmenu li .active {
	font-weight: bold;
}

#main .mod_newsarchive h2 {
	margin: 0;
	background-image: url(/img/news_icon.png);
	background-repeat: no-repeat;
	padding-left: 20px;
}

#main .mod_newsarchive p.info {
	font-size: 10px;
	margin: 2px 0 0 0;
}

#main .mod_newsarchive p span.more {
	padding-left: 5px;
}

#main .back_link {
	margin: 0;
	width: 200px;
	float: left;
}

#main .pdf_link {
	margin: 0;
    padding-left: 260px;
}
#main .pdf_link a {
	background: url("/img/icon_pdf.png") right center no-repeat;
	padding-right: 16px;
}

#main .back {
	display: none;
}

#main .pagenavigation {
	margin-top: 25px;
	border-top: 1px dotted #4579A6;
}

#main .mod_newsreader h1 {
	margin: 0;
}

#main .mod_newsreader .date {
	float: left;
	margin-right: 5px;
}

#main .mod_newsreader .info {
	font-size: 11px;
}