/**** LINK-tag style sheet General.css ****/

/****

+ colorList +
mittelgruen:COLOR=#DBDAA7
green:COLOR="#006B00"

light-yellow25:COLOR="FFF3D9"
light-yellow50:COLOR="FEECC6"
light-yellow60: FEE3A6
light-yellow70:COLOR="FEDD92"
light-yellow80:COLOR="FED77E"
yellow100:#FECE62
light-grey COLOR="#D6D3D0"
redbrown: #CF6908
+ structure +
body-#base-#container[#top,#header,#galery,#main,#footer]


****/



body
{
background: #fBfAf7;
}

body, body td
{
font-family: Verdana, Arial, Helvetica;
font-size: 66%;
letter-spacing: 0.02em;
}
td {
vertical-align: top;
}
/**** basics ****/


*
{
margin: 0;
padding: 0;
}
a
{
text-decoration: none;
color: #006B00;
}
a.active
{
text-decoration: none;
color: #DBDAA7;
}
a:hover
{
text-decoration: underline;
}
a img
{
border: 0;
}
/* Vordefinierte Link-Stile */
a.external {
}
a.download {
display: block;
}
a.up {
}
a.next, a.forward {
}
a.previous {
}

ul
{
list-style: none outside;
margin: 0;
padding: 0;
}
ul li
{
margin: 0;
padding: 0;
}
hr
{
border: none;
border-bottom: 1px solid black;
height: 1px;
margin: 0;
padding: 0;
}

/**** Fonts ****/


/* Codeauszeichnungen etc. */
tt, 
pre 
{
font-family: monospace;
font-size: 1.2em;
line-height: 120%;
}



h1
{
font-size: 1.1em;
}
h2
{
font-size: 1.05em;
}
h3
{
font-size: 1.0em;
}
hr
{
font-size: 0;
line-height: 0;
}
#nav_meta, #nav_top
{
font-size: 1em;
}

#tools_search
{
font-size: 1em;
}

div#tools_versions,
a.facebook_link 
{
font-size: 1.2em;
}

.info_name,
.info_area,
h3 .info_name
{
font-size: 1.1em;
}

div.image 
{
font-size: .9em;
}

#content_margin .block
{
font-size: 1em;
}
#content_margin table td
{
font-size: .8em;
}
form .input,
select.input
{
font-size: .9em;
}
 

#footer td
{
font-size: .6em;
}

.button, 
.img_button 
a.button, 
a.button:visited 
{
font-size: 0.9em;
}

/**** Layout ****/


table#baseContainer
{
height: 100%;
border: 1px solid #dedede;
background: #fff;
margin: 0;
padding: 0;
border-collapse: collapsed;
}

td#header
{
border: 0px dashed #969696;
vertical-align: bottom;
padding: 0px;
text-align: center;
height: 150px;
}

td#main
{
height: 100%;
text-align: left;
padding: 0px;
border: 0px dashed #969696;
}
table#container
{
height: 100%;
background: ;
margin: 0;
padding: 0;
border: 0px solid red;
}


td#footer
{
background: #E6E3E0;
border: 1px solid #d6d3d0;
padding: 5px 0px;
color: #666360;
text-align: center;
}



/**** header contents ****/
#serviceNavi
{
background: /*#FFF3D9*/ #006B00 /*#FECE62*/ ;
margin: 0;
padding: 0;
}


#mood
{
height: 150px;
width: 1002px;
margin: 0px;
padding: 0px;
background: #fff;
background:   url(/moods/bild-00.jpeg) no-repeat;
/*vertical-align: middle;*/
font-size: 0em;
color: transparent;
}




/*** logo ***/
#static_logo
{
float: right;
width: 250px;
}

#static_logo img
{
margin-top: 30px;
margin-right: 0;
border: 0px solid grey;
}
/** suche **/
#tools_search
{
background: #FFF3D9;
border-top: 1px solid #d6d3d0;
padding: 5px 20px;
}
#tools_search input.input
{
background: #f6f3f0;
padding: 2px;
margin: 5px 0 2px;
}
#tools_search input.button
{
display: inline;
border: 1px solid #fff;
padding: 0px 0px;
text-align: center;
margin: 2px 0px; 
background: #F6F3F0;
color: 666360;
}

/* main contents */



td#left
{
width: 220px ! important;
padding: 0;
border: 0px dotted red;
vertical-align: top;
height: 100%;
}


td#center
{
padding: 15px 20px 15px;
width: 520px ;
border-left: 1px dotted #969696;
background: white;
height: 100%;
}


td#center.no_margin
{
width: 750px;
height: 100%;
}


td#right
{
padding: 0px;
width: 220px;
height: 100%;
border-left: 1px dotted #969696;
}
td#right .block
{
border-bottom: 0px dotted #969696;
}

#bottom
{

}
/***  top contents ***/

/**** navlist meta ****/

#nav_meta
{
padding: 5px 0;
}
#nav_meta a, #nav_meta span
{
color: /*#363330*/  #FFF /*#CF6908*/;
font-weight: bold;
margin: 0;
padding: 5px 20px;
text-decoration: none;
}
#nav_meta a:hover,
#nav_meta .current,
#nav_meta .active
{
/**/background: /*#FECE62*/ #FECE62 /*#FFF3D9*/;
color: /*#CF6908*/ #CF6908 /*#000*/;
}

/**** language_navi ****/
#tools_language
{
background: #E6E3E0;
border-bottom: 0px solid #fff;
border-top: 0px solid #d6d3d0;
padding: 5px 20px;
font-weight: bold;
font-size: .9em;
}

/**** navlist basic ****/
p#nav_top
{
margin: 0;
padding: 5 0;
background: #006B00;
}
p#nav_top a, p#nav_top span
{
color: #fff;
font-weight: bold;
margin: 0;
padding: 5 20;
text-decoration: none;
}


#nav_top a:hover,
#nav_top .current,
#nav_top .active
{
background: #FECE62;
color: #CF6908;
}
/* center contents */


/**** Pagetitle ****/

.info_name,
.info_area,
h3 .info_name
{
border: 0px solid red;
margin: 0;
font-weight: bold;
color: #006B00;
padding: 0 0 10;
}

/**** left-contents ****/

/*** menu ul li ***/


.info_area
{ 
clear: both;
margin: 0;
font-weight: bold;
padding: 5 0 5 20;
background: #FECE62;
color: #CF6908;
border-top: 1px solid #fff;
}
.info_area a
{ 
color: #FFF;
text-decoration: none;
}
.info_area a:hover
{ 
color: #CF6908;
text-decoration: none;
}

div#nav_sub
{
background: #FEE3A6;
margin: 0;
padding: 0;
}
/***UL SUB ALLGEMEIN***/

div#nav_sub ul.sub
{
list-style: none outside;
margin: 0;
padding: 0;
}
div#nav_sub ul.sub li
{
border-top: 1px solid #fff; 
padding: 0;
margin: 0;
}
div#nav_sub ul.sub li a
{ 
display: block;
margin: 0;
padding: 5 5 5 0; 
text-decoration: none;
color: #CF6908;
}
div#nav_sub ul.sub li a:hover
{ 
background: #FECE62;
color: #CF6908;
}
div#nav_sub ul.sub li.active
{
font-weight: bold; 
}
div#nav_sub ul.sub li.active a
{
}
div#nav_sub ul.sub li.active a:hover
{ 
}
/***UL SUB UNTERGEOTDNET IN LI.ACTIVE***/

div#nav_sub ul.sub li.active ul
{
font-weight: normal;
background: #FFF3D9; 
}
/***Ausgewaehlter navigationspunkt - kein link***/

div#nav_sub ul.sub li.active span.current
{
display: block;
color: #CF6908;
font-weight: bold;
background: #FEE3A6;
padding: 5 5 5 0;
}

/*** ul .level_spezifisch ***/

div#nav_sub ul.sub.level_1 li.active span.current
{
}
div#nav_sub ul.sub.level_2 li a
{
padding-left: 20;
}

div#nav_sub ul.sub.level_2 li.active span.current
{
padding-left: 20;
background: #FECE62;
color: #CF6908; 
}
div#nav_sub ul.sub.level_3 li a,
div#nav_sub ul.sub.level_3 li.active span.current
{
background: #FEECC6;
font-weight: ;
padding: 5 5 5 20;
}

div#nav_sub ul.sub.level_4 li a,
div#nav_sub ul.sub.level_4 li.active span.current
{
background: #FFF3D9;
padding-left: 25;
}



/**** content-content ****/

td#center #content_main
{
margin: 0;
padding: 0 0;
border: 0px dashed #969696;

line-height: 150%;
}

/**** copytext ****/

#content_main .block
{
display: block;
margin: 0 0 10;
padding:  0;
}
#content_main hr
{
display: block;
margin-bottom: 5px;
}

img.regular
{
border: 1px solid #696969;
}
#content_main h1
{
margin: 0;
padding-bottom: 10;
color: #000;
}

#content_main h2 
{
padding-bottom: 0;
}

#content_main ul
{
padding-bottom: 5;
margin-bottom: 5;
margin-left: 20px;
line-height: 150%;
}

#content_main ol
{
padding-bottom: 5;
margin-bottom: 5;
margin-left: 30px;
line-height: 150%;
}
#content_main ul li,
#content_main ol li
{
padding: 5px 0;
}
#content_main ul
{
list-style: square outside;
}

/* imgBox */

div.image 
{
}



a.detailLink
{
display: block;
padding: 0;
margin: 0;
}

/* margin boxen */
#content_margin,
#content_margin td
{
}



#content_margin .block
{
padding: 5px 8px;
margin-top: 0px;
margin-bottom: 2px;
border: 0px solid red;
}
#content_margin h1
{
background: #FECE62;
color: #CF6908;
padding: 5px 8px;
}

#content_margin h2
{
padding: 0px 5px 10px;
margin-bottom: 0;
border-top: 1px solid #fff;
}

.info_mimeblocks
{
border-top: 0px solid #fff;
padding: 10px;
}


/**** footer contents ****/



/* BUTTONS */
/* fuer <a class="button"> und <input class="button"> + <input class="img_button">, soll bei allen gleich aussehen */

.button, 
.img_button 
{
border: 1px outset #B8B8B8;
margin-left: 1px;
background-color: #FECE62;
color: #CF6908;
font-weight: bold;
cursor: pointer;
text-align: left;
vertical-align: middle;
}

a.button, 
a.button:visited 
{
position:relative;
padding:2px 10px 2px 10px;
text-decoration: none;
color: #CF6908;
white-space: nowrap;
}
.img_button {
	background-color: blue;
}
a.button:hover, .img_button:hover, input.button:hover {
	border-color: #000;
}
/* VERSIONS ALTERNATE-STILE */

div#tools_versions 
{
padding: 0;
margin: 0;
border-top: 1px solid #d6d3d0;
}

div#tools_versions form.tools
{
padding: 5px;
margin: 0;
display: block;
clear: both;
border-bottom: 1px solid #d6d3d0;
}

div#tools_versions form#alternate_print 
{
}

div#tools_versions form#alternate_pdf 
{
}

div#tools_versions form#alternate_email 
{
}
div#tools_versions form.tools input.button
{
display: block;
clear: both;
width: 100%;
padding: 3px 0px 3px 25px;
border: 0px solid transparent;
}
div#tools_versions form#alternate_print .button 
{
background: url(/Images/ikons/ikon_print.gif) no-repeat;
}

div#tools_versions form#alternate_pdf .button 
{
background: url(/Images/ikons/ikon_pdf.gif) no-repeat;
}

div#tools_versions form#alternate_email .button 
{
background: url(/Images/ikons/ikon_mail.gif) no-repeat;
}
a.facebook_link 
{
background: url(/Images/ikons/ikon_fb.gif) no-repeat;
background-position: 5px 3px;
border-bottom: 1px solid #d6d3d0;
display: block;
margin: 0px;
padding: 8px 0px 8px 35px;
color: #CF6908;
cursor: pointer;
font-weight: bold;
font-size: 1em;
vertical-align: middle;
}
a.facebook_link:hover 
{
text-decoration: none;
}
div#tools_versions form#alternate_newsletter .button 
{
background: url(/Images/ikons/ikon_newsletter.gif) no-repeat;
}

/* TABELLEN-STILE */
table.regular 
{
text-align: right ! important;
background: #d6d3d0;
border-collapse: ;
}
table.regular td
{
background: #eee;
border-color: #fff;
border-width: 1px 0;
padding: 3px;
margin: 0;
}
table.invisible {
}
table.regular tr.odd {
}
/* gerade Reihen (2, 4, 6 etc.) */
table.regular tr.even {
}
table.regular tr.even td
{
background: #fdfdfd;
}
/* erste Reihe */
table.regular tr.first {
}
/* letzte Reihe */
table.regular tr.last {
}
/* erste Spalte */
table.regular td.first
{
text-align: left ! important;
}
/* letzte Spalte */
table.regular td.last {
}


/* SIMPLETABLE */

.simpleTable table.regular
{
border-collapse: collapse;
background: #fff;
}
.simpleTable table.regular td
{
background:  #fff;
border-width: 1px 0;
border-style: solid;
border-color: #d6d3d0;
padding: 8px 3px;
margin: 0;
}
.simpleTable table.regular td.title
{
background: #006B00;
color: #fff;
font-weight: bold;
padding: 5px 3px;
}
.simpleTable table.regular td.last
{
width: 25%;
}



/* FORMULARE */
form 
{
margin: 0;
padding: 0;
}
form.block 
{
/* Formular soll als Block dargestellt werden, z.B. bei "Seite per E-Mail verschicken" */
padding: 5px;
border: 1px solid #B8B8B8;
}
form.invisible 
{
/* "heimliche" Formulare, werden nicht eindeutig dargestellt */
background-color: transparent;
}
textarea.input, 
iframe 
{
width: 99%;
}
fieldset 
{
/* kommt u.a. vor unter "Seite als E-Mail versenden" und in Formularen */
border: none;
margin: 0;
padding: 10;
}
#anton_link_window fieldset 
{
border-bottom: 1px solid #B8B8B8;
}
fieldset.marked 
{
/* hervorgehobenes fieldset, soll gleich mit "tr.active td" / "td.active sein" (siehe Tabellen) */
background-color: #F2F2F2;
}
legend 
{
font-weight: bold;
}
label 
{
/* Beschreibung des Formularfeldes. display:block; ist wichtig, damit nach der Beschreibung ein Umbruch eingefuegt wird */
display: block;
cursor: pointer;
}
label.check 
{
/* Checkboxen-Labels werden nicht umgebrochen! */
display: inline;
}
.input 
{
margin: 0;
padding: 2 0;
width: auto;
}
.input.required 
{
/* Pflichtfelder */
}
.input.disabled 
{
/* inaktive Felder */
}
/* Fehlermeldungen */
p.error, 
label.error 
{
font-weight: bold;
color: red;
border-color: red;
}
input.error, 
textarea.error 
{
border-color: red;
}

select.input 
{
margin: 0;
padding: 0;
text-align: left;
width: auto;
}

/* LINKS ZUM SEITENANFANG */

.jumper_top 
{
border-top: 1px solid #DBDAA7;
padding: 5px 0;
}
.jumper_top a 
{
margin-bottom: 2em;
}
.block_jumper_top a 
{
/* Link am Ende eines Blocks */
margin-bottom: 2em;
}


/* generelles Margin fuer alle floatende Objekte */
.float_left 
{
margin: 0 10px 10px 0;
}
.float_right 
{
margin: 0 0 10px 10px;
}

/* Listen */
ul, 
ol 
{
}



/* Trennlinien zwischen Bloecken */
hr {
}


/*** BLOECKE ***********************************************/

/* Ausbau von Bloecken: <div class="..."><h1>...</h1><h2>...</h2><div class="block">...</div></div> */

.block 
{

/* Inhalt des Blocks, ohne h1/h2-Ueberschriften. Kann in einem Block auch mehrfach vorkommen. */
/* Hinweis: .block wird auch in der Ant-On! Hilfe verwendet */
}


/* "Tab"-Bloecke */
.tab_links
{
float: left;
display: block;
clear: both;
}
.tab_links a 
{
float: left;
margin-right: 3px;
white-space: nowrap;
padding: 1px 4px;
background-color: #eee;
border: 1px solid #ddd;
border-width: 1 1 0 1;
}
.tab_links .open 
{
background-color: #006B00;
color: #FFF;
cursor: default;
text-decoration: none;
border-color: #006B00;
}
.tab_links .closed 
{
}
.tab_links .separator 
{
width: 0;
}
.tab_view 
{

display: block;
clear: both;
border: 1px solid #ddd;
padding: 10px 0;
}
.tab_view h2
{
margin-bottom: 10px;
}

/* PROGRESS BAR */
#Progress_Bar_Bg 
{
position: absolute;
top: 0px;
left: 0px;
background-color: #CCC;
-moz-opacity: 0.75;
filter: alpha(opacity=75);
}
#Progress_Bar 
{
position: absolute;
top: 0px;
left: 0px;
width: 300px;
text-align: left;
}
* > #Progress_Bar 
{
width: 302px;
}
#Progress_Bar .block 
{
margin: 0px;
padding: 5px;
border: 1px solid black;
background-color: white;
font-size: 0.8em;
}
#Progress_Bar_Frame 
{
width: 300px;
border: 1px solid black;
border-bottom: none;
background-color: white;
}
#Progress_Bar_Index 
{
width: 0px;
height: 20px;
background-color: blue;
}
#Progress_Bar_Image 
{
margin-bottom: 10px;
text-align: center;
}

/* GOOGLE MAPS */

.google_map_conf {
	display: none;
}
.google_map {
}
.google_map .block {
	height: 400px;
}

/* WETTERBOX */

iframe#wetterbox {
display: block;
clear: both;
width: 100%;
height: 180px;
background-color: #efefef;
border-bottom: 1px solid #dedede;
}
/* ANT-ON ************************************************/
.anton_close_props
{
position: relative;
top: 5px;
}

/* Aenderungen sind hier nicht notwendig */

.anton_block 
{
border: 3px dotted #BFE0BC;
}
.anton_block form.block 
{
margin-bottom: 0 !important;
}
.anton_margin 
{
border: 3px dotted #369;
}
.collection.old 
{
border: 3px solid #B8B8B8;
}
.collection.new 
{
border: 3px solid #30B568;
}
.anton_block, .collection 
{
margin-bottom: 10px;
margin-top: 10px;
padding-bottom: 0;
padding: 5px;
}
.anton_block form 
{
margin-bottom: 0;
}
.preview_block 
{
border: 3px dotted #ABABAB;
padding: 5px 5px 15px 5px;
margin-bottom: 15px;
}
.hideable .anton_lang, 
.hideable .anton_lang *, 
.tab_view .anton_lang, 
.tab_view .anton_lang *
{
color: green;
}
#anton_link_window 
{
padding: 10px;
}
#anton_link_window .input 
{
width: 94%;
}

/* Buttons der Toolbar */
.button_group .img_button 
{
margin: 0px 0px 2px 0px;
}
.button_group 
{
padding: 0px 10px 0px 0px;
white-space: nowrap;
}


/*** BITTE NICHT AENDERN **************************************/
.align_right 
{
float: right;
}
.clear
{
clear: both;
}
.float_left 
{
display: block;
float: left;
}
.float_right 
{
display: block;
float: right;
}

/**************  BGD  **********************/

/* 
colors:
orange: #FF6600
blau: #0068C6
blau80 :3386D1
blau60 :66A4DD
blau40 :99C3E8
blau20 :CCE1F4
blau10: E6F0F9
*/
#BGD td#header
{
height: 200px;
}
#BGD #mood
{
height: 200px;
width: 1002px;
}

#BGD #static_logo img
{
margin-top: 25px;
}

#BGD #serviceNavi
{
background: ;
}
/**** navlist meta ****/

#BGD #nav_meta
{
background: #e2e2e2;
}
#BGD #nav_meta a, #nav_meta span
{
color: #666;
}
#BGD #nav_meta a:hover,
#BGD #nav_meta .current,
#BGD #nav_meta .active
{
background: ;
color: #0068C6;
}

#BGD #center .info_name,
#BGD #content_main h1
{
color: #0068C6;
}

#BGD #center a
{
color: #FF6600;
}
/*** menu ul li ***/


#BGD #left .info_area
{ 

background: #0068C6;
color: #FFF;
}
#BGD #left .info_area a
{ 
color: #FFF;
text-decoration: none;
}
#BGD #left .info_area a:hover
{ 
color: #FFF;
text-decoration: none;
}

#BGD #left div#nav_sub
{
background: #e2e2e2;
margin: 0;
padding: 0;
}
/***UL SUB ALLGEMEIN***/

#BGD #left div#nav_sub ul.sub
{
list-style: none outside;
margin: 0;
padding: 0;
}
#BGD #left div#nav_sub ul.sub li
{
border-top: 1px solid #fff; 
}
#BGD #left div#nav_sub ul.sub li a
{
color: #666; 
}
#BGD #left div#nav_sub ul.sub li a:hover
{ 
color: #0068C6;
background-color: transparent;
}
#BGD #left div#nav_sub ul.sub li.active
{ 
}
#BGD #left div#nav_sub ul.sub li.active a
{
}
#BGD #left div#nav_sub ul.sub li.active a:hover
{ 
}
/***UL SUB UNTERGEOTDNET IN LI.ACTIVE***/

#BGD div#nav_sub ul.sub li.active ul
{ 
}
/***Ausgewaehlter navigationspunkt - kein link***/

#BGD div#nav_sub ul.sub li.active span.current
{
}

/*** ul .level_spezifisch ***/


#BGD #left div#nav_sub ul.level_2 li a
{
font-weight: bold;
}
#BGD #left div#nav_sub ul.level_2 li.active a
{
background: #3386D1;
color: #fff;
}
#BGD #left div#nav_sub ul.level_2 li.active span.current
{
background: #3386D1;
color:#fff;
}

#BGD #left div#nav_sub ul.level_2 li.active ul.level_3 li a
{
background: #CCE1F4;
color: #666;
font-weight: normal;
}
#BGD #left div#nav_sub ul.level_2 li.active ul.level_3 li a:hover
{

background: #99C3E8;
color:#fff;
}
#BGD #left div#nav_sub ul.level_2 li.active ul.level_3 li.active a
{
background: #99C3E8;
color:#fff;

font-weight: bold;
}
#BGD #left div#nav_sub ul.level_2 li.active ul.level_3 li.active span.current
{
background: #99C3E8;
color:#fff;

font-weight: bold;
}

#BGD #left div#nav_sub ul.level_2 li.active ul.level_3 li.active ul.level_4 li a
{
background: #E6F0F9;
color: #666;
padding-left: 30;
font-weight: normal;
}

#BGD #left div#nav_sub ul.level_2 li.active ul.level_3 li.active ul.level_4 li a:hover
{
background: #fff;
color: #0068C6;
}


#BGD #left div#nav_sub ul.level_2 li.active ul.level_3 li.active ul.level_4 li.active a
{
background: #E6F0F9;
}

#BGD #left div#nav_sub ul.level_2 li.active ul.level_3 li.active ul.sub.level_4 li.active span.current
{
background: #E6F0F9;
color: #0068C6;
padding-left: 30;

font-weight: bold;
}

/** content_margin **/
#BGD #content_margin h1
{
background: #0068C6;
color: #FFF;
}

#BGD #content_margin .block td
{
font-size: .7em;
}
#BGD #content_margin a
{
color: #0068C6;
}

/** suche **/
#BGD #left #tools_versions form.tools
{
padding-left: 20px;
}
#BGD #left #tools_versions input.button
{
color: #666;
font-weight: normal;
}
/** suche **/
#BGD #tools_search
{
background: #FFDFC9;
border-top: 1px solid #FFF;
}
#BGD #tools_search input.input
{
background: #f6f3f0;
}
#BGD #tools_search input.button
{ 
background: #FFC7A2;
color: #FF6600;
}