/****

+ colorList +
red:COLOR="#E00013"
blue:COLOR="#015097"
light-blue1:COLOR="#E5EDF4"
light-blue2:COLOR="#DBE6F0"
light-grey COLOR="#D6D3D0"
+ structure +
body-#base-#container[#top,#header,#galery,#main,#footer]


****/



body
{
background: #E5EDF4;
}

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


*
{
margin: 0;
padding: 0;
}
a
{
text-decoration: none;
color: #015097;
}
a.active
{
text-decoration: none;
color: #E00013;
}
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 ****/

h1
{
font-size: 1.1em;
}
h2
{
font-size: 1.05em;
}
h3
{
font-size: 1.0em;
}
hr
{
font-size: 0;
line-height: 0;
}




/**** Layout ****/


table#baseContainer
{
width: 965px;
border: 1px solid #dedede;
background: #fff;
margin: 0;
padding: 0;
height: 100%;
border: 0px solid red;
}

td#header
{
border: 0px dashed #969696;
vertical-align: bottom;
}

#main
{
text-align: left;
padding: 0;
background: #DBE6F0;
}

#footer td
{
background: #E6E3E0;
border-top: 1px solid #d6d3d0;
padding: 5px 20px;
color: #666360;
font-size: .6em;
}



/**** header contents ****/



#mood
{
height: 215px;
margin: 0px;
padding: 0px;
background: #fff;
background:   url(/Images/moods/nina-750-215.jpg) no-repeat;
/*vertical-align: middle;*/
font-size: 0em;
color: transparent;
}
#content_main .mood .block {
margin: 0;
padding: 0;
}
#content_main .mood img {
border: none;
}


/*** logo ***/

#static_logo
{
display: block;
clear: both;
width: 215px;
margin: 0;
padding: 0px 0px 40px;
text-align: center;
border: 0px solid blue;
}
#static_logo img
{
border: 0px solid grey;
}
/** suche **/
#tools_search
{
background: #E6E3E0;
border-bottom: 1px solid #fff;
border-top: 1px solid #d6d3d0;
padding: 10px 20px;
}
#tools_search input.input
{
background: #f6f3f0;
padding: 0 2px;
margin: 5px 0 2px;
}
#tools_search input.button
{
display: inline;
border: 1px solid #fff;
padding: 0px;
text-align: center;
margin: 2px 0px; 
background: #F6F3F0;
color: 666360;
}

/* main contents */

#serviceNavi
{
background: #D6D3D0;
margin: 0;
padding: 0;
}

td#left
{
padding: 0 0 0;
width: 215px;
border: 0px dotted #969696;
}
td#column_left
{
padding: 15 10;
width: 225px;
border: 0px dotted #969696;
}

td#center
{
padding: 15px 25px 15px;
width: 535px;
width: 495px ! important;
border-left: 1px dotted #969696;
background: white;
height: 100%;
}

td#center.no_margin
{
width: 750px;
width: 700px ! important;
}

td#right
{
padding: 3px 0;
width: 215px;
border: 0px solid blue;
}
td#right .block
{
padding: 5px 10px;
border-bottom: 0px solid #fff;
}

#bottom
{

}
/***  top contents ***/

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

#nav_meta
{
font-size: .9em;
padding: 5px 0;
}
#nav_meta a, #nav_meta span
{
color: 363330;
font-weight: bold;
margin: 0;
padding: 5px 20px;
text-decoration: none;
}
#nav_meta a:hover,
#nav_meta .current,
#nav_meta .active
{
background: #E5EDF4;
color: 015097;
}

/**** 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: 5px 12px;
background: #015097;
}
p#nav_top a, p#nav_top span
{
color: #fff;
font-weight: bold;
margin: 0;
padding: 5px 13px;
text-decoration: none;
}


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


/**** Pagetitle ****/

.info_name,
.info_area,
h3 .info_name
{
border: 0px solid red;
margin: 0;
font-weight: bold;
font-size: 1em;
color: #e50000;
padding: 0 0 10;
font-size: 1.1em;
}

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

/*** menu ul li ***/


td#left .info_area
{
border: 0px solid red;
margin: 0;
padding: 15px 20px 10px;
background: #fff;
}
#nav_sub
{
border: 0px solid red;
margin: 0;
padding: 0px 0px 8px;
background: #fff;
border: 0px solid red;
}
#nav_sub li
{
padding: 0px 5px 5px 20px;
}
#nav_sub a
{
display: block;
color: #015097;
margin: 0;
padding: 0;
font-weight: bold;
}
#nav_sub a:hover
{
color: #000;
text-decoration: none;
}
#nav_sub li.active a
{
padding: 0;
font-weight: bold;
}
#nav_sub span.current
{
color: #E00013;
padding: 0;
font-weight: bold;
}


#nav_sub .level_3
{
display: block;
padding-top: 8px;
}

#nav_sub .level_3 a,
#nav_sub li.active .level_3  a,
#nav_sub .level_3 span.current 
{
font-weight: normal;
padding-left: 0;
}



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

#content_main
{
display: block;
clear: both;
margin: 0;
padding: 10 0;
border: 0px dashed #969696;

line-height: 150%;
}

/**** copytext ****/

#content_main .block
{
display: block;
margin: 0 0 10;
padding:  5 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 h3
{
color: #015097;
}
#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;
}
#content_main .block u
{
text-decoration: none;
font-weight: bold;
color: #e00013;
}

/* imgBox */

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

/* teaser listviews */


.copyList .copyBlock
{
clear: both;
float: left;
width: 100%;
}
.copyList .copyBox
{
float: left;
width: 75%;
}

.copyList .imgBox
{
float: left;
width: 20%;
margin-right: 10;
}

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

/* margin boxen */
#content_margin, #content_margin td
{
border-bottom: 1px solid #fff;
font-size: .8em;
}



#content_margin .block
{
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 2px;
}
#content_margin h1
{
background-color: #015097;
color: #fff;
padding: 5px 10px;
}

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

.info_mimeblocks
{
font-size: .8em;
border-top: 0px solid #fff;
padding-top: 10px;
padding-bottom: 10px;
}


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

#footer td.footer_left
{
text-align: left;
font-size: .6em;
padding-top: 12px;
}
#footer td.footer_right
{
text-align: left;
}

#footer td.footer_right img,
#footer td.footer_right a
{
display: inline;
border: 0px solid transparent;
padding-left: 5px;
margin: 0;
}

#footer td.footer_right .block,
#footer td.footer_right .clear
{
display: inline;
border: 0px solid red;
padding: 0;
margin: 0;
}

/* 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: transparent;
	color: #666;
	cursor: pointer;
	text-align: left;
	vertical-align: middle;
	font-size: .8em;
}

a.button, a.button:visited {
	position:relative;
	padding:2px 10px 2px 10px;
	text-decoration: none;
	color: #015097;
	font-size:0.9em;
	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;
}

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

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: 2px 0px 2px 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;
}
div#tools_versions form#alternate_newsletter .button 
{
background: url(/Images/ikons/ikon_newsletter.gif) no-repeat;
}

/* TABELLEN-STILE */
table.regular {
background: #fff;
border-collapse: collapse;
}
table.regular tr.regular{
}
table.regular td{
background: #eee;
border: 1px solid #fff;
padding: 5px 10px 5px 10px;
margin: 0px;
}
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;
padding-left: 5px;
}
/* letzte Spalte */
table.regular td.last {
}


/* SIMPLETABLE */

.simpleTable table.regular
{
}
.simpleTable table.regular td
{
background: #fff;
border-bottom: 1px solid #6D6E71;
}

.simpleTable table.regular tr.first td
{
border-top: 1px solid #6D6E71;
}
.simpleTable table.regular tr.first td.title
{
}
.simpleTable table.regular tr.regular td.title u
{
color: #007AC3 ! important;
}


 /* Weisse Zahlentabellen */

.keyfigures_table table.regular tr.regular td {
text-align: right ! important;
}
.keyfigures_table table.regular tr.regular td.first {
text-align: left ! important;
}
/* Farbige Zahlentabellen */


/* hervorgehoben stanard blau */
.colored table.regular tr.regular td.title {
background-color: #DBE6F0;
border-bottom: 1px solid #6D6E71;
}
.colored table.regular tr.first td
{
border-bottom: 1px solid #ED1B2E;
background: ;
color: ;
font-weight: ;
padding: ;
}
.colored table.regular tr.first td.title {
background-color: #DBE6F0;
border-bottom: 1px solid #ED1B2E;
}




/* 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;
font-size: ;
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;
font-size: .9em;
width: auto;
}

/* LINKS ZUM SEITENANFANG */

.jumper_top {
	border-top: 1px solid #E00013;
	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 {
}


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

/* 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 a {
	margin-right: 1em;
	white-space: nowrap;
	padding:1px;
}
.tab_links .open {
	background-color: #B8B8B8;
	color: #000;
	cursor: default;
	text-decoration: none;
}
.tab_links .closed {
}
.tab_links .separator {
	width: 0px;
}
.tab_view {
	border: 5px solid #B8B8B8;
	padding: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;
}

/* 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;
}
.char_select {
	position: absolute;
	width: 209px;
	padding: 2px;
	border: 1px solid #CECECE;
	background-color: #ECECEC;
}
.char_select a {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	margin: 2px;
	border: 1px solid #CECECE;
	background-color: white;
	color: #000;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}
.char_select a:hover {
	border-color: #555;
}

/* GOOGLE MAPS ************************************************/

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

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