* { /* Mit Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */ margin: 0;padding: 0;font: normal 1em verdana, sans-serif;}
body {margin: 0 0 0 -30px; vertical-align : top; background: fixed url('../css/background.jpg') center center; text-align: center; /* Für IE 5.01 & 5.5, um die Box #wrapper horizontal zu zentrieren */ padding: 0;color : #606060; font-family: verdana; font-size: 12px; line-height: 22px; text-align: justify; overflow-x: hidden;}
div {text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksbündig ausgerichtet sind */}
html, body {height: 100%;}

/* DIV-Boxen */
div#wrapper {position: relative;margin: 0 auto;width: 1000px;padding: 0 30px;height: 100%;min-height: 100%;height: auto !important;background: url('../css/border.png') repeat-y;}
div#header {position: relative;height: 200px;width: 100%;background: url('../css/banner.jpg') no-repeat;}

div#footer {position: absolute;bottom: 0;left: 30px;width: 940px;background: #6a6a6a url('../css/fade.png');line-height: 13px;margin: 0;padding: 0 0 20px 0;}

/* clearfix zum Aufheben der Floatumgebung */
.clearfix:after {content: ".";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;overflow:hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* OBEN BANNER & MENU & SCHRIFTZUG */
#top-menu {overflow: hidden;position: absolute; width: 300px; height: 30px; margin: 0; background: url('../css/topmenu_bg2.png'); color: #fff; left: 0;}
#top-menu a {display: block; float: left; top: 0; width: 100px; height: 30px; color: #fff; text-align: center; line-height: 30px; font-size: 11px; font-weight: normal; text-decoration: none; border: 0;}
#top-menu a:hover {display: block; float: left; width: 100px; height: 30px; background: url('../css/topmenu_bg2.png'); color: #fff; text-decoration: underline; text-align: center; line-height: 30px; border: 0;}
#top-schriftzug {position: absolute; width: 305px; height: 60px; margin: 0; right: 60px; bottom: 20px; background: url('../css/cdulogo.png') no-repeat;}

/* NAVIGATION */
#navigation {float: left;top: 0;right: 0;width: 940px; height: 24px;position: relative;background: #fff; border: solid #000; border-width: 1px 0 1px 0;}

/* INFOLINE */
#infoline {overflow: hidden;float: left;top: 0;right: 0;width: 940px; height: 35px;position: relative;background: url('../css/leiste_bg.png');}
#infoline_left {overflow: hidden;float: left;margin: 0 0 0 -30px; width: 30px; height: 35px;position: relative;background: url('../css/leiste_bg.png');}
#info_left {position: relative; float: left;top: 0;right: 0; width: 560px; height: 35px; margin: 0 0 0 30px;}
#info_right {position: relative; float: left;top: 0;right: 0; width: 275px; height: 35px; margin: 0 0 0 45px;}

/* 2 FRAMES */
div#box_left {width: 560px; float: left; padding: 5px 0 30px 30px; font-weight: normal; font-size: 10px;}
div#box_right  {width: 275px; float: left; font-size: 90%; line-height: 15px; margin: 0 30px 0 45px; padding: 5px 0 0 0;}

/* 1 FRAME */
div#box_full {width: 880px; float: left; padding: 5px 30px 0 30px; line-height:18px; word-spacing:2px; font-weight: normal; font-size: 13px; text-align: justify;}

/* FIXHEIGHT */
div#fixheight {clear: both; float: left; padding: 0 0 230px 0;}

/* BOTTOM & FOOTER */
#footer h2 {color : #dcdcdc; font-weight: bold; margin: 15px 0 6px 0; padding: 0;}
#footer hr {background: #000; color: #000000; border: solid #939393; border-width: 0 1px 1px 0; height: 2px;}
#footer p {margin: 0; padding: 10px 0 0 0; font-size: 10px; text-align: left;}
#footer a {color: #dcdcdc;}
#footerbox {width: 270px; float:left; color: #fff; padding: 5px 20px;}

/* ALLGEMEIN */
.clear {clear: both;}
strong {font-weight: bold;}
a img {border: none;}
a, a#grey {font-weight: normal; color: #606060; text-decoration: none;}
a:hover {font-weight: normal; color: #de0124; text-decoration: underline;}
a#grey {text-decoration: none;color: #606060;}
p {color : #606060; font-family: verdana;font-size: 12px;line-height: 22px; text-align: justify; padding: 0 0 10px 0;}
h1 {line-height:22px; font-weight: bold; font-size: 16px;text-align: left;color : #196e90; padding: 0 0 8px 0;}
h2 {line-height:18px; font-size : 14px; font-weight: bold; text-align: left;color : #1d7fa6; margin: 2px 0 10px 0;}
h3 {line-height:17px; font-size : 13px; font-weight: bold; text-align: left;color : #de0124;}
h4 {margin: 40px 0 -20px 0; font-weight: normal; font-size: 12px; color: #196e90;}
h5{line-height:15px; word-spacing:2px; font-weight: normal; font-size: 10px; color: #de0124;}
table {text-align: left;padding: 0;border: 0;}
td {vertical-align : top;color : #606060;font-size: 11px;line-height:18px;word-spacing:2px;}
div#box_full ul, div#box_left ul, div#box_right ul, div#box_full ol, div#box_left ol , div#box_right ol  {padding: 0 10px 0 0;margin: 1em 0 2em 20px;}
div#box_full ul li, div#box_left ul li, div#box_right ul li{margin-bottom: 0.6em;list-style: square url(../css/icon_sel.png);}

input#submit{border:1px solid #AAA;background:url(../css/whitebutton.gif) repeat-x left bottom;color:#555;width:160px;padding:5px 10px;cursor:pointer;}
input#submit:hover{border:1px solid #555;}
#commentform #inp,#commentform textarea {float:left;display:block;background:#FAFAFA;width:350px;padding:5px;border:1px solid #999;font-family:Arial, Helvetica, sans-serif;font-size:12px;	color:#606060;margin-bottom:10px;}
#commentform #inp:focus,#commentform textarea:focus,#commentform #inp:hover,#commentform textarea:hover {border:1px solid #444;}
option {border:none;background:none;width:auto;}
#commentform  label {width: 200px;float: left;padding-right:10px;white-space:nowrap; /*to fix ie6 wrapping*/}

/* PRINT BUTTON */
a.print {line-height: 24px;float: right;padding: 0 0 10px 26px;background: transparent url(../css/icon_print.gif) no-repeat top left;}

/* TERMIN KALENDERBLATT */
h3.termin {font-family:Constantia,Georgia,"Bitstream Vera Serif","Palatino Linotype",serif;display:inline;width:auto;text-align:center;margin:0;padding:0;}
.tag,.monat,.jahr{display:block;padding-left:2px;padding-right:2px; text-align: center;}
.tag{font-family:Constantia,Georgia,"Bitstream Vera Serif","Palatino Linotype",serif;font-size:1.6em;font-weight:normal;margin:-.25em 1px 2px;padding-top:12px;color:#333;position:relative;z-index:10}
.monat{font-size:1.1em;margin: -5px 1px 0 0;color:#777}
.jahr{font-size:.9em;margin:0 1px 0 0;color:#999;}
#termin {float:left; width: 50px; height: 70px; border:1px #ccc solid;background-color:#fbfaf6; margin: 0 10px 10px 0;}
#termintxt {float: left;}

div.read {float: right; padding: 8px 0 0 0;}
/* hr {border: 0px; border-top: solid 1px #a0a0a0; border-bottom: solid 1px #FFFFFF; margin: 0; padding: 0;} */
img.rahmen {padding: 5px; margin: 10px 15px; border:1px solid #ccc;}

hr {background: url('../css/dot_grey.gif'); width: 100%; height: 1px; border:0; margin: 0 0 5px 0;}

/* BILDER UND INFO */
.highlightit img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}
.highlightit:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
div#thumbntext {float: left; margin: 0; padding: 0;}
div#thumb {float: left; padding: 2px; margin: 15px 5px 0 5px; border:1px solid #ccc; width: 75px; height: 75px;}
.caption a {text-align: center; font-size: 10px; margin: 0 0 0 12px;}
div#headline {line-height: 28px; font-size : 17px; font-weight : normal; color : #fff; font-family : Calibri, "Trebuchet MS", sans-serif; padding: 0 0 0 60px;}
div#galerie {float: left; width: 100%;}

/* DOWNLOAD INFO */
div#info h5{line-height:11px; word-spacing:2px; font-weight: normal; font-size: 10px; color: #de0124;}
div#info p{line-height:14px; word-spacing:2px; font-weight: normal; font-size: 10px; text-align: justify;}
div#info h1{line-height:16px; word-spacing:2px; font-weight: normal; font-size: 13px;}
div#info ul,ol {line-height:14px; word-spacing:2px; font-weight: normal; font-size: 10px; text-align: left;}
div#info li {padding: 0; margin: 0;}
div#info {padding: 10px 0;}