@charset "utf-8";
@font-face {
    font-family: 'sakkal';
    src: url('../schriftarten/majalla-webfont.woff2') format('woff2'),
         url('../schriftarten/majalla-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align:center;
}

/* ------------------------------------------------------------ ALLGEMEIN --- */
h1,h2,p,td,span,div,input,a{
    font-family: 'sakkal', sans-serif;
    font-size: 24px;
    color: white;
    line-height: 100%;
    text-align:left;
}
img{
    padding: 0px;
    margin: 0px;
    border: 0px none;
}
img.icon{
    padding: 3px 5px 0px 0px;
    float:left;
    display: block;
}
h1{
	font-size: 35px;
	color: #edbc8d;
        font-weight: 400;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
        text-shadow: 2px 2px 1px black;
}
h2{
	font-size: 18px;
        color: white;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
}
div#content h2{
	font-size: 24px;
        color: white;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
h3{
	font-size: 24px;
        font-weight: normal;
	color: #edbc8d;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
p{
	margin: 0px 0px 15px 0px;
	line-height: 100%;
}
    .blau-fett{font-weight: 700; }
    .blau-versalien{text-transform: uppercase; }
    .rot{ color: #d10000; }
    h3 p{ margin: 0px 0px 0px 0px; }
    
ol{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 10px 15px;
}

ul{
	margin:0px;
	padding:0px 0px 10px 15px;
	list-style-type: disc;
}
li{
	padding:0px 0px 5px 0px;
        
}
ul li ul{
	margin:0px;
	padding:0px 0px 10px 30px;
	list-style-type: square;
}
div#content ul li,
div#content ol li
{
	padding:0px 0px 15px 0px;
        line-height: 150%;
}
table{
	margin: 0px 0px 10px 0px;
	border-collapse: collapse;
	border: 0px none;
}
td{
	text-align: left;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	border: 0px none;
}
table.galerie{
	margin: 0px 0px 15px 0px;
	border-collapse: collapse;
	border: 0px none;
}
td.galerie{
	text-align: left;
	vertical-align: top;
	padding: 5px 15px 5px 0px;
	border: 0px none;
}
table.blautab{
	background: #f4f7f9;
}

input, textarea, select{
	border: 1px solid;
	border-color: #023f40;
        padding: 5px;
        background: #f4f7f9;
}
input{
        width: 425px;
}
input.button{
        width: 75px;
        text-align: center;
        color: #fff;
        background: #163782;
        cursor: pointer;
}
textarea{
	width: 425px;
        height: 154px;
}
select{
	padding: 2px 2px 2px 2px;
}
option{
	padding: 0px 10px 0px 0px;
}
table.kf tr td.zelle_links{
        padding: 5px 0px 5px 5px;
}
table.kf tr td.zelle_links input{
        border-right: 0px none;
        width:207px;
}

table.kf tr td.zelle_rechts{
        padding: 5px 0px 5px 0px;    
}
table.kf tr td.zelle_rechts input{
        width:207px;
}

hr{
  background-color:#edbc8d;
  color: #edbc8d;
  color: #edbc8d;
  height:1px;    
  border: 0px; /* Für Firefox und Opera */
}

div.hl{
    padding: 0px 3px 3px 3px;
}

a{ 
    color: #edbc8d;
    /* text-decoration: underline; */
    font-weight: normal;
    
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    display: inline-block;
    line-height: 0.65;
}
a:hover{
    text-decoration: none;
}
iframe{
    border: 0px none;
}
div.fancybox-overlay a{
    text-decoration: none;border:0px none;
}
/* --------------------------------------------------- BEREICH: Container --- */
div#container{
	width: 960px;
	height: auto;
	margin: 0px auto;
        
}
div#hauptbereich{
	width: 960px;
	height: auto;
	margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
	float:left;
        text-align: left;
        
        box-shadow: 0px 0px 30px 1px #000;
	-moz-box-shadow: 0px 0px 30px 1px #000;
	-webkit-box-shadow: 0px 0px 30px 1px #000;
        
        background: rgba(255, 255, 255, .2);
}

/* ------------------------------------------------------ BEREICH: Header --- */
div#header{
	width: 960px;
	height: 304px;
	margin: 0px 0px 91px 0px;
	float: left;
}
div#banner{
	width: 960px;
	height: 271px;
	margin: 0px 0px 0px 0px;
	float:left;
}
div#querbalken{
	width: 960px;
	height: 33px;
	margin: 0px 0px 0px 0px;
        background-color: #004f81;
	float: left;
}
div#sprachauswahl{
	width: 78px;
	height: 27px;
	margin: 6px 0px 0px 842px;
	float: left;    
}
a.flagge_de{
	width: 34px;
	height: 21px;
	margin: 0px 0px 0px 0px;
        background: url('../pics/flagge_de.gif') -68px 0px;
        text-decoration: none;
        border: 0px none;
        display: block;
	float: left;      
}
a.flagge_en{
	width: 34px;
	height: 21px;
	margin: 0px 0px 0px 10px;
        background: url('../pics/flagge_en.gif') -68px 0px;
        text-decoration: none;
        border: 0px none;
        display: block;
	float: left;      
}
a.sprache_aktiv{
        background-position: 0px 0px;
        cursor: default;
}
a.flagge_de:hover, a.flagge_en:hover{
        background-position: -34px 0px;    
}
div#logo{
	width: 520px;
	height: 132px;
	float: left;
        position: absolute;
        top: 226px;
        left: 50%;
        margin: 0px 0px 0px -517px;
}
a.fancybox{text-decoration: none;border:0px none;}
/* ------------------------------------------------------- BEREICH: Links --- */
div#bereich-links{
	width: 230px;
	height: auto;
        margin: 0px 3px 0px 15px;
	float: left;
}

div#navigation{
	width: 230px;
	height: auto;
	margin: 0px 0px 0px 0px;       
	float: left;
}
div#navigation ul{
	width: 230px;
	height: auto;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
        list-style-type: none;
	text-align: left;
}
div#navigation ul li{
	width: 212px;
	height: 48px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#navigation ul li a,
div#navigation ul li a.aktiv
{       
    	width: 192px;
	height: 28px;
        font-size: 24px;
        text-decoration: none; 
        text-align: right;
        margin: 0px 0px 0px 0px;
        padding: 20px 20px 0px 0px;
        display:inline-block;
        color: white;
        font-weight: normal;
        border-bottom: 0px none;
        line-height: 0;
}
div#navigation ul li a:hover
{       
    color: #edbc8d;
}
div#navigation ul li a.aktiv
{       
    background-image: url(../pics/highlighter_li.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    color: #edbc8d;
}

    div#navigation ul li:first-child a{border: 0px none;}

div#navigation ul li a.up,
div#navigation ul li a.upaktiv
{
    background-image: url(../pics/highlighter_li.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    color: #edbc8d;
    
    
}
div#navigation ul li a.hnpaktiv{
    background-image: url(../pics/highlighter_li.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    color: #edbc8d;
}
    div#navigation ul li.spacer{height: 3px;}    
    
/* ------------------------------------------------------- BEREICH: Mitte --- */
div#bereich-mitte{
	width: 463px;
	height: auto;
        margin: 3px 18px 0px 0px;        
	float:left;
}
div#content{
	width: 463px;
	height: auto;
	margin: 0px 0px 15px 0px;
	float:left;
}
div#textbereich{
	width: 463px;
	height: auto;
	margin: 0px 0px 0px 0px;
	float:left;
}
/* ------------------------------------------------------ BEREICH: Rechts --- */
div#bereich-rechts{
	width: 216px;
	height: auto;
        margin: 0px 0px 0px 0px;
	float:left;
    background-image: url(../pics/highlighter_re.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;        
}
div#seitenbox-news{
	width: 176px;
	height: auto;
        margin: 0px 0px 0px 15px;
        padding: 10px 0px 5px 0px;         
}
div#seitenbox-news a{
	width: auto;
	height: auto;
        margin: 0px 0px 5px 8px;
        font-size: 18px;
}
div#seitenbox-news p{
	margin: 0px 0px 0px 8px;
        font-size: 18px;
    }
div#seitenbox-news p.newsort{
	margin: 0px 0px 15px 8px;
        font-size: 18px;
    }
div#seitenbox-news p.newsdatum{
	margin: 0px 0px 15px 0px;
        padding: 5px 0px 0px 8px;
        font-size: 18px;
        background: #015082;
    }
h3.news{
	margin: 0px 0px 15px 0px;
        padding: 10px 0px 0px 10px;
        font-size: 24px;
    }