

/* color definitions */

.biewer { color: #00519E; }
.medical { color: #33B8CA; }

/* basic page styles */
html, address, blockquote, body, div, dl, dt, dd, fieldset, form,
p, h1, h2, h3, h4, h5, h6, ol, ul, li, center, hr, pre,
table, tr, td, th, thead, tbody, tfoot, caption, img {
 margin: 0; padding: 0; border: 0;
}

html, body { 
 height: 100%; 
}
html, body, td {
 font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; 
 font-size: 12px;
 color: #000000;
}

body {
 position: relative;
 text-align: center;
 /* background: url(images/wrap-bg.gif) no-repeat 50% 0;*/
}

/* basic link styles */
a {
 color: #33B8CA;
}
a:hover {
 color: #00519E;
}
align-center {
 text-align: center;
}
#wrappage {
 position: relative;
 width: 920px;
 margin: 0px auto;
 text-align: left;
 background: url(images/wrappage-bg.gif) no-repeat;
} 
#head {
 position: relative; 
 width: 920px;
 height: 160px;
}

#service-menu, #footer-menu {
 clear: both;
}
#service-menu ul, #footer-menu ul {
 float: right;
 margin-top: 15px;
 margin-bottom: 5px;
}
#service-menu li, #footer-menu li {
 float: left;
 list-style-type: none;
}
#service-menu li a, #footer-menu li a {
 font-size: 10px;
 font-style: italic;
 font-weight: bold;

 text-decoration: none;
 padding-left: 20px;
 padding-right: 20px;
 color: #33B8CA; 
 background: url(images/servicemenu-bull.gif) no-repeat 0% 50%;
}
#service-menu li a:hover, #footer-menu li a:hover {
 color: #00519E;
 background: url(images/servicemenu-bull-hi.gif) no-repeat 0% 50%;
}

#service-menu li.fh a, #footer-menu li.fh a {
 margin-left: 40px;
 padding-right: 40px;
 color: #00519E;
 background: url(images/servicemenu-bull-hi.gif) no-repeat 0% 50%;
}
#service-menu li.fh a:hover, #footer-menu li.fh a:hover {
 color: #33B8CA; 
 background: url(images/servicemenu-bull.gif) no-repeat 0% 50%;
}

#service-menu li.lang a, #footer-menu li.lang a {
 padding-right: 0px;
 background: none;
}
#service-menu li.lang a:hover, #footer-menu li.lang a:hover {
 background: none;
}
#service-menu li.lang a img, #footer-menu li.lang a img {
 opacity: 0.3;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
 filter: alpha(opacity=30);
}
#service-menu li.lang a:hover img, #footer-menu li.lang a:hover img {
 opacity: 1;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter: alpha(opacity=100);
}

#animation {
 position: absolute;
 left: 0;
 top: 36px;
 width: 920px;
 height: 100px;
}
#logo {
 position: absolute;
 left: 20px;
 top: 50px;
 left: 20px;
 top: 45px;
 width: 300px;
 height: 98px;
}


#wrap, #footer {
 clear: both;
 position: relative;
 width: 920px;
}
#footer {
 height: 25px;
}
#wrap {
/* background: #000000 url(images/wrap-bg.gif) no-repeat; */
}
#wrapheight {
 float: left; width: 1px; height: 520px; 
}

#leftbar {
 float: left;
 width: 200px; 
}
#content-area {
 position: relative;
 float: left; 
 width: 480px;
}
#content {
 width: 460px;
}
#rightbar {
 float: right;
 width: 210px; 
 margin-top: 10px;
 margin-right: 25px;
}

#menu {
 font-weight: bold;
 font-style: italic;
}

#menu li {
 list-style-type: none;
} 
#menu li a {
 display: block;
 color: #00519E;
 text-decoration: none;

 padding-top: 6px;
 padding-right: 15px;
 padding-bottom: 6px;
/* padding-bottom: 8px; */
 padding-left: 22px;
 
 margin: 0;
 margin-top: 10px;

 border: 0;
 background: url(images/menu-bg.gif) no-repeat;
}
#menu li a:hover, #menu li a.active {
 color: #FFFFFF;
 background: url(images/menu-bg-hi.gif) no-repeat;
}
/* Ebene 2 */
#menu li li a {
 color: #33B8CA;
 background: none;
 padding-top: 3px;
 padding-bottom: 3px;
 margin: 0;
 padding-left: 22px;
}
#menu li li a:hover, #menu li li a.active {
 color: #00519E;
 background: none;
}
/* Ebene 3 */
#menu li li li a {
 color: #33B8CA;
 background: none;
 padding-top: 3px;
 padding-bottom: 3px;
 margin: 0;
/* font-weight: normal; */
 padding-left: 32px;
}
#menu li li li a:hover, #menu li li li a.active {
 color: #00519E;
 background: none;
}

#teaser-image {
 margin-top: 30px;
}


#content-area p, #content-area h1, #content-area h2, #content-area h3, #content-area h4 {
 margin: 0;
/* margin-right: 20px; */ 
 padding-top: 10px;
 padding-bottom: 10px;
 line-height: 16px;
}

#content-area h1, #content-area h2, #content-area h3, #content-area h4 {
 line-height: 16px;
 color: #00519E; 
}
#content-area h1 {
}
#content-area h2, #content-area h3, #content-area h4 {
 font-style: italic;
}
#content-area h1{
 font-size: 15px; 
} 
#content-area h2{
 font-size: 14px; 
}
#content-area h3{
 font-size: 13px; 
} 
#content-area h4 {
 font-size: 12px; 
}
#content-area p {
 text-align: justify;
}


#content-area ol, #content-area ul {
 margin-left: 15px; 
 margin-right: 15px; 
 padding-bottom: 10px;
 line-height: 16px;
 padding-left: 0px;
}

#content-area li {
 margin: 4px;
}

#content-area a {
 font-weight: bold;
}


#sidebar {
 background: url(images/sidebar-header.gif) no-repeat;
 padding-top: 30px;
}
#sidebar p, #sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4 {
 margin: 0;
 /*margin-right: 20px; */ 
 padding-top: 5px;
 padding-bottom: 5px;
 line-height: 16px;
}
#sidebar ol, #sidebar ul {
 margin-left: 10px;
 padding-bottom: 5px;
 line-height: 16px;
 font-size: 11px; 
}

#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4 {
 clear: both;
 line-height: 12px;
 color: #00519E;
/* border-top: 1px solid #33B8CA; */ 
}
#content-area h1 {
}
#sidebar h2, #sidebar h3, #sidebar h4 {
 /* font-style: italic; */
}
#sidebar h1{
 font-size: 12px; 
} 
#sidebar h2{
 font-size: 12px; 
 font-style: italic;
}
#sidebar h3{
 font-size: 11px; 
} 
#sidebar h4 {
 font-size: 11px;
 font-style: italic; 
}
#sidebar p {
 text-align: justify;
 font-size: 11px; 
}



#content-area ol, #content-area ul {
 padding-left: 0px;
}
#content-area li {
 margin: 4px;
}

#content-area DIV.csc-textpic DIV.csc-textpic-imagewrap { padding-top: 10px; }
#content-area DIV.csc-textpic DIV.csc-textpic-imagewrap ul { margin: 0; padding: 0; }
#content-area DIV.csc-textpic DIV.csc-textpic-imagewrap ul li { margin: 0; padding: 0; }

#content-area a {
 font-weight: bold;
}

.c {
 clear: both;
 height: 1px;
 width: 1px;
/* border: 1px solid green; */
}


li dfn, .usb {
 display: block;
 position: absolute;
 left: -5000px;
 height: 0px;
 width: 0px;
}
acronym {
 cursor:help;
 border-bottom: 1px dotted #666;
}
abbr {
 cursor:help;
 border: none;
}
.align-center {
 text-align: center;
}

/* Anfrage-Formular */

/* spezielle p-Abschnitte zuruecksetzen */
/* .tx-powermail-pi1 p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
.tx-powermail-pi1 p.tx_powermail_pi1_fieldwrap_html_radio_title {
 margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;
} */
/* Unterteilungen */
.tx-powermail-pi1 fieldset {
 clear: both;
 border: 1px solid #33B8CA;
 margin: 8px 0;
 padding: 8px;
 width: 400px;
}
fieldset legend {
 font-weight: bold;
 margin-left: 15px;
}


/* Einzelzeile */
.tx_powermail_pi1_fieldwrap_html {
 clear: both;
 line-height: 18px;
 padding: 0; margin: 0;
 padding-top: 8px;
}

.tx-powermail-pi1_formwrap legend {
}

/* Label */
.tx_powermail_pi1_fieldwrap_html_text label,
.tx_powermail_pi1_fieldwrap_html_textarea label, 
.tx_powermail_pi1_fieldwrap_html_select label,
.tx_powermail_pi1_fieldwrap_html_file label,
.tx_powermail_pi1_fieldwrap_html_radio .tx_powermail_pi1_fieldwrap_html_radio_title,
.tx_powermail_pi1_fieldwrap_html_check .tx_powermail_pi1_fieldwrap_html_checkbox_title {
 clear: both;
 float: left;
 width: 130px;
 margin-right: 10px;
 text-align: right;
}
/* Sternchen */
.powermail_mandatory {
 margin-left: 5px;
}

/* Eingabefelder Text, Textarea*/
.tx_powermail_pi1_fieldwrap_html_text input,
.tx_powermail_pi1_fieldwrap_html_file input,
.tx_powermail_pi1_fieldwrap_html_textarea textarea {
 border: 1px solid #3F4042; 
 float: left;
}
.tx_powermail_pi1_fieldwrap_html_text input.validation-failed {
 border: 1px solid #00519E; 
}
/* Eingabefelder Checkboxen */
.tx_powermail_pi1_fieldwrap_html_check .powermail_check_inner,
.tx_powermail_pi1_fieldwrap_html_radio .powermail_radio_inner {
 float: left; margin-right: 15px; /*width: 110px; */ 
}
/* Feld-Überprüfung Pflichtfeld */
.required {
}
.validation-failed {
 border-color: #00519E; 
}
.validation-advice {
 color: #00519E; float: left; margin-left: 10px; font-size: 11px; 
 line-height: 18px;
}


/* Positionierung Abschicken-Button */
.tx_powermail_pi1_fieldwrap_html_submit {
 margin-left: 140px;
}
.tx_powermail_pi1_fieldwrap_html_submit input {
 border: 1px solid #00519E;
}
#sidebar .cal_mini p {
 text-align: left;
}
.listitem .beschreibung {
 float: right;
 width: 120px;
 margin-left: 10px;
 margin-top: 10px;
 text-align: right;
}
.listitem .ort {
 float: right;
 width: 120px;
 margin-left: 10px;
 margin-top: 10px;
 font-weight: bold;
}
.listitem .ort2 {
 clear: both;
 float: right;
 width: 251px;
 margin-top: -27px;
}
.listitem span {
 white-space: nowrap;
}
.listitem {
 border-bottom: 1px solid #33B8CA;
}

#mailform {
 clear: both;
 border: 1px solid #33B8CA;
 margin: 8px 0;
 padding: 8px;
 width: 400px;
}
#mailform label {
 clear: both;
 float: left;
 width: 130px;
 margin-right: 10px;
 text-align: right;
}
#mailform input {
 border: 1px solid #3F4042; 
 margin-bottom: 5px;
}
#mailform #mailformsubmit {
 margin-top: 5px;
 margin-left: 140px;
}

fieldset {
 clear: both;
 border: 1px solid #33B8CA;
 margin: 8px 0;
 padding: 8px;
 width: 400px;
}

