body { background-color: #f5db00; font-size: 10pt; font-family: Arial, Verdana; margin:10px 0 0 2px;}

#designbody {background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#000000; text-align:left;}

/* ----------Seite zentrieren-------------- */
#seite {width: 961px; margin-bottom: 10px; margin:0 auto; background-color: #f5db00;}
* html #seite {width:961px; margin-bottom: 10px; margin:0 auto; background-color: #f5db00;}

#navheadout {height:25px; width:806px; text-align:right; margin:auto; position:relative; top:1px;}
* html #navheadout {height:20px; width:892px; text-align:right; margin:auto; position:relative; top:4px;}
#naviheadin {height:20px; width:150px; color:#FFFFFF; float: right;}

.form_sitesearch {font-size: 8pt; width:115px; height:14px; border:1px solid #000099; position:relative; bottom:10px;}
.submit_search {background-color: #f5db00; font-size: 8pt; width:25px; height:18px; font-weight: bold; color:#000099; border:1px; position:relative; left:-3px; bottom:10px;}

.submit_1 {background-color: #f5db00; font-size: 8pt; font-weight: bold; color:#000099; border:2px; position:relative; left:-3px; bottom:1px;}

.submit { font-size: 10pt; font-weight: bold; border:5px; position:relative; left:-3px; bottom:1px;}

#designbody { text-align:left; background-color: #ffffff; color:#000000;font-size: 9pt;font-family: Arial,Helvetica,Sans-Serif;}

#titlestripe { text-align:center; background-color: #ffffff; height:20px; width:960px; color:#000099; font-size:11pt; font-weight:bold; }
* html #titlestripe {text-align:center; background-color: #ffffff; height:20px; width:960px; color:#000099; font-size:11pt; font-weight:bold; }

#navileft {background-color: #ffffff; width:169px; float:left; color:#000099; margin:10px 0 0 0px; padding:5px;}
* html #navileft {background-color: #ffffff; width:169px; float:left; color:#000099; margin:10px 0px 0 0px; padding:5px;}

.naviheadline {font-size: 10pt; font-weight: normal; color: #000099;}

.navi_first {width:160px; height:20px; background-color:#f5db00; color:#000099; border-top:1px solid #AAB7C0; text-align:left;  font-weight: bold; padding-left:0px;}
a.navileft_first_passive {display:block; color:#000000; padding:2px 0 3px 10px; text-decoration:none;}
a.navileft_first_passive:hover {display:block; background-color:#ffff00; color:#000099;text-decoration:none;}
a.navileft_first_active {display:block; color:#000099; padding:2px 0 3px 10px; text-decoration:none; }
a.navileft_first_active:hover {display:block; color:#000099; padding:2px 0 3px 10px; text-decoration:none;}

.navi_second {width:154px; height:14px; background-color:#eeee33; border-top:0px solid #AAB7C0; text-align:left; padding:6px 0px 0px 6px; position: relative; top:0px;}
a.navileft_second_passive {line-height:0.7em; color:#000000; position: relative; bottom:0px; padding:2px 0 6px 10px; text-decoration:none;}
a.navileft_second_passive:hover {line-height:0.7em; color:#000099; position: relative; bottom:0px; padding:2px 0 6px 10px; text-decoration:none;font-weight: bold;}
a.navileft_second_active {line-height:0.7em; color:#000099; position: relative; bottom:0px; padding:2px 0 6px 10px; font-weight: bold;}
a.navileft_second_active:hover {line-height:0.7em; color:#000099; position: relative; bottom:0px; padding:2px 0 6px 10px; text-decoration:none;}
* html a.navileft_second_passive {line-height:0.7em; color:#000000; position: relative; bottom:1px; padding:2px 0px 6px 10px; text-decoration:none;}
* html a.navileft_second_passive:hover {line-height:0.7em; color:#000000; position: relative; bottom:1px; padding:2px 0 6px 10px; text-decoration:none;}
* html a.navileft_second_active {line-height:0.7em; color:#000099; position: relative; bottom:1px; padding:2px 0 6px 10px; font-weight: bold;}
* html a.navileft_second_active:hover {line-height:0.7em; color:#000000; position: relative; bottom:1px; padding:2px 0 6px 10px;text-decoration:none;}

.navi_third {width:148px; height:14px; background-color:#eeee77; border-top:0px solid #AAB7C0; text-align:left; padding:6px 0px 0px 12px; position: relative; top:0px; }
a.navileft_third_passive {line-height:0.7em; color:#000099; position: relative; bottom:0px; padding:2px 0 6px 10px; text-decoration:none;}
a.navileft_third_passive:hover {line-height:0.7em; color:#000099; position: relative; bottom:0px; padding:2px 0 10px 10px; text-decoration:none;font-weight: bold;}
a.navileft_third_active {line-height:0.7em; color:#000099; position: relative; bottom:0px; padding:2px 0 6px 10px; font-weight: bold;}
a.navileft_third_active:hover {line-height:0.7em; color:#000099; position: relative; bottom:0px; padding:2px 0 6px 10px; font-weight: bold;}
* html a.navileft_third_passive {line-height:0.7em; color:#000099; position: relative; bottom:1px; padding:2px 0 6px 10px; text-decoration:none;}
* html a.navileft_third_passive:hover {line-height:0.7em; color:#000000; position: relative; bottom:1px; padding:2px 0 6px 10px; text-decoration:none; font-weight: bold;}
* html a.navileft_third_active {line-height:0.7em; color:#000099; position: relative; bottom:1px; padding:2px 0 6px 10px;}
* html a.navileft_third_active:hover {line-height:0.7em; color:#000000; position: relative; bottom:1px; padding:2px 0 6px 10px; font-weight: bold;}
.list_bullet {color:#000099; font-size: 10pt; font-weight:bold; position:relative; bottom:1px; padding:2px 0px 6px 15px; font-weight: bold;}

.navipath {font-size:9pt; color:#3333ff; width:474px;}

.sitemap_first {font-size: 9pt; font-weight:bold; line-height:2em; position:relative; left:10px;}
.sitemap_second {font-size: 9pt; font-weight:normal; line-height:1.7em; position:relative; left:30px;}
.sitemap_third {font-size: 8pt; font-weight:normal; line-height:1.4em; position:relative; left:50px;}

a.navipath {font-size:8pt; color:#FFA200; }
a.naviunten {font-size:8pt; color:#000000; }
a.navipath:hover {font-size:8pt; color:#000099;}

.weis_gif { position:relative; bottom:0px;}
* html .weis_gif { position:relative; bottom:0px;}
.navipath_gif { position:relative; bottom:0px; width:100%;}
* html .navipath_gif { position:relative; bottom:7px;}
.navipathbig_gif { position:relative; bottom:0px; width:700px;}
* html .navipathbig_gif { position:relative; bottom:7px;}

/* -- Startseite -- */
.content_1        {text-align:center; background-color: #ffffff; height:200px; float:left; color:#000000; margin:10px 0 0 0px; padding:0px;}
* html .content_1 {text-align:center; background-color: #ffffff; height:200px; float:left; color:#000000; margin:10px 0 0 0px; padding:0px;}
.content_2 {text-align:left; background-color: #ffffff; width:45%; height:200px; float:left; color:#000000; margin:0px 0 0 0px; padding:0px;}
* html .content_2 {background-color: #ffffff; width:45%; height:200px; float:left; color:#000000; margin:0px 0 0 0px; padding:0px;}
.content_3l {text-align:left; background-color: #ffff99; width:49%; height:255px; float:left; color:#000000; margin:0px 0 0 0px; padding:0px;}
* html .content_3l {background-color: #ffff99; width:49%; height:255px; float:left; color:#000000; margin:0px 0 0 0px; padding:0px;}
.content_3r {text-align:left; background-color: #ffff99; width:49%; height:255px; float:left; color:#000000; margin:0px 0 0px 10px; padding:0px;}
* html .content_3r {background-color: #ffff99; width:49%; height:255px; float:left; color:#000000; margin:0px 0 0px 10px; padding:0px;}
.content_4l {text-align:center; vertical-align: middle; background-color: #f5db00; width:49%; height:20px; float:left; font-weight: bold; color:#000000; margin:0px 0px 0px 0px; padding:0px;}
* html .content_4l {text-align:center; vertical-align: middle; background-color: #f5db00; width:49%; height:20px; float:left; font-weight: bold; color:#000000; margin:0px 0px 0px 0px; padding:0px;}
.content_4r {text-align:center; vertical-align: middle; background-color: #f5db00; width:49%; height:20px; float:left; font-weight: bold; color:#000000; margin:0px 0px 0px 10px; padding:0px;}
* html .content_4r {text-align:center; vertical-align: middle; background-color: #f5db00; width:49%; height:20px; float:left; font-weight: bold; color:#000000; margin:0px 0px 0px 10px; padding:0px;}
/* -- Startseite Ende -- */

#content {text-align:left; background-color: #ffffff; width:560px; float:left; color:#000000; margin:10px 0 0 10px; padding:10px;}
* html #content {background-color: #ffffff; width:560px; float:left; color:#000000; margin:10px 0 0 10px; padding:10px;}

#contentbig {text-align:left; background-color: #ffffff; width:750px; float:left; color:#000000; margin:10px 0 0 10px; padding:10px;}
* html #contentbig {background-color: #ffffff; width:750px; float:left; color:#000000; margin:10px 0 0 10px; padding:10px;}

#content_border        {width:530px; height:99%; padding:15px; border:1px solid #cccccc;}
* html #content_border {width:530px; padding:15px; border:1px solid #cccccc;}
#contentbig_border {width:725px; padding:10px; border:1px solid #cccccc;}
* html #contentbig_border {width:725px; padding:10px; border:1px solid #cccccc;}

.content_headline {color:#000000; font-size:12pt; font-weight:bold;}
.content_textzeile{color:#000000; font-size:9pt; font-weight:bold;}
.content_zweispaltig_links {width:217px; float:left; text-align: justify; line-height: 1.5em;}
* html .content_zweispaltig_links {width:217px; float:left; text-align: justify; line-height: 1.5em;}
.content_zweispaltig_rechts {width:187px; float:right; text-align: justify; line-height: 1.5em;}
* html .content_zweispaltig_rechts {width:217px; float:right; text-align: justify; line-height: 1.5em;}

.content_zweispaltig_links_tb {float:left; text-align: justify; line-height: 1.5em;}
* html .content_zweispaltig_links_tb {float:left; text-align: justify; line-height: 1.5em;}
.content_zweispaltig_rechts_tb {width:250px; float:right; text-align: justify; line-height: 1.5em;}
* html .content_zweispaltig_rechts_tb {float:right; text-align: justify; line-height: 1.5em;}

.content_zweispaltig_rechts_mit_bild {width:217px; float:right; text-align: justify; line-height: 1.5em;}
* html .content_zweispaltig_rechts_mit_bild {width:217px; float:right; text-align: justify; line-height: 1.5em;}

.bild_content {border:1px solid #666666;}
.bild_content_noborder {border:0px solid #666666;}
.bild_spalte_links {border:1px solid #666666; position:relative; top:5px;}
* html .bild_spalte_links {border:1px solid #666666; position:relative; top:3px;}
.bild_spalte_rechts {border:1px solid #666666; position:relative; top:7px; margin:0 0 7px 0;}
* html .bild_spalte_rechts {border:1px solid #666666;}

.bild_werbung {border:1px solid #000000;}

.newstitel {font-size:10pt; font-weight:bold; position:relative; top:2px;}
.newstitel_klein {font-size:8pt; font-weight:bold; position:relative; top:0px;}
.newssubtitel_detail {font-size:8pt; font-weight:bold; position:relative; top:5px;}
.newssubtitel_list {font-size:8pt; font-weight:normal; position:relative; top:5px;}
.newsbody {font-size:8pt; position:relative; bottom:16px;}

#teaserright {background-color: #ffffff; width:149px; float:right; color:#000000; margin:10px 0 0 0px; padding:15px; }
* html #teaserright {background-color: #ffffff; width:149px; float:right; color:#000000; margin:10px 0 0 0px; padding:15px; }

/* --- rechts gelber Treaser --- */
#contentbox {border:3px solid #f5db00; background-color: #ffff00; width:144px; float:center; color:#000099; margin:5px 0 0 0px; padding:5px;}
* html #contentbox {border:3px solid #f5db00; background-color: #f5db00; width:145px; float:left; color:#000099; margin:5px 0px 0 2px; padding:5px;}

#adbox {background-color: #fc7204; color:#000099; margin:10px;}
#adbox_trenner {width:200px; height:10px; background-color: #000099; position:relative; bottom:10px; right:0px;}

#navifootout {background-color: #ffffff; height:18px; width:960px; float:left; color:#FFFFFF;  margin:9px 0 15px 0px; padding:1px 0px 0px 1px;}
#navifootin {height:16px; width:905px; float:left; color:#fc7204; border:1px solid #FFFFFF; }  
* html #navifootin {height:16px; width:923px; float:left; color:#fc7204; border:1px solid #FFFFFF; }
#navifootleft{height:16px; width:360px; float:left; color:#000000;}
#navifootmidel{height:14px; width:428px;}

#datumfuss {text-align:center; color:#ffffff; width:960px; font-size:8pt;  }
* html #datumfuss {text-align:center; color:#ffffff; width:960px; font-size:8pt; }


.submit_intranet {background-color: #ffff33; font-size: 8pt; width:110px; height:18px; font-weight: bold; color:#000099; border:1px; position:relative; left:-3px; bottom:10px;}

.form_kontakt_input {font-size: 8pt; font-family: Arial; width:250px; border:1px solid #000099; margin:2px; padding:2px;}
.form_kontakt_submit {font-size: 8pt; width:250px; border:1px solid #000000; background-color: #FFFFFF; margin:2px;}
* html .form_kontakt_submit {font-size: 8pt; width:255px; border:1px solid #000000; background-color: #FFFFFF; margin:2px;}
.form_login_input {font-size: 8pt; font-family: Arial,Helvetica,Sans-Serif; width:200px; border:1px solid #000099; margin:2px; padding:2px;}
.form_login_submit {font-size: 8pt; width:200px; border:1px solid #000000; background-color: #FFFFFF; margin:2px;}
* html .form_login_submit {font-size: 8pt; width:205px; border:1px solid #000000; background-color: #FFFFFF; margin:2px;}

.searchalignleft {width:80px; text-align:left; float:left;}
.searchaligncenter {width:200px; text-align:center; float:left;}
.searchalignright {width:80px; text-align:right;}

a { font-size:8pt; font-family: Verdana; color:#000099; text-decoration:none; }
a:link { font-family: Arial,Helvetica,Sans-Serif; text-decoration:none; }
a:hover { text-decoration:underline; color:#000099;}


a.titel:link { text-decoration:none; }
a.titel:visited { text-decoration:none; }
a.titel:hover { text-decoration:underline; }
a.titel:active { text-decoration:none; }
a.titel:focus { text-decoration:none; }

.link1 {font-family: Arial,Helvetica,Sans-Serif; font-size:6pt; font-weight:bold;}
a.newsdetail_link { font-family: Arial,Helvetica,Sans-Serif; color:#000000; text-decoration:none;}
a.archivjahr {font-size:10pt; font-weight:bold;}

.abmelden {font-size:9pt; font-weight:bold; color:#ff0000;}

/* --- Zeilenumbruch erzwingen --- */
#pre { 
   white-space: pre-wrap;       /* css-3 */
   white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
   white-space: -pre-wrap;       /* Opera 4-6 */
   white-space: -o-pre-wrap;       /* Opera 7 */
   word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

* html #pre { 
   white-space: pre-wrap;       /* css-3 */
   white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
   white-space: -pre-wrap;       /* Opera 4-6 */
   white-space: -o-pre-wrap;       /* Opera 7 */
   word-wrap: break-word;       /* Internet Explorer 5.5+ */
}



/* Kalender */
#Datediv td {background-color : #F0FFF0;padding: 0px 3px;} 
#Datediv a { font-size: 8pt; }
.cpMonthNavigation {text-align : center; vertical-align : middle; text-decoration : none; color : #000000; font-weight : bold; font-size : 8pt;} 
.cpDayColumnHeader {text-align : right; font-weight : bold; font-size : 8pt;} .cpDayColumnHeaderr {text-align : right; color : #ff0000; font-size : 8pt;} 
.cpOtherMonthDate {text-align : right; text-decoration : none; color : #c0c0c0; font-size : 8pt;} .cpOtherMonthDate a:visited { color : #c0c0c0; }.cpCurrentMonthDate {text-align : right; text-decoration : none; color : #000000; font-size : 8pt;} .cpCurrentMonthDate a:visited { color : #000000; }.cpCurrentDate {text-align : right; text-decoration : none; color : #FF0000; font-weight : bold; font-size : 8pt;} .cpCurrentDate a:visited { color : #FF0000; }
.cpTodayText {color : #000000; font-weight : normal; font-size : 8pt;}.cpBorder {border-color:#C0C0C0;border-style:solid;border-width:3px;}

.stdhead {border:1px solid #94AA83; background-color:#B8D0B8; background-image:url(shead.png); background-position:top right; height:20px;}

/* -- Redaktion -- */
#teaserbox { margin-left:10px; width:560px; float:left;}
.teaser0 , .teaser1 { width:130px; margin-bottom:10px; float:left;}
.teaser1 { margin-left:10px;}
#service { width:200px; float:right;}
.stdhead { border:1px solid blue; background-color:yellow; padding:5px; font-weight:bold;}
.stdbox { border:1px solid blue; border-top-style:none; padding:5px; margin-bottom:10px;}
.stdboxfh { border:1px solid blue; border-top-style:none; padding:5px; height:150px;}
.boxinhalt { margin:5px;}
h1 { font-size:12pt; margin-bottom:10px;}
form { margin:0px;}
label { font-size:8pt; padding-left:3px;}
select { border:1px solid #aaaaaa; margin-bottom:5px;}
textarea { border:1px solid #aaaaaa; margin-bottom:5px;}
input { border:1px solid #aaaaaa; margin-bottom:5px;}
button { border:1px solid #aaaaaa; font-size:8pt;}
noscript { color:#FF0000; font-size:9pt; display:block; padding:5px;}
#navigation input { margin-left:5px; width:173px;}
#navigation label{ margin-left:8px;}
#navigation button { margin-right:6px; float:right;}

h6 { font-size:12pt; font-weight:bold; margin:0 0 3px 0;}
td, th { text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:10pt;}
th { background-color:#a0c0a0; color:white;}
.list0 td { background-color:#ffff88;}
.list1 td { background-color:#ffff33;}
.txt8pt { font-size:8pt;}
.stcenter { text-align: center;}
.stright { text-align: right;}
.tracker { background-color:#f0fff0;}
.txt12pt { font-size: 12pt; text-decoration:none;}
fieldset { padding:0px;}
legend { font-weight:bold;}
.field1 { width:580px;}
.field4 { width:110px;}
.noborder { border-style:none; margin:0;}
.line { background-color:#aaaaaa; overflow:hidden; height:1px;}

.field_as_text {border:none; background-color:#EEEEEE; position:relative; top:4px;}
.input_webedit {width:100px;}
.user_font_klein {font-size:8pt; font-weight:normal;}
.user_font_mittel {font-size:10pt; font-weight:normal;}
.user_font_gross {font-size:12pt; font-weight:normal;}
.user_font_klein_b {font-size:8pt; font-weight:bold;}
.user_font_mittel_b {font-size:10pt; font-weight:bold;}
.user_font_gross_b {font-size:12pt; font-weight:bold;}

/*###########################################################################*/

#pickerPanel { width: 360px; height: 340px; font: normal 11px verdana, sans-serif; color: #333; line-height: 19px; margin: 0; }

/* slider */

.dragPanel { position: relative; background-color: #eeeeee; margin: 4px; width: 260px; height: 180px;}

.dragPanel h4 { background-color: #bbbbbb; height: 10px; margin: 0px; cursor: move;}

input { font-size: .85em }
.thumb { cursor:default; width:18px; height:18px; z-index: 9; position:absolute; }

.bg { position:absolute; left:10px; height:18px; width:146px; border: 0px solid #aaaaaa;}

.bg span, .bg p {cursor:default; position: relative; font-size: 2px; overflow: hidden; color: #aaaaaa; top: 4px; height: 10px; width: 4px; display: block; float:left;}

.bg span { border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}

.bg .lb { border-left:1px solid #cccccc;}

.bg .rb { border-right:1px solid #cccccc;}
#valdiv { position:absolute; top: 100px; left:10px; } 

#rBG {top:30px}
#gBG {top:50px}
#bBG {top:70px}

#rgbSwatch { position:absolute; left:160px; top:34px; height:50px; width:50px; border:1px solid #aaaaaa;}

#rgbPanel {/* top: 400px; left: 20px; */ width: 360px; height: 240px;}

/* picker */

#hueThumb { cursor:default; width:18px; height:18px; z-index: 9; position:absolute; }

#hueBg { position:absolute;  left:216px; height:198px; width:18px; background:url(hue.png) no-repeat; top:18px;}

#pickerDiv { position:absolute; left:10px; height:187px; width:188px; 
/*
    background:url(../img/pickerbg.png) no-repeat;
    */
    top:20px;
}

#pickerbg { 
    position:absolute; 
    z-index: 1;
    top:0px;
    left:0px;
}
#selector { 
    cursor:default;
    width:11px; 
    height:11px; 
    z-index: 9;
    position:absolute; 
    top:0px;
    left:0px;
}

#pickerSwatch {
    position:absolute; 
    left:260px; 
    top:30px;
    height:60px; 
    width:60px; 
    border:2px solid #aaaaaa;
}

#pickervaldiv { text-align:right; position:absolute; top: 86px; left:246px; }

.colorbox{
width: 25px;
height: 14px;
border: 1px solid black;
border-bottom-width: 0;
position:relative;
bottom:4px;
}