* { padding:0; margin:0; }
img, fieldset { border:0; }
html, body { font-family:Verdana,sans-serif,"Calibri"; font-size:11px; color:#000; }
html, body, textarea { scrollbar-base-color:#E8E8E8; scrollbar-3d-light-color:#FFFFFF; scrollbar-arrow-color:#FFFFFF; scrollbar-darkshadow-color:#000000; scrollbar-face-color:#CCCCCC; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#000000; scrollbar-track-color:#E8E8E8; }

/************ General Elements **********/
.clearfix:before, .clearfix:after { display:block; height:0; overflow:hidden; content:"."; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }

a, a:link, a:visited { color:#000; text-decoration:none; outline:none; }
a:hover, a:active { color:#006A68; text-decoration:underline; outline:none; }
.clear { clear:both; font-size:0; line-height:0; height:0; }
.liFloat { float:left; }
.reFloat { float:right; }
.hidden, .noDisplay { display:none; }
.green { color:#006A68; }

/************************* Hauptelementte ************************/
body { text-align:center; min-width:945px; background-color:#FFF; }/*  background:#FFF url("/images/bg_body.gif") repeat-x 0 0; */
	*+html body { text-align:left; }/*IE7*/
.wrapper { width:945px; margin:0 auto; text-align:left; }

#all-header { position:relative; z-index:2; }
#logo { float:left; margin-top:10px; }
#logoright { float:right; margin-top:10px; }
#metanav { float:right; margin-top:10px; }
#metanav a { padding-left:24px; }
#slogan { font-family:"Calibri"; text-align:center; margin-top:-10px; margin-bottom:20px; color:#AF0F3B; font-size:20px; line-height:20px; font-style:italic; letter-spacing:2px; word-spacing:3px;  }
#kater div img { width: 20px; height: 20px; }
#mainnav { position:relative; height:32px; width:945px; }

#main-content { margin-top:12px; float:left; width:700px; padding-bottom:12px; overflow:hidden; z-index:1; }/*Bei margin 100px abziehen wg. topnav*/
#breadcrumb { margin-left:10px; margin-bottom:22px; }/* font-size:10px;  */
#content-toolbar { border-top:#DEDEDE 1px solid; height:18px; padding-top:5px; margin-top:40px; }
#copyrights { font-size:10px; color:#4C4C4C; margin-bottom:10px; }
#related { margin-top:14px; float:right; width:234px; background-color:#FFF; }/*Bei margin 100px abziehen wg. topnav*/

.page-separator { background-color:#DEDEDE; font-size:1px; line-height:1px; height:1px; margin-bottom:5px; width:100%; }
#page-footer { margin-bottom:40px; }


/****************************** Einzelne Elemente *****************/
/****************** Kapitelname und grosses Page-Bild */
#chapterName-bigPicture { background-color:#DFDFDF; float:left; position:relative; margin-top:12px; width:945px; min-height:40px; border:0 none; }
/*#chapterName-bigPicture h1 { position:absolute; left:12px; margin-top:12px; bottom:10px; width:275px; font-family:"Calibri"; font-size:24px; line-height:24px; font-style:italic; color:#000; font-weight:normal; }*/
#chapterName-bigPicture img { float:right; }/* width:638px; */

/****************** Breadcrumb */
#breadcrumb a { padding:0 20px 0 8px; background:transparent url('/images/icons_breadcrumb.png') no-repeat 0 -124px; }
#breadcrumb a.green, #breadcrumb a.green:link, #breadcrumb a.green:visited { color:#006A68; background-position:0 -290px; }
#breadcrumb span { padding-left:8px; color:#016B69; background:transparent url('/images/icons_breadcrumb.png') no-repeat 0 -290px; }

/****************** Eigentlilcher Seiten-Inhalt: Section Elemente - DEFAULT !!!!!!!!!!!!!!!!!!!!!!!!!!!! */
#main-content h1 { font-family:"Calibri"; font-weight:normal; font-size:28px; line-height:28px; color:#AF0F3B; font-style:italic; margin-bottom:5px; }
#main-content .section { margin-top:12px; font-size:12px; }
#main-content .section:before, #main-content .section:after { display:block; height:0; overflow:hidden; content:"."; }
#main-content .section:after { clear:both; }
#main-content .section { zoom:1; }

#main-content .section h2 { font-size:13px; padding:0 0 3px 0; }/* font-size:12px; */
#main-content .section h3 { font-size:12px; padding:3px 0; }/* font-size:11px;  */
#main-content .section img { margin-left:10px; margin-bottom:5px; } /* float:right; */
#main-content .section p { padding:0 0 7px 0; line-height:17px; }
#main-content .section .sourceCode { margin: 6px 0 10px 0; overflow:hidden; }
/*Link als eigenes Element */
#main-content .section .linkBox { margin:3px 0 6px 0; }
#main-content .section a,
#main-content .section a:link,
#main-content .section a:hover,
#main-content .section a:active,
#main-content .section a:visited { color:#016B69; padding-left:10px; background:transparent url('/images/icons_links.png') no-repeat 0 -190px; }
/* Download Link  */
#main-content .section a.downloadlink,
#main-content .section a.downloadlink:link,
#main-content .section a.downloadlink:hover,
#main-content .section a.downloadlink:active,
#main-content .section a.downloadlink:visited { color:#016B69; padding-left:12px; background:transparent url('/images/icon_download.png') no-repeat 0 1px; }

/* Link im Fliesstext */
#main-content .section p.formattedText a,
#main-content .section p.formattedText a:link,
#main-content .section p.formattedText a:hover,
#main-content .section p.formattedText a:active,
#main-content .section p.formattedText a:visited { margin:0; display:inline; }/*padding:0; background-image:none; */
#main-content .section p.formattedText a:hover, #main-content .section p.formattedText a:active { text-decoration:none; }
/* linkliste */
.linkList { float:left; }

/* Bulletlisten / Number-Listen */
#main-content .section ol { list-style:decimal; margin-left:12px; margin-bottom:8px; }
	*+html #main-content .section ol { padding-left:10px; }
#main-content .section ol li { margin-left:12px; padding-bottom:3px; line-height:14px; }
#main-content .section ul { padding:0; margin:0 0 8px 0; list-style-type:none; }
#main-content .section ul ul { padding-left:20px; margin-bottom:2px; }
#main-content .section ul ul ul { margin-bottom:0; }
#main-content .section ul li { padding:3px 0; }
#main-content .section ul li span { padding-left:20px; background:transparent url('/images/icon_li_red.gif') no-repeat 0 3px; display:block; }
#main-content .section ul ul li span { padding-left:20px; background:transparent url('/images/icon_li_gray_dark.gif') no-repeat 0 3px; }
#main-content .section ul ul ul li span { padding-left:20px; background:transparent url('/images/icon_li_gray_light.gif') no-repeat 0 3px; }
	/* *+html #main-content .section .text-block { float:left; } */

/* Bild mit Lupe */
#main-content .zoom-picture { position:relative; float:right; }
	*+html #main-content .imgRight .zoom-picture { float:left; width:100%; }
#main-content .zoom-picture a,
#main-content .zoom-picture a:link,
#main-content .zoom-picture a:hover,
#main-content .zoom-picture a:active,
#main-content .zoom-picture a:visited { position:absolute; bottom:2px; right:2px; display:block; width:18px; height:18px; background:transparent url('/images/icon_lupe.png') no-repeat bottom right; padding:0; margin:0; cursor:pointer; }

/****************** Section Elemente - INDEX PAGE */
#main-content .section.summary { margin-top:12px; }
#main-content .section.index { width:700px; float:left; background:#FBFBFB url('/images/bg_index_section_dark.png') repeat-x 0 0; padding-bottom:12px; margin-top:10px; margin-bottom:8px; border-bottom:#5C5E49 1px dotted; border-left:#F2F2F2 1px solid; border-right:#F2F2F2 1px solid; }
#main-content .section.index h2 { font-size:20px; line-height:32px; font-family:"Calibri"; color:#878787; padding:0 0 0 10px; margin:0 0 6px 0; height:32px; font-weight:normal; border-bottom:#DDD 1px solid; }
#main-content .section.index h3 { font-size:12px; padding:8px 0 7px 0; }/* font-size:11px;  */
#main-content .section.index img { float:left; margin-left:0; margin-right:10px; }
#main-content .section.index .text-block { width:auto; padding-left:10px; padding-right:10px; }/* width:540px; */

/******************* Bildergalerie ***********************/
#main-content .section.index .galerie img { margin-right:10px; margin-bottom:10px; }
	*+html #main-content .section.index .galerie img { padding-bottom:10px; }
#main-content .section.index .galerie a,
#main-content .section.index .galerie a:link,
#main-content .section.index .galerie a:hover,
#main-content .section.index .galerie a:active,
#main-content .section.index .galerie a:visited { margin:0; padding:0; float:left; background-image:none; }

/****************** Related Spalte Teaser Box */
.teaser { font-size:12px; background-color:#FFF; padding:8px 15px 8px 15px; margin-bottom:12px; }/*-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; */
.teaser h1 { font-weight:normal; font-size:18px; color:#AF0F3B; font-style:italic; margin-bottom:6px; }
.teaser h3 { font-size:12px; margin-bottom:4px; }/* font-size:11px; */
.teaser p { padding:2px 0 4px 0; line-height:16px; }
.teaser a,
.teaser a:link,
.teaser a:hover,
.teaser a:active,
.teaser a:visited { line-height:16px; margin-bottom:4px; padding-left:8px; color:#016B69; display:block; background:transparent url('/images/icons_breadcrumb.png') no-repeat 0 -288px; }
.teaser img { margin:4px 0; }
/* Download Link im Related */
.teaser a.downloadlink,
.teaser .section a.downloadlink:link,
.teaser .section a.downloadlink:hover,
.teaser .section a.downloadlink:active,
.teaser .section a.downloadlink:visited { line-height:16px; margin-bottom:4px; color:#016B69; display:block; padding-left:12px; background:transparent url('/images/icon_download.png') no-repeat 0 1px; }
a.no-arrow, 
a.no-arrow:link, 
a.no-arrow:hover, 
a.no-arrow:active, 
a.no-arrow:visited { padding-left:0; background-image:none; }

/****************** Content Tollbar (Top, Print, Send Email) */
#content-toolbar a { display:block; float:right; height:18px; width:20px; margin-left:8px; background:transparent url('/images/icons_content_footer.gif') no-repeat 0 0; }
#content-toolbar a.page-print { background-position:-20px 0; }
#content-toolbar a.page-email { background-position:-40px 0; }

/****************** copyrights */
#copyrights span { padding-right:30px; }
#copyrights a,
#copyrights a:link,
#copyrights a:hover,
#copyrights a:active,
#copyrights a:visited { color:#4C4C4C; padding:0 5px; }

/* Page Footer ("Google Links) */
#page-footer a, #page-footer a:link, #page-footer a:hover, #page-footer a:active, #page-footer a:visited { color:#8C8C8C; }
#page-footer ul { list-style:none; float:left; color:#8C8C8C; }
#page-footer ul li { float:left; font-weight:bold; margin-right:20px; max-width:170px; }
#page-footer ul li.last { margin-right:0;}
#page-footer ul ul { list-style:none; color:#8C8C8C;  }
#page-footer ul li ul li { float:none; font-weight:normal; }


/***************************************** Main-/Topnavigation ****************************/
/*** arrows **/
.sf-sub-indicator { background:transparent url("/images/icons_nav.png") no-repeat 0 -100px; display:block; height:10px; position:absolute; right:0; text-indent:-999em; top:12px; width:20px; }
#mainnav { background:#FFF url("/images/bg_mainnav.png") no-repeat 0 0; width:945px; height:34px; position:relative; }
#mainnav .nav-2 { margin-bottom:3px; padding-bottom:2px; }
#mainnav .nav-2 a, #mainnav .nav-2 a:link, #mainnav .nav-2 a:visited { color:#575757; }
#mainnav .nav-2 a:hover, #mainnav .nav-2 a:active { color:#AF0F3B; }
#mainnav .nav-2 a, #mainnav .nav-2 a:link, #mainnav .nav-2 a:visited, #mainnav .nav-2 a:hover, #mainnav .nav-2 a:active { padding-top:4px; padding-bottom:2px; line-height:1.2em; }

/* Ausgegraute Nav-Punte */
#mainnav a.deactivate,
#mainnav a.deactivate:link,
#mainnav a.deactivate:active,
#mainnav a.deactivate:hover,
#mainnav a.deactivate:visited { color:#A4A4A4; }

/****************************************** Sitemap *******************/
#main-content .section.sitemap .text-block { margin-left:0; padding-top:10px; }
#main-content .section.sitemap ul, #main-content .section.sitemap ul li { margin:0; padding:0; list-style-image:none; list-style-position:inside; }
#main-content .section.sitemap ul li { background-image:none; float:left; }
#main-content .section.sitemap ul li a { float:left; background-image:none; margin:0 0 3px 0; }
#main-content .section.sitemap ul li a,
#main-content .section.sitemap ul li a:link,
#main-content .section.sitemap ul li a:visited { color:#000; }
#main-content .section.sitemap ul li a:hover,
#main-content .section.sitemap ul li a:active { color:#016B69; }
/* Ebene 0 */
#main-content .section.sitemap ul { float:left; width:100%; }
#main-content .section.sitemap ul li { width:99%; }
#main-content .section.sitemap ul li a { width:140px; }
/* Ebene 1 */
#main-content .section.sitemap ul li ul { float:right; width:500px; margin:0; }
#main-content .section.sitemap ul li ul li { float:none; }
#main-content .section.sitemap ul li ul li a { width:180px; }
/* Ebene 2 */
#main-content .section.sitemap ul li ul li ul { float:right; width:300px; margin-bottom:20px; }
#main-content .section.sitemap ul li ul li ul li { float:left; width:300px; }
#main-content .section.sitemap ul li ul li ul li a { width:160px; }
/* Ebene 3 */
#main-content .section.sitemap ul li ul li ul li ul { width:130px; }
*+html #main-content .section.sitemap ul li ul li ul li ul { margin-right:10px; }
#main-content .section.sitemap ul li ul li ul li ul li { width:130px; }
#main-content .section.sitemap ul li ul li ul li ul a { width:130px; }
*+html #main-content .section.sitemap ul li ul li ul li ul a { padding-right:5px; }

/* Ausgegraute Sitemap-Punte */
#main-content .section.sitemap ul li a.deactivate,
#main-content .section.sitemap ul li a.deactivate:link,
#main-content .section.sitemap ul li a.deactivate:active,
#main-content .section.sitemap ul li a.deactivate:hover,
#main-content .section.sitemap ul li a.deactivate:visited { color:#A4A4A4; }

/* Runde Ecken für das grosse Bild oben (tl = top left usw.) */
/********************** Die klassischen runden Ecken  ***************/
.outer .tl { position:absolute; top:0; left:0; background:transparent url('/images/rounded_corners/tl.png') no-repeat top left; width:8px; height:8px; }
.outer .tr { position:absolute; top:0; right:0; background:transparent url('/images/rounded_corners/tr.png') no-repeat top right; width:8px; height:8px; }
.outer .bl { position:absolute; bottom:0; left:0; background:transparent url('/images/rounded_corners/bl.png') no-repeat bottom left; width:8px; height:8px; }
.outer .br { position:absolute; bottom:-1px; right:0; background:transparent url('/images/rounded_corners/br.png') no-repeat bottom right; width:8px; height:8px; }

/************ Suchfeld in MainNav *************/
.suche { position:absolute; right:15px; bottom:7px; background:transparent url(/images/bg_suchfeld.png) 0 0 no-repeat; width:195px; height:19px; z-index:3000; }
.suche .suchfeld { position:absolute; left:0; border:0 none; background-color:transparent; font-size:11px; padding:3px 0 0 10px; width:160px; }
.suche .suchlupe { position:absolute; right:7px; bottom:3px; background:transparent url(/images/icon_lupe_suche.png) 0 0 no-repeat; width:12px; height:13px; border:0 none; cursor:pointer; }

/* Bildausrichtung */
#main-content .imgLeft { text-align:left; margin-bottom:10px; margin-right:10px; margin-top:5px; float:left; }
#main-content .imgLeft .zoom-picture, #main-content .imgLeft .zoom-picture * { float:left; }
#main-content .imgLeft .zoom-picture img, #main-content .section .imgLeft img { float:left; margin-left:0; margin-right:10px; }
#main-content .imgLeft .zoom-picture a,
#main-content .imgLeft .zoom-picture a:link,
#main-content .imgLeft .zoom-picture a:hover,
#main-content .imgLeft .zoom-picture a:active,
#main-content .imgLeft .zoom-picture a:visited { right:2px; }
#main-content .imgCenter { text-align:center; margin-bottom:10px; margin-top:5px; margin-left:auto; margin-right:auto; }
#main-content .imgCenter .zoom-picture img, #main-content .section .imgCenter img { float:none; margin-left:0; }
#main-content .imgCenter .zoom-picture { float:none; margin:0 auto; }
#main-content .imgRight { text-align:right; margin-bottom:10px; float:right; margin-left:10px; margin-top:5px; }
	*+html #main-content .imgRight { margin-right:10px; }
/* Bildlegende */
#main-content .imgLeft p, #main-content .imgCenter p, #main-content .imgRight p { font-style:italic; text-align:left; }
#main-content .imgCenter p { margin:0 auto; }
	*+html #main-content .imgRight p { margin-left:10px; }

/*************** Tabelle ********************/
table { margin-top:18px; margin-bottom:18px; border-top:#5C5E49 1px dotted; width:100%; }
table caption { color:#AF0E3A; font-size:12px; padding-bottom:4px; font-weight:bold; }/* font-size:11px; */
tr.masszeile, tr.masszeile td { font-size:0; height:0; line-height:0; margin:0; padding:0; border-bottom:0 none; }
thead td { background-color:#AF0E3A; vertical-align:top; text-align:left; border-bottom:#5C5E49 1px dotted; padding:4px 10px 0 10px; font-weight:bold; color:#FFF; font-size:12px; }
td.center { text-align:center; }
td.right { text-align:right; }
td.middle { vertical-align:middle; }
td.bottom { vertical-align:bottom; }
tbody td { background-color:#F2F2F2; vertical-align:top; text-align:left; border-bottom:#5C5E49 1px dotted; padding:10px 10px 5px 10px; }

tbody tr.graueZeile td { background-color:#9C9E9F; color:#FFF; font-weight:bold; border-bottom:0 none; padding:4px 10px 0 10px; }

tfoot td { background-color:#FBFBFB; vertical-align:top; text-align:left; border-bottom:#5C5E49 1px dotted; padding:10px 10px 2px 10px; color:#8C8C8C; }
tfoot td.center { text-align:center; }
tfoot td.right { text-align:right; }
tr.noBrd, tr.noBrd td { padding-bottom:0; border-bottom:0 none; }
tr.row_even, tr.row_even td { background-color:#F9D3DD; }
/* Elemente in Tabelle */
#main-content .section table td h1 { color:#AF0E3A; font-weight:bold; font-size:12px; font-style:normal; line-height:13px; font-family:Verdana,sans-serif,"Calibri"; }
#main-content .section table td h3 { padding-top:1px; }
#main-content .section table strong, #main-content .section table bold { font-weight:bold; }
#main-content .section table em { font-style:italic; }
#main-content .section table td img { float:left; margin:0 10px 5px 0; }
#main-content .section table a, 
#main-content .section table a:link, 
#main-content .section table a:hover, 
#main-content .section table a:active, 
#main-content .section table a:visited { margin:3px 0 0 0; }
#main-content .section table ul, #main-content .section table ol { margin:0; }
#main-content .section table ul li, #main-content .section table ol li { padding:1px 0; }
#main-content .section table p.emptyTableCell { font-size:0; line-height:0; height:0; }

/* Das gehört eigentlich in die edit.css */
#EditPropertiesDialog .defaultElement .right { width:55%; }

/* Google Map */
#map_container { height:300px; width:200px; border:#bebebe 1px solid; background-color:#f5f5f5; color:#777; }
#map_container fieldset { margin:10px 10px 0 10px; float:left; font-size:11px; }
#map_container fieldset label { width:40px; display:block; float:left; }
#map_container fieldset label.h40 { height:40px; }
#map_container fieldset input { float:right; width:135px; border:#CCC 1px solid; }
#map_container fieldset.reFloat { float:right; }
#map_container fieldset.reFloat input { background-color:#333; border:0 none; color:#FFF; font-size:11px; padding:2px 0; }
#map_canvas { height:60%; margin-top:10px; }
/* im Edit Mode */
#map_container p.formattedText { margin:20px 10px 10px 10px; }
/* edit Redirect */
#main-content .editRedirect { margin-top:20px; }
#main-content .editRedirect span { float:left; padding-right:10px; }
#main-content .editRedirect .linkBox { float:left; }
