﻿/* ----------------------------- */
/*        Reset/Global           */
/* ----------------------------- */


html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, img, ins, kbd, q, s, samp, small, strike, tt, var, 
u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {  quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {
  content: '';
  content: none;
}



BODY
{
    background-color: #eee;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
    margin-top:10px;
    margin-bottom:10px;
    font:13px Open Sans,Arial,Helvetica,sans-serif;
    color:#000
}

#Container {background-color:#eee;}

.clearafter:after { content: ''; display: block; clear: both; }
#wrapper{width:960px;margin:0 auto;background-color:#fff;}
.kopfbanner{}
.kopfbanner img{width:100%}
.kopflinks{width:60%;position:relative;float:left}
.kopflinside{margin-top:5px;margin-left:5px}
.kopftitel{margin-top:10px;font:1.2em Lato;color:#412C74;font-weight: 300}
.kopfmitte{width:5%;position:relative;float:left}
.kopfrechts{width:30%;position:relative;float:right; padding:10px;}

#Content h1,#Content h2,#Content h3,#Content h4
  {font-family:Lato;color:#412C74;font-weight:300}
  
  #Content h1{font-size:2em}
  #Content h2{font-size:1.7em}
  #Content h3{font-size:1.4em}
  #Content h4{font-size:1.1em}
#Content ul{margin-left:15px;list-style-type:circle}
A img {border-width: 0}
A.farbe:link 
	{
	COLOR: #313a7b; TEXT-DECORATION: none 
	}

A:link 
	{
	COLOR: #313a7b; TEXT-DECORATION: none 
	}
.divNav A:link 
	{
	COLOR: #000; TEXT-DECORATION: none 
	}

A:active 
	{
	 COLOR: #313a7b; TEXT-DECORATION: none 
	}
.divNav A:active 
	{
	 COLOR: #FFFFFF; TEXT-DECORATION: none 
	}
A:visited 
	{ 
	COLOR: #000000; TEXT-DECORATION: none 
	}
.divNav A:visited 
	{ 
	COLOR: #000000; TEXT-DECORATION: none 
	}
A:hover 
	{ 
	COLOR: #000000; TEXT-DECORATION: none 
	}
.bannerbalken {
    width: 100%;
    height: 10px;
    top: 0px;
    position: relative;
    float: none;
    background-color: #FF8000;
}
#kopf_nav{
    right: 20%;
    position: relative;
    float: right;
    display: block;
}
ul.level_1{
    min-height:20px;
    padding-top:5px;
    padding-right:10px;
    padding-left:10px;
    background-color: #83B600;
    margin-top:0;
}
ul.level_1 li {
    position: relative;
    float:left;
    display:block;
    border-right: 1px solid #FFF;
    font-size: 0.8em;
}
ul.level_1 li.last {
    border-right: 0px solid #FFF;
}
ul.level_1 li a {
    display: block;
    padding-right: 6px;
    padding-left: 6px;
    text-decoration: none;
    color: #FFF;
    text-transform: uppercase;
}
.header{
    background-color:#ffffff;
    padding-right: 5px; 
    padding-left: 5px; 
    width: 98%;
    
}
.headerleft, .headermiddle, .headerright{
    float:left;
    padding:5px;
}
.headerleft{width:25%;}
.headermiddle{width:20%;}
.headerright{
    right: 20%;
    position: relative;
    float: right;
    display: block;
}
.Header_number {
    font: 300 1.5em/2.0em Lato;
    color: #FF8000;
}
.Header_adress {
    font-size: 10px;
    font-weight: bold;
    color: #00B0D4;
    text-transform: uppercase;
}
.headerspace {clear:both;}




.divNav A:hover
{
    color: #000000;
    text-decoration: underline;
}
.divContent A
{
    color: #313a7b;
    text-decoration: none;
}
.divContent A:hover
{
    color: #313a7b;
    text-decoration: underline;
}

.Contentlink A:hover
{
    color: #313a7b;
    text-decoration: underline;
}
.Contentlink A
{
    color: #313a7b;
    text-decoration: none;
}

	
SMALL	{	
	font-size:	.7em;
	text-align:left;
	}	
SMALL	.eng{	
	font-size:	.8em;
    color: #313a7b;
    font-style: italic;
	}	

BIG	{	
	font-size:	1.17em;
	}	

.noblock
{
    background-color : #FFFFFF;
    color: #000000;
    font-family: Tahoma, Helvetica, sans-serif;
    font-weight: normal;
    font-size :11pt;
    text-align: left;
}

.divContent .eng
{
    background-color: #FFFFFF;
    color: #313a7b;
    font-family: Tahoma, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    font-style: italic;
}
.divContent B
{
    font-weight:bold;
    color : #313a7b;
}

.Sitzungstitel
{
    font-size :14px;
    font-weight:bold;
}

.ContentMenu {    font-size :1.2em;}

.ContentSubMenu
{
    padding: 2px;
    font-size: 10px;
    background-color: #8582ad;
    color: #FFFFFF;
}
.ContentSubMenu A {color: #FFFFFF;}
.ContentSubMenu A:hover{color: #FFFFFF; text-decoration: underline;}
.NavSubMenu
{
    font-size: 12px;
    background-color: #313a7b;
    color: #FFFFFF;
}
.NavSubMenu A {color: #FFFFFF;}
.NavSubMenu A:hover{color: #FFFFFF; text-decoration: underline;}

.klein{font-size:	.8em;text-align:center;}
.ContentTextRight{text-align:right;}
.divHeader
{
    background-color: #ffffff;
    font-family: Tahoma, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;

}
.divHeader H1
{
    font-size :20pt;
    font-weight:bold;
    color : #000000;
}
.divHeader H2
{
    font-size :12pt;
    font-weight:bold;
    color : #000000;
}
.divHeader H3
{
    font-size :16pt;
    font-weight:bold;
    color : #000000;
}

.divNav
{
    background-color: #F0F0F0;
    font-family: Tahoma, Helvetica, sans-serif;
    font-weight: normal;
    color: #000;
    font-size :12px;
    
    border: 1px solid #412C74;
}
.divSpacer
{
    background-color: #ffffff;
    font-family: Tahoma, Helvetica, sans-serif;
    font-weight: normal;
    color: #ffffff;
}

.divTitle A
{
    color: #FFFFFF;
}
.divTitle
{
}
.divTitle H1
{
    font-size :14pt;
    font-weight:bold;
    color : #FFFFFF;
}
.divTitle H1 .eng
{
    font-size :14pt;
    font-weight:bold;
    color : #FFFFFF;
    font-style: italic;
}
.divTitle H2
{
    font-size :13pt;
    font-weight:bold;
    color : #FFFFFF;
}
.divTitle H3
{
    font-size :12pt;
    font-weight:bold;
    color : #FFFFFF;
}
.divSelectAID{    background-color: #c2bfb4;}
.TableBorder
{
    border-color: #005189;
    vertical-align: top;
}
.TableBorder A:hover
{
    color: #005189;
    text-decoration: underline;
}
.TableBorder A
{
    color: #005189;
    text-decoration: none;
}

.LinkButton
{
    font-size: 12px;
    color: #005189;
    font-family: Tahoma, Helvetica, sans-serif;
	background-color:#f6f6f6;
	background-image:url('img/button.png');
	background-image:linear-gradient(center top,#f6f6f6 10%,#d5d5d5 90%);
	background-image:-moz-linear-gradient(center top,#f6f6f6 10%,#d5d5d5 90%);
	background-image:-webkit-gradient(linear,0% 0%,0% 100%,color-stop(0.1,#f6f6f6),color-stop(0.9,#d5d5d5));
	background-position:bottom;background-repeat:repeat-x;border:1px solid #7c7c7c;border-radius:1px;-moz-border-radius:1px;color:#434343;cursor:pointer
    }
.LinkButton:Hover
{
    font-size: 12px;
    color: #005189;
    font-family: Tahoma, Helvetica, sans-serif;
    background-color:#c8c8c8;
	background-image:url('img/button-hover.png');
	background-image:linear-gradient(center top,#f6f6f6 10%,#c8c8c8 90%);
	background-image:-moz-linear-gradient(center top,#f6f6f6 10%,#bdbcbc 90%);
	background-image:-webkit-gradient(linear,0% 0%,0% 100%,color-stop(0.1,#f6f6f6),color-stop(0.9,#c8c8c8));
	background-position:bottom;background-repeat:repeat-x;border:1px solid #737f91;color:#1e1e1e;cursor:pointer}
.absText
{
    text-align: justify;
}
.RegTextB{color:Black;font-size:9pt;font-family:Tahoma;font-weight:bold}
.RegVal{color:Red;font-size:8pt;font-family:Tahoma;font-weight:bold; text-align:left;}
.RegValSum{color:Red;font-size:10pt;font-family:Tahoma;font-weight:bold;  text-align:left;}
.RegTextP{color:Blue;font-size:8pt;font-family:Tahoma}
.RegTextEfn{font-size:11px;}
.RegTextAdb{color:Black;font-size:8pt;font-family:Tahoma}
.RegHead{color:Black;font-size:10pt;font-family:Tahoma;font-weight:bold}
.RegMoney{text-align:right}
.LogText{color:Black;font-size:9pt;font-family:Tahoma;font-weight:normal}
.LogVal{color:Red;font-size:8pt;font-family:Tahoma;font-weight:normal}
.LogTextExt{color:GrayText;font-size:11pt;font-family:Tahoma;font-weight:bold}
.LogValExt{color:Red;font-size:9pt;font-family:Tahoma;font-weight:normal}
.LogTextHeader{color:Black;font-size:10pt;font-family:Tahoma;font-weight:bold}
.Impressum_HauptUeberschrift1{color:Black;font-size:16pt;font-family:Tahoma;font-weight:bold;vertical-align:top}
.Impressum_HauptUeberschrift2{color:Black;font-size:14pt;font-family:Tahoma;vertical-align:top}
.Impressum_Ueberschrift{color:Black;font-size:10pt;font-family:Tahoma;font-weight:bold;vertical-align:top}
.Impressum_Text{color:Black;font-size:10pt;font-family:Tahoma;vertical-align:top}
.Impress{color:Red;font-size:15pt}
.tb_box {color:Black;font-size:9pt;font-family:Tahoma;font-weight:normal;border-color:#D0D0D0;border-width:1px;border-style:Solid;}
.tb_Textbox
{
    color: Black;
    font-size: 9pt;
    font-family: Tahoma;
    font-weight: normal;
    border-color: #D0D0D0;
    border-width: 1px;
    border-style: Solid;
    overflow: auto;
}
.hinweis { border-style: Solid; border-color: #94213c;}
ul.process {
    margin:0;
}
ul.process > li {
    float:left;
    position:relative;
    display:inline;
    padding:3px 12px;
    border:solid 1px #ccc;
    font-weight:bold;
    
}
ul.process > li.active{
    background-color:Purple;
    color:White;
}
ul.process > li.finish{
    background-color:Green;
    color:White;
}


#JH  {font-size: 0.8em}
#JH tr {text-align:center}
#JH td {text-align:right}
#Content {
  /* background-color: rgb(255, 255, 255);*/
  padding:5px;   
}
    #Content .coler{
        width:100%;
    }
    #Content .colinl{
        width:30%;
        float:left;
        padding-right:10px;
        text-align:right;
    }
    #Content .colinr{
        width:60%;
        float:left;
    }


/* Smartphones (portrait and landscape) */
@media screen and (max-width: 768px) {
/* CSS Styles */
    #Content{
    font-size: 0.8em;
    }
    #Content .colinl{
        width:90%;
        float:none;
        text-align:left;
    }
    #Content .colinr{
        width:90%;
        float:none;
    }
}    
/* Tablets (portrait and landscape) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
/* CSS Styles */
}

/* Desktops and Laptops */
@media screen and (min-width: 1025px) {
/* CSS Styles */
}