/* first for IE 4–8 */
@font-face {
	font-family: DaxWeb-Light;
	src: url("fonts/DaxWeb-Light.eot");
}

/* then for WOFF-capable browsers */
@font-face {
	font-family: DaxWeb-Light;
	src: url("fonts/DaxWeb-Light.woff") format("woff");
}

* {
    margin: 0;
    padding: 0;
}

html {
    overflow:scroll;

}
body {
    color:#002454;
    font-size: 0.8em;
   font-family: DaxWeb-Light,  Arial, sans-serif;
   line-height:1.3em;
    letter-spacing:0.00em;
	background: #fff url(../images/bg_body.png) repeat-x;
}

img {
	border: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size:1em;
    border:0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
.clear {
    clear:both;
}
/* CONTAINER
----------------------------------------- */


#BgContainer {
    width: 980px;
    margin: auto;
	position:relative;

}


#TopHeader {
	width:980px;
    height:188px;
	
}


#Flaggen {
	position:absolute;
	top:7px;
	left:930px;
	height:15px;
	text-align:right;
	width:50px;

}



.klick-index {
	position:absolute;
	top:100px;
	left:736px;
	height:30px;
	width: 204px;
	display: block;
	border: 0px solid black;
	background: url(../images/logo.png) no-repeat;
}


#Header {
    background: #fff url(../images/banner-home.jpg) no-repeat;
    width:980px;
    height:251px;
    position: relative;
    z-index: 0;
}

#Banner {
    width:980px;
    height:251px;
}

#Layout {
   width: 980px;
	
}
#Content {
	position:absolute;
	top:410px;
	left:540px;
	width: 370px;
	float: left;
	text-align: left;
	padding:6px 15px 2px 15px;
	background: url(../images/bg-content.png) repeat-y;

}

.galerie-icon {
	padding: 2px;
	padding-left:20px;
	background:url(../images/galerie_icon.png) no-repeat left center;
	}
	
#Content.narrow {
    width: 450px;
}

iframe {
		
		padding:0;
		width:390px;
		height:240px;
		border:none;
} 




/* MAIN NAVIGATION - TABS
----------------------------------------- */

#Navigation {
	position:absolute;
	top:156px;
	width:980px;
	
    
}


#Navigation ul {
    width:980px;
    height:auto;
    list-style:none;
    list-style-image:none;
	font-family: DaxWeb-Light, Arial, Helvetica, sans-serif;
	letter-spacing:0;
    font-size:1.25em;
	font-weight:normal;
}

#Navigation li {
    display:inline;
    margin:0;
    padding:0;
}

#Navigation a {
	padding: 6px 6px 12px 6px;
	margin:0 4px 0 0;
    color:#fff;
    outline: none;
    text-decoration:none;

}

#Navigation a:hover, #Navigation a.current, #Navigation a.section {
    color:#fff;
	background:url(../images/bg_navi.png) repeat-x;

}



/* BREADCRUMBS
-------------------------------------------- */
#Breadcrumbs { 
    color: #B7C0C5;
    text-align: left;
    font-size: 0.9em; 
    margin: 0px 5px 10px 0;
}
#Breadcrumbs p {
    margin: 0;
}


/* SIDEBAR
-------------------------------------- */
#Sidebar { 
    width:auto;
    float: left;
    padding: 0 ;
	margin:15px 0 0 0;
	
}

#SidebarBox { /*Menue 2*/
	float:left;
	width:230px;
	margin:0 15px 0 0;
	
	} 

#SidebarSub { /*Menue 3*/
	float:left;
	width:230px;
	} 


/* MENU2 */


ul#Menu2 li { 
   	list-style:none;
    list-style-image:none;
	margin:0;
	padding:0;
	font-size: 1.15em;
	
	
}
ul#Menu2 li a {
	font-family: DaxWeb-Light, Arial, Helvetica, sans-serif; 
	text-decoration: none;
    font-weight:normal;
    outline: none;
    display: block;
    padding:4px 1px 2px 9px;
	margin:0 0 2px 0;
    color:#fff;
  
	
	
}

ul#Menu2 li a:hover, ul#Menu2 li a.current, ul#Menu2 li a.section {
    border:1px solid #8592A9;
	padding:3px 0px 1px 8px;
  
}


/* Menu 3 */

ul#Menu3 li { font-size: 1.15em;
	list-style:none;
    list-style-image:none;
	margin:0;
	padding:0;
	
	
}
ul#Menu3 li a {
	font-family: DaxWeb-Light, Arial, Helvetica, sans-serif; 
	text-decoration: none;
    font-weight:normal;
    outline: none;
    display: block;
    padding:4px 1px 2px 9px;
	margin:0 0 2px 0;
    color:#fff;

}

ul#Menu3 li a:hover, ul#Menu3 li a.current {
	padding:3px 0px 1px 8px;
	border:1px solid #316F9A;
	
}




/* SEARCH FORM 
-----------------------------------------------*/
/* Alles */

#SearchForm_SearchForm {
	position:absolute; top:158px; left:732px;	
	width: 200px;


}
/* Input mit Button */
#SearchForm_SearchForm .middleColumn {
	float: left;
	width:126px;
	height: auto;
	border: none;
	margin:-4px -4px 0 0;
}
/* Suchfeld */
#SearchForm_SearchForm .middleColumn input.text {
	font-family: DaxWeb-Light, Arial, Helvetica, sans-serif; 
	width: 140px;
	height:14px;
	border: none;
	color: #657077;
	font-weight:normal;
	font-size:0.95em;
	background: url(../images/suchfeld.png) no-repeat;
	padding:2px 0 2px 4px;
}
/* Button*/
#SearchForm_SearchForm #SearchForm_SearchForm_action_results {
	width: 22px;
	height:17px;
	background: url(../images/suchbutton.png) no-repeat;
	border: none;
	margin:0px 0 0 0px;
	
}


/* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults {
    width:370px;
}

#SearchResults h1 {
    margin-top:20px;
}


ul#SearchResults li {
    list-style:none;
    margin: 0;
    font-size: 1em;
}

.suchlinie {
    height:1px;
    margin:10px 0;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #39434C;


}


/* FOOTER
----------------------------------------------- */

#Footer { 
    clear: both;  
    height:1px;
   }



/* MESSAGEBOXS
--------------------------------------------- */
.message {
    margin: 15px;
    padding: 5px;
    width: 92%;
    border: 1px solid #74122B;
    background-color: #f2f5f7;
}
span.middleColumn .message {
    margin: 4px 0 0 3px;
}
.required {
    margin: 4px 0 0 3px;
    padding: 5px;
    width: 92%;
  border:1px solid #002454;
    background-color: #D5E7FF;
}



p#Remember label {
    margin: -24px 0 0 20px;
    text-align: left;
}
.entry {
    border-bottom: 1px solid #eee;
}

.typography #Content p.authorDate {
    color: #444;
    margin-top: -15px;
}
/* UNSUBSCRIBE NEWSLETTER
------------------------------------------------ */
#Unsubscribe_MailingListForm_MailingListForm{
    min-height:100px;
}

#Unsubscribe_MailingListForm_MailingListForm p{
    margin:0 !important;
    padding:10px;
}
#Unsubscribe_MailingListForm_MailingListForm p label{
    display: inline;
}
#Unsubscribe_MailingListForm_MailingListForm label{
    margin:0;
}

.slicknav_menu {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#224d77+0,95cfeb+100 */
background: #224d77; /* Old browsers */
background: -moz-linear-gradient(top,  #224d77 0%, #95cfeb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #224d77 0%,#95cfeb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #224d77 0%,#95cfeb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#224d77', endColorstr='#95cfeb',GradientType=0 ); /* IE6-9 */


	display: none;
}

.slicknav_btn {
    background-color: transparent;
}

.slicknav_nav a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav li.current {
    background: transparent;
    border: 1px solid #97a2b5;
    color: #fff;
    border-radius: 0px;
}

.slicknav_nav .slicknav_row:hover > a:hover {
    border-color: transparent;
}

.slicknav_nav {
    font-size: 1.1em;
}

.slicknav_nav a {
    padding: 0.5em 0.5em;
    border: 1px solid transparent;
}

body {
    position: relative;
}

@media only screen and (max-width: 1024px) {
    html {
        overflow-x: hidden;
    }
    body {
        background: transparent;
    }
    #BgContainer, #TopHeader, #Header, #Layout, #Navigation, #Navigation ul, #Content, #Banner {
        width: 100% !important;
    }
    #Flaggen {
        left: auto;
        right: 1em;
    }
    #Content {
        background-repeat: repeat !important;
        position: static !important;
        float: none !important;
        margin-top: 1em;
        -moz-box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
        font-size: 1.1em;
    }
    #Aktuelles {
        color: black !important;
        position: static !important;
    }
    #Sidebar {
        display: none !important;
        float: none !important;
    }
    .klick-index {
        display: none;
    }
    #TopHeader {
        height: 30px;
        position: absolute;
        top: 251px;
        z-index: 3;
        background-color: #95cfeb;
    }
    #Header {
        padding-bottom: 30px;
    }
    .slicknav_menu {
        display: block;
    }
    .mobile-logo {
        position:absolute;
        top: 12px;
        left: 12px;
        height:30px;
        width: 204px;
        display: block;
        background: url(../images/logo.png) no-repeat;
    }
    #Slideshow {
        height: 251px;
    }
    #Slideshow img {
        height: 251px;
    }
    #Navigation {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    #Header, #Slideshow, #Slideshow img, #Banner {
        height: 180px;
    }
    #TopHeader {
        top: 180px;
    }
    #Aktuelles#Aktuelles {
        width: 90%;
        margin: 0 auto;
        box-sizing: border-box;
    }
    #Aktuelles img {
        max-width: 100%;
        height: auto;
    }
}