@import "textformate.css";
@import "lightbox.css";
@import "nyroModal.css";
@import "slides.css";




/* ##### Menu ##### */


#nav div {
	position:relative;
	max-width:960px;
	margin:0 auto;
    padding:0 3% 0 3%;
}

/*#nav ul {
	list-style-type:none;
	margin:0px auto 15px auto;
	width:auto;
	float:right;
}

#nav ul li { 
	position:relative;
	float:left; 
	list-style-image:none;
	padding:5px 5px 3px 5px;	
	margin: 0 0 0 5px;	
	font-size:14px;
}

#nav ul li a, #nav ul li a:visited { 
	background:none;
	color:#00426e;
}

#nav ul li a:hover { 
	background:#00426e;
	color:#ffffff;
	text-decoration:none;	
}

#nav ul li a span {
	padding:5px 5px 5px 5px;
}

#nav ul li:hover a span {
	background:#00426e;	00426e;
	color:#ffffff;
	padding:5px 5px 5px 5px;
}

#nav li ul { 
	background:#00426e;
	padding:0;
	color:#fff;
	list-style-type:none;
	list-style-image:none;
	list-style-position:outside;
	margin:0px 0px 0px 0px;
	width:auto;
	float:left;
}

#nav ul li ul li { 
	color:#fff;
	position:relative;
	float:left; 
	padding:0;
	margin: 0;	
	font-size:14px;
	white-space:nowrap;
	min-width:100%;
	border-top:solid 1px #738eaf;
}

#nav ul li ul a, #nav ul li ul a:visited, #nav ul li ul li a:hover  { 
	color:#fff;
	padding:5px 5px;
	display:block;
}

#nav ul li ul li a:hover  { 
	background:#738eaf; af0527;
}

.clearfix:after {
	clear:both;
}
*/



#nav {
	position:relative;
	width:94%;
    max-width:960px;
    margin:0 auto;
    z-index:100;
}
    #nav > a
    {
        display: none;
    }
    #nav li
    {
        position: relative;
        list-style-type:none;
    }
				#nav li a
				{
					color: #00426e;
                    text-decoration:none;
					display: block;
				}
				#nav li a:hover
				{
					color:#fff;
                    background-color: #00426e;
				}
                #nav li a:active
				{
					background-color: #c00 !important;
				}

            #nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #738eaf;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}
 
    /* first level */
 
    #nav > ul
    {
        height: 2.75em;
        float:right;
    }
        #nav > ul > li
        {
            width: auto;
            height: 100%;
            float: left;
        }
					#nav > ul > li > a
					{
						height: 100%;
						font-size: 1.2em; /* 1.5em = 24 */
						line-height: 2.0em; /* 2.5 60 (24) */
						text-align: center;
                        padding-left: 0.75em; /* 15 (20) */
                        padding-right: 0.75em; /* 15 (20) */
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: 1px solid #00426e;
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							background-color: #00426e;
                            color:#fff;
						}

 
    /* second level */
 
    #nav li ul
    {
        display: none;
        position: absolute;
        top: 100%;

        list-style-type:none;
        list-style-image:none;
        list-style-position:outside;
        white-space:nowrap;
        padding-left:0;
        min-width:100%;
        border-left:solid 1px #00426e;
    }
    
        #nav li:hover ul
        {
            display: block;

            width:auto;
            margin:0;
            background-color:#00426e;
        }
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul a
						{
							font-size: 1.0em; /* 1.25em; 20 */
							border-top: 1px solid #00426e;
							padding: 0.75em; /* 15 (20) */
                            
                            background-color:#00426e;
                            color:#fff;
						}

                        #nav li ul a:hover
						{
                            background-color:#738eaf;
                            color:#00426e;
						}

                            #nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #738eaf;
                                color:#fff;
							}



@media only screen and ( max-width: 640px ) /* 640 */
{
    #nav
    {
        position: relative;
        width:100%;
        height:auto;
        margin:0;
        background-color:#738eaf;
    }

        #nav > div {
	        display:none;
        }

        #nav > a
        {
        	background-color:#00426e;
        	color:#fff;
        	height:3.12em;
        	width:3.12em;   
        	display:none;     	
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
        }
 
    /* first level */

    #nav > ul
    {
        height: auto;
        display: none;
        position: relative;
        left: 0;
        right: 0;
        width:100%;        
    }
    
        #nav > ul.active
        {
            display: block;
        }
        
        #nav > ul > li
        {
            width: 100%;
            float: none;
        }
        
		#nav > ul > li:not( :last-child ) > a
		{
			border-right: 0px solid #00426e;
			border-top: 1px solid #738eaf;
		}
        
		#nav > ul > li:last-child > a
		{
			border-top: 1px solid #738eaf;
			border-bottom: 1px solid #738eaf;
		}
        
 
    /* second level */
 
    #nav li ul
    {
        position: static;
    }
}




html {
	height:100%;
}

body {
	margin:0px;
	height:100%;
}

/* Bilder */
img {
	border: 0px;
}

img.blank, img.vorschaubild {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}

.wrapper {
	position:relative;
	max-width:960px;
    padding:0 3% 0 3%;
	margin:0 auto;
}

.submenu {
	position:relative;
	float:left;
	width:25%;
	padding:0 5% 0 0;
	margin:10px 0px 0px 0px;
    text-align:center;
}

.submenu ul {
	margin:0;
	padding:0; 
	list-style-position:inside;
}

.submenu ul li {
	list-style-type:none;
	text-align:left;
	list-style-image:none;
}

.submenu h2 {
    text-align:center;
    }

.submenu h3 {
    text-align:center;
    }

.submenu img {
    margin:0 auto 15px auto;
    }

.submenu a{
	display:block;
	padding:1px;
}

.submenu .active {
	background:#af0527;
	color:#fff;
	display:block;
	padding:1px;
}

.fixed { position: fixed; top: 0; max-width:240px; }

.nofloat { margin-left:30%; }

.content {
	position:relative;
	float:left;
	width:70%;
}


/*##### Eintrag mit Bilder #####*/
div.divVorschauBildBox {
	position:relative;
	float:none;
	width:450px;
	padding:10px;
	padding-left:100px;
	margin-top:10px;
	border-bottom: solid 1px #868889;
	text-align:left;
	min-height:85px;
}


div.divVorschauBildBox h2 {
	margin:0px 0px 3px 0px;
	font-size:16px;
}

div.divVorschauBild {
	position: absolute;
	top:10px;
	left:0px;
	width:80px;
	height:80px;
	background:#868889;
	border: solid 2px #868889;
	border-left: solid 10px #868889;
}


/*##### Kopfleiste #####*/
.startboxen {
	position:relative;
	float:left;
	border:solid 1px #00426e;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:1% 0% 10% 0%;
	text-align:center;
	width:24.25%;
	margin:1% 0 3% 1%;
	background-color:#9badc6; 
    background-repeat:repeat-x;
    background-image: url(../images/hgStartboxen.jpg);
    background-position: center bottom;
}

.startboxen:nth-child(2) {
	margin:1% 0 3% 0;
}

.startboxen h4 {
	font-family: 'Merriweather Sans', sans-serif;
	font-weight:800;
	color: #00426e;
	font-size:18px;
	margin:10px 0px 20px 0px;
	text-transform:uppercase;
	font-style:normal;
}

.startboxen div p {
	position:absolute;
	bottom:0px;
	font-family: 'Merriweather Sans', sans-serif;
	font-weight:700;
	font-size:13px;
	color:#af0527;
    width:100%;
}

div.slidermessage {
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	display:table
}

.slidermessage p {
	font-size:2.5em;
	line-height:1.4em;
	color:#fff;
	font-family: 'Alegreya', serif;
	font-weight: 400;
	font-style:italic;
	display:table-cell;
	vertical-align:middle;
	padding:0px 75px 0px 75px;
	width:100%;
	}

/*##### Kopfleiste #####*/
header {
	position:relative;
	width:100%;
	height:150px;
	background-color: #00426e;
	background-image:url(../images/kompass.png);
	background-position:right top;
	background-repeat:no-repeat;
	color:#fff;
	margin-bottom:50px;

    /*
	-webkit-border-bottom-right-radius: 50% 20%;
	-moz-border-bottom-right-radius: 50% 20%;
	border-bottom-right-radius: 50% 20%;
    */	
}

header a {
	float:left;
	margin-top:30px;
}

.bogen {
    position:absolute;
    top:140px;
    width:100%;
    background-image:url(../images/header_bogen_hg.gif);
    background-repeat:repeat-x;
}

@media only screen and (min-width : 641px) and (max-width : 1024px)  {/*and (orientation : portrait)*/
    header {
        background-position:right center;
        margin-bottom:50px;
    }

    .bogen {
        /*display:none;*/
    }
    
    .bogen img {
        width:100%;
    }
    
    .startboxen {
		width:49.5%;
		margin:0 0 1% 1%;
	}

	.startboxen:nth-child(2n+0) {
		margin:0 0 1% 0;
	}

    .slidermessage p {
        font-size:2em;
	}
    
}

@media only screen and ( max-width: 40em ) /* 640 */
{
    .wrapper {
	    max-width:640px;
    }

    header {
        background-position:250px center;
        margin-bottom:0px;
        height:130px;
    }
    
    .bogen {
        display:none;   
    }
    
    .startboxen {
		width:100%;
        padding:0 0 80px 0;
        margin:0 0 1% 0;
	}

    .startboxen:nth-child(2) {
	    margin:0 0 1% 0;
    }

    .startboxen h4 {
	    margin:10px 0px 5px 0px;
    }

    .slidermessage p {
	    padding:0px 50px 0px 50px;
	    width:100%;
        font-size:1.8em;
	    }

}

@media only screen and (max-device-width : 480px) and (orientation : portrait)
{
    wrapper {
		max-width:480px;
	}

}

/*##### Fussleiste #####*/
footer {
	position:relative;
	width:100%;
	min-height:75px;
	background-color: #738eaf;
	color:#fff;
	padding:35px auto 10px auto;
}

footer>div:nth-of-type(3) {
	position: relative;
	max-width:960px;
	padding:0 3% 0 3%;	
	height:40px;
	margin:20px auto 0px auto;
	text-align:right;
}

footer>div:nth-of-type(4) {
	position: relative;
	max-width:960px;
	padding:0 3% 0 3%;	
	margin:20px auto 0px auto;
	text-align: right;
}

footer div>div:nth-of-type(1n+1) {
	position:relative;
	float:left;
	margin-top:3px;
	padding:0px;
	padding-top:2px;
	padding-left:0px;
	padding-right:10px;
}

/*Addthis*/
footer>div:nth-of-type(3)>div:nth-of-type(1n+1) {
	float:right;
	width:220px;
	text-align:right;
	margin-right:-15px;
}


footer div div:nth-last-of-type(1) {
	position:absolute;
	right: 0px;
	border:0;
	padding-right:3%;
}

footer p, footer a, footer a:hover, footer a:visited{
	color:#fff;
	font-size:10px !important;
	margin:0px 0px 7px 0px;
}

footer a, .footer a:hover, .footer a:visited{
	text-decoration: none;
	color:#fff !important;
}

footer a:hover {
	color:#ddd !important;
	text-decoration: none;
}

.sitemap {	
	position:relative;
	margin:0px auto 0 auto;
	max-width:960px;
	padding:0 3% 0 3%;
	/*background-color:#f0f0f0;
	background-image:url(../image/hgBottomShadow.png), url(../image/hgTopShadow.png);
	background-position:bottom center, top center;
	background-repeat:no-repeat, no-repeat;
	padding:10px 40px 10px 50px;
	
	border:solid 1px #fff;
	border-width:0 1px 0 1px;*/
	}
	
	.sitemap ul {	
		position:relative;
		float:left;
		width:15.6%;
		padding:0px 0% 0px 0px;
		margin:10px 1% 0px 0px;
		}
			
	.sitemap ul li {
		list-style-type:none;
		color:#fff;
		margin:0px 0px 2px 0px;
		line-height:1.1em;
	}	

	.sitemap ul li a {
		color:#fff;
		text-decoration:none;
		font-size:10px;
	}	

	.sitemap ul li h6 {
		font-family: 'Merriweather Sans', sans-serif;
		font-weight:700;
		font-size:10px;	
		margin:4px 0px 5px 0px;
		font-style:normal;
		/*padding:0 0 5px 0;
		border-bottom:solid 1px #ddd;
        border-right:dotted 0px #ddd;
        -webkit-border-bottom-right-radius: 50px 5px;
        -moz-border-bottom-right-radius: 50px 5px;
        border-bottom-right-radius: 50px 10px;*/
	}	

	.sitemap ul li h6 a {
		font-size:11px;	
	}	
	
	.sitemap ul li a:hover {
		color:#ddd !important;
	}

@media only screen and ( max-width: 40em ) /* 640 */
{	
	.sitemap ul {	
		position:relative;
		float:left;
		width:100%;
		}

	.sitemap li {	
		display:none;
		}

	.sitemap li:nth-child(1) {	
		display:inherit;
		}		

}






















div.clear {
	clear: left;
	height: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
}

div.divThumbnail {
	position:relative;
	float:left;
	display:table-cell;
	vertical-align:middle;
	margin:0px;
	margin:0px 10px 10px 0px;
	width:145px;
	height:145px;
	overflow:hidden;
	background:#ddd;
	text-align:center;
}

/* ##### Bildergalerie QUICKMODUS ##### */
#divBild {position: absolute; top: 0px; left: 0px; z-index: 0;}
#divNaviZuruck  {position: absolute; top: 10px; left: 10px; z-index: 1;}
#divNaviWeiter {position: absolute; top: 10px; left: 40px; z-index: 1;}