/* =====     Schrift     ======================================================================= */
html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,div,a {	
	font: normal 100.01%/1.5em 'verdana', sans-serif;
	letter-spacing: 0;text-decoration: none;
	word-wrap: break-word;
	margin: 0;
	}

h1,h2,h3,h4,h5 {font-weight: bold;}
h1,h2 {text-align: left;}
h1,h2 {text-shadow: white 1px 1px 1px, rgba(0, 0, 0, 0.375) 2px 2px 1px;}
h1,h2 {margin-top: 0px;}
h3 {margin-top: 20px;}
p,h1,h2,h3,h4,h5,li {margin-bottom: 10px;}
p,h1,h2,h3,h4,h6,li {color: #115588;}
h5 {color: #3388bb;}
h1,h2,h3 {letter-spacing: .05em;}

p,li {font-size: .875em;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.3em;}
h3,h4,h5 {font-size: 1.05em;}
h6 {font-size: .7em;}

span.sr {color: rgb(231,120,23);}

/* =====     Rahmen / Schatten / Rund     =================================================================== */
/*header, nav, main, footer {border-radius: 10px;}*/
/*header, nav, main, footer {box-shadow: 5px 5px 5px #222;}*/
nav, header {border-bottom: 2px;	border-bottom-style:solid;	border-bottom-color: #115588;}
footer {border-top: 2px;	border-top-style:solid;		border-top-color: #115588; }
/* =====     Hintergrund     =================================================================== */
/*html {background: #3388bb;}*/
html {background: rgb(203,203,203) url(./bilder/hg.gif) center repeat-y;}
nav, footer {background: #115588;}
header, main {background: white;}

/* =====     Bereiche     ====================================================================== */
html {height: 100%;}

#container {
	position: relative;
	width: 760px;
	margin: 0 auto;
	padding-bottom: 25px;
	}
header {
	width: 100%;	height: auto;
	padding-top: 60px;
	margin-bottom: 0px;
	}

/* =====     Navigation     ==================================================================== */
nav {
	position: fixed;
	z-index: 999;
	top: 0px;
	width: 760px;
	text-align: center;
	margin-bottom: 10px;
	}

nav ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	}
nav li {display: inline-block; padding: 10px;}

nav a {
	font-size: .875em;		line-height: 1.55em;
	font-weight: bold;		color: white;
	padding: 0 10px;
	display: block;
	}
nav a:hover, a:active {color: rgb(231,120,23);}
/* =====     Navigation Ende     =============================================================== */

/* =====     Schriftfeld     =================================================================== */
main {
	width: 720px;
	padding: 20px;
	margin-bottom: 40px;
	}

article {text-align: justify; margin-top: 20px; margin-bottom: 10px;}
article a {color: rgb(231,120,23);}
.bold {color: #115588; font-weight: bold;}

/* =====     Fuss     ========================================================================== */
footer {
	position: fixed;
	z-index: 999;
	bottom: 0px;
	width: 760px;
	padding-top: 5px;	padding-bottom: 5px;
	text-align: center;
	clear: both;
	}
footer a, h6 {color: white;}
footer a:hover, a:active {color: black;}
.footer-left  {float:left;	width: 45%;}
.footer-right  {float:right;	width: 45%;}
/* =====     Foto / Video     ================================================================== */
figure {padding:0;margin:0;}

img {
	border: 0;
	height: auto;
	}
img.iv {
	width: 100%;
	}
img.iv40l {
	float: left;
	width: 48%;
	margin-bottom: 2%;
	margin-right: 2%;
	}
img.iv40r {
	float: right;
	width: 48%;
	margin-bottom: 2%;
	margin-left: 2%;
	}

img.ivlk {
	float:left;
	height: 50px;
	padding: 0px;
	}

/* ============================================================================================= */
/* ============================================================================================= */

@media screen and (max-width: 800px) {
		h1 {font-size: 1.15em;}
		h2 {font-size: 1.075em;}
		h3,h4,h5 {font-size: .95em;}
		
		html {background: rgb(203,203,203)}

	#container {
		max-width: 460px;	width: 100%;
		margin: auto;
		}
	header {margin-bottom: 0px; padding-top: 100px;}

	nav {max-width: 460px;	width: 100%;}

	nav li {display: inline-block;	float: none;}

	main {
		width: 100%;
		padding: 10px 0;
		margin-bottom: 0px;
		}

	article {padding: 0 10px;	clear: both;}
	
	footer {
		position: relative;
		max-width: 460px;	width: 100%;
		height: 70px;
		}
		
	.footer-left, .footer-right  {clear:both; max-width: 460px; width: 100%;}
	
}
@media screen and (max-width: 460px) {html {height: 100%;}}

@media screen and (max-width: 420px) {
	nav {position: relative;		padding: 0px; margin-bottom: 0px;}

	nav a {display: block;}

	header {padding-top: 15px;}
	}