/* ######### GLOBAL ELEMENTS ######## */

body{text-align:center;background-color:white;padding:0px;margin:0px;font-family:arial,sans-serif}
td {vertical-align:top;padding:0px;padding:0px}
table{border-collapse:collapse}
h1,h2,h3,h4 {font-family:"Trebuchet MS";font-size:24px;font-weight:normal;color:#04A4BC} /*margin:12px 0px 24px;line-height:26px;}*/
h1 {line-height:26px;}
h2 {font-size:20px;}
h3 {font-size:16px;color:black;margin-bottom:2px;font-weight:bold}
.magenta {color:#FF0066;}



/* ######### Backend compatible ######## */
#visual-portal-wrapper {text-align:left;background-color:white;}

/* ######### LINKS ######## */
a {outline: none;text-decoration:none;}
#content a, #right-panel a {font-weight:bold;}
#content .inline:hover{color:#4C555C}
#content .inline{color:#00D8FF}
.jump a{display:block;background-image:url(/static/extern/link_arrow.gif);background-position:right center;background-repeat:no-repeat;height:30px}
#content .jump2 a{display:block;float:right;color:white;padding:2px;padding-left:12px;background-color:#00D8FF;width:42px;background-image:url(/static/extern/link_arrow2.gif);background-repeat:no-repeat;background-position:left center;color:white;font-weight:bold;font-size:11px;margin:10px 0px}
.link-style2{color:white;display:block;float:right;padding:10px 15px;background-color:#00D8FF;background-image:url(/static/extern/link_arrow3.gif);background-repeat:no-repeat;background-position:0px 10px;color:#102E49;margin-left:15px;margin-right:-15px}
#content {text-align:left;}
#content img {border:0px;}

/* ######### FORM ELEMENTS ######## */

.label {font-size:12px;text-align:right;padding:4px}


/* ######### SITE CONTAINERS ######## */

#content{float:left;background-color:white;width:720px;min-height:240px;color:#4C555C;font-size:12px;line-height:17px;}

/* ######### ABOVE CONTENT ######## */

.abovecontent{font-family:"Trebuchet MS";border-top:#00B3D4 solid 8px;}


/* ######### GALLERY ######## */

.gallery{font-family:"Trebuchet MS";border-top:#00B3D4 solid 8px;}
.strip{height:auto;background-color:#00B3D4;background-repeat:no-repeat;background-position:0px 8px;border-bottom:#102E49 solid 10px}
.heading{background-color:#00B3D4;height:80px;background-image:url(/static/extern/header_bottom.gif);background-repeat:no-repeat;background-position:bottom;border:none}
.heading-text{font-size:20px;background-color:#FF0066;color:white;line-height:17px;float:left;padding:15px 13px 14px;margin:13px 0px 0px 15px}
.roof{background-color:#FF0066;height:165px;background-image:url(/static/extern/header_bottom.gif);background-repeat:no-repeat;background-position:bottom;border:none;padding-top:15px;}
.roof h1 {font-size:24px;line-height:26px;font-weight:normal;display:block;float:none;margin-bottom:5px;}
.roof h2 {font-size:13px;line-height:18px;font-weight:normal;padding-left:30px;color:white;display:block}
.gallery-content{height:220px;padding:5px 15px;}
.darkblue{background-color:#102E49;float:left;width:auto;padding:0px 15px;padding-bottom:0px;color:#03A2C9}
.darkblue h3{color:white;text-transform:uppercase;margin:0px;font-weight:normal;font-size:17px;margin-top:7px;}
.darkblue h4{color:#FF0066;margin:0px;font-size:12px;}
.darkblue div{margin-top:6px;margin-bottom:6px;font-size:11px;line-height:12px;width:390px}
.darkblue.top{margin-top:159px}
.darkblue.bottom{clear:left;font-family:arial,sans-serif;width:400px }
.darkblue.bottom div {display:inline}


/* ######### TEASERBOX LIST ######## */
.teaserbox {border-bottom:#B2E3E8 solid 1px;padding-top:20px;margin-right:20px;}
.teaserbox .teaser-image{float:left;margin-right:20px;}
.teaserbox .teaser-image img{border:#E6EDF5 solid 6px;}
.teaserbox .teaser-text h2{margin:0px;margin-bottom:8px;color:#04A4BE;font-size:18px;font-family:"Trebuchet MS";font-weight:normal}

/* ######### NEWS LIST ######## */
.newsbox {border-bottom:#B2E3E8 solid 1px;padding-top:20px;margin-right:20px;}
.newsbox .news-image{float:left;margin-right:20px;}
.newsbox .news-image img{border:#E6EDF5 solid 6px;}
.newsbox .news-text h3{margin:0px;margin-bottom:2px;color:black;font-size:13px;font-family:arial;font-weight:bold}
.newsbox small{color:#FF0066;font-size:11px;}

/* ######### CITE ######## */

.cite{float:right;width:200px;background-color:#ECF1F4;padding:85px 5px;margin-left:25px;color:black}
.cite h3{color:#444;padding:5px 5px;font-size:13px;}
.cite .quoted{background-image:url(/static/extern/cite_start.gif);background-repeat:no-repeat;background-position:10px 0px;font-family:"Trebuchet MS";color:#888;font-size:15px;font-style:italic;padding:15px;line-height:20px;margin-top:20px}
.cite small{font-size:11px}
.cite .author{padding-left:15px}


.tabpage-newsletter{height:200px;background-color:#00D8FF;display:none;padding:10px;}


.tabpage-suchen{height:150px;background-color:#01BCDF;display:none;padding:10px;}
.tabpage-kontakt{height:150px;background-color:#038CA8;display:none;padding:10px;font-size:12px;color:silver;}

#personals-portlet .tabpage-kontakt a {width:auto;float:none; color:#00D8FF;}



/* ######### IMAGE CONTAINER ######## */
.image-container{margin:7px 0px;}
.image-container div{text-align:left;padding-left:10px;font-size:11px}
.columimage {background-color:#ECF2F4;width:205px;}
.columtext {padding-right:30px;}
.dmhpbox table {margin:20px 0px;}
.dmhpbox table h1, h2, h3, h4 {margin-top:0px;}
.content_right{width:210px;text-align:center;}



/* ######### TEASERBOX VERTICAL ######## */
.vertical-teaser{padding:10px 0px 0px 0px;}
.teaserbox-vertical {width:210px;background-color:#00B3D4;padding-bottom:0px;text-align:left;}
.teaserbox-vertical .block{padding:5px 10px;border-bottom:#57E8FF solid 1px;color:white;margin-bottom:10px;line-height:15px;height:110px;
background-image:url(/static/extern/link_arrow.gif);
background-position:190px 90px;
background-repeat:no-repeat;
cursor:pointer;}
.teaserbox-vertical .block.first{padding-top:5px;}
.teaserbox-vertical .block.last{border:none;margin:0px;}
.teaserbox-vertical .block h3{color:white;font-weight:normal;font-family:"Trebuchet MS";margin:10px 0px;font-size:18px;}
.teaserbox-vertical .block span{font-size:12px;color:white;font-weight:normal;}


/* ######### TEASERBOX HORIZONTAL ######## */
.teaserbox-horizontal {width:auto;background-color:#00B3D4;padding:10px;padding-bottom:0px;margin-left:0px;padding-bottom:10px;}
.teaserbox-horizontal .block{width:212px;float:left;padding:5px 10px;color:white;line-height:14px;border-right:#66D1E5 solid 1px;}
.teaserbox-horizontal .block.last{border:none;margin:0px;}
.teaserbox-horizontal .block h3{color:white;font-weight:normal;font-family:"Trebuchet MS";color:white;margin-bottom:10px;margin-top:0px;font-size:18px;}
.teaserbox-horizontal .block a{font-size:12px;color:white;}
.teaserbox-horizontal .block .jump{}
.teaserbox-horizontal .block .jump a{height:20px}

/* TRIPLETEASERBOXWITHTEXT */
.dmhpbox {margin-left:30px;width:670px}

/* ######### MAGENTA HOMEPAGEBOX ######## */
.magenta-hpbox {padding:10px;background-color:#FF0066;width:700px;}
.magenta-hpbox h1{font-size:22px;line-height:24px;margin:5px}
.magenta-hpbox .image{float:left;width:490px;overflow:hidden}
.magenta-hpbox .text{float:left;width:190px;padding:10px;font-size:18px;color:white;line-height:20px;}
.magenta-hpbox .small{color:white;margin-left:20px;margin-bottom:15px}

/* ######### OTHER ######## */

.clear{clear:both;height:0px;}

/* ######### FORM ELEMENTS ######## */
input, select {border:none;background-color:#C7F6FF;}


/* ######### CONTENT ######## */
.plone_content {padding:20px;width:680px !important;}
.plone_content #footer {margin-left:-20px;margin-right:-20px;}
.plone_content a {color:#04A4BC;}
.internal-link, .external-link {color:#04A4BC;}

/* ######### IE6 HACKS ######## */
* html .clear {height:0px;line-height:0px;font-size:0px}




/* ######### PRINT MODIFIKATION  ######## */

#header, #timeline, #right-panel, #medienpartner, #footer, .toplinks, .gallery, .printfooter  {display:none;visibility:hidden;}
.printlogo {display:block;}


/* ######### SEPARATORS ######## */
.separator-blue{border-bottom:white solid 10px;}
.separator-line{border-bottom:#B2E3E8 solid 1px;}
.separator-arrow{background-image:none;border:none;margin-bottom:-10px;height:21px;}