body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  background:transparent;
  border:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
  font-size:100%;
  list-style-type:none;
  list-style:none;
  margin:0;
  padding:0;
  outline:0;
}

@charset "utf-8";

html {
	font-size: 100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	overflow-y:scroll;
	padding:0;
	margin:0;
	height:100%;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#333;
	background:#ccc;
	height:100%;
	background:url(../images/hg.png) top left repeat;	
}

h1, h2 {
	font-weight:lighter;
}
h3, h4, h5, h6 {
	font-weight:lighter;
}
h1 { font-size:2.25em; line-height: 1.1em; color:#369; }
h2 { font-size:1.5em; line-height: 1.2em; margin-top:10px; }
h3 { font-size:1.3em; }
h4 { font-size:1.1em;}
h5 { font-size:.8em; }

p, img { max-width: 100%; }
p { margin-top:20px; line-height:1.5em; }

*:focus { outline:none; }
*:-moz-focus-inner { border:none; }

a:link,
a:visited { text-decoration:none; color:#369; }

a:hover,
a:active { text-decoration:underline; color:#333; }

p.portrait,
p.rechts,
p.url { float:right; }
p.links,
p.tgr { float:left; }

#wrapper {
	position:relative;
	display:block;
	width:95%;
	max-width:925px;
	margin:0 auto;
}

#full {
	position:relative;
	display:block;
	width:100%;
	clear:both;
	margin-top:20px;
	padding:15px 20px;
	height:auto;
	float:left;
}

#nav {
	position:relative;
	display:block;
	width:100%;
	clear:both;
	margin-top:20px;
	padding:0;
	height:auto;
	line-height:45px !important;
	float:left;
}


#full.header { background:#369; color:#fff; margin:0; }
#nav { background:#369; color:#fff; }
#full.tgr { background:#fff; }
#full.footer { background:#369; color:#fff; }
#full.header p,
#full.footer p { margin:0; font-size:.75em; line-height:1.75em; }

#full.header a:link,
#full.header a:visited,
#full.footer a:link,
#full.footer a:visited {
	color:#fff;
	text-decoration:none;
}
#full.header a:hover,
#full.footer a:hover {
	color:#fff;
	text-decoration:underline;
}

#nav ul, #nav li {
	float:left;
	margin:0;
	padding:0;
}
#nav li a:link,
#nav li a:visited {
	color:#fff;
	font-size:.85em;
	text-decoration:none;
	padding:0 1.5em;
	border-right:1px solid #7194b8;
	display:block;
	height:45px !important;
}

#nav li a:hover,
#nav li.active a:link,
#nav li.active a:visited {
	color:#fff;
	text-decoration:none;
	border-right: 1px solid #7194b8;
	background-color:#214264;
}

#full div.vorstand-left { 
	display:block;
	position:relative;
	float:left;
	width:48%;
}

#full div.vorstand-right { 
	display:block;
	position:relative;
	float:right;
	width:48%;
}

#half {
	position:relative;
	display:inline-block;
	width:49%;
	margin-top:20px;
	height:auto;
	background:#fff;	
	cursor:pointer;
	height:200px;
}


#half h1 { font-size:1.75em; height:100px; color:#fff; padding:10px 20px; text-shadow:1px 1px 3px #333; -webkit-text-shadow:1px 1px 3px #333; -moz-text-shadow:1px 1px 3px #333; }
#half.left { float:left; }
#half.right { float:right; }
#half h1 { background: url(../images/hg_verlauf.png) top left repeat-x; }

#full, #half, #nav {
-moz-box-shadow: 0px 0px 3px #999;
-webkit-box-shadow: 0px 0px 3px #999;
box-shadow: 0px 0px 3px #999;
}

table { font-size:95%; }
td { padding:7px 0; vertical-align:top; }
td.wochentag { background-color:#e1e8f0; color:#369; padding:10px; font-size:105%; }
td.first { padding-left:10px; }

p.img-content img { float:right; margin-left:20px; width:30%; }
p.portrait img { margin-left:20px; }

#full ul { margin-top:10px; margin-left:45px; font-size:.95em; line-height:1.5em; }
#full li { list-style-type:circle; }
#full li:hover { list-style-type:disc; }

a.facebook:link,
a.facebook:visited {
	background:url(../images/facebook.png) top left no-repeat;
	padding-left:2em;
	height:1.5em !important;
	line-height:1.45em;
	display:block;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 190dpi) {
a.facebook:link,
a.facebook:visited {
	background-image:url(../images/facebook@2x.png);
	background-size:16px 16px;
}
}

@media only screen and (max-width: 924px), only screen and (max-device-width: 924px) {
#half { width:100%; clear:both; }
#half.left, #half.right { float:none; }
#wrapper { width:90%; }

#full div.vorstand-left, #full div.vorstand-right { clear:both; width:100%; }
h1.downloads {margin-top:20px;}

#nav { position:relative; display:block; width:100%; float:left; }

#nav ul {
	width:100%;
}
#nav li {
	display:block;
	float:left;
	width:100%;
}
#nav li a:link,
#nav li a:visited {
	text-decoration:none;
	text-align:center;
	display:block;
	height:45px !important;
	width:100%;
	border-bottom:1px solid #7194b8;
	padding:0;
	font-size:1em;
}

table { font-size:85%; }

p.img-content img { width:40%; }

}

@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
table { font-size:65%; }

}


@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
#wrapper { width:95%; }
p.portrait,
p.tgr,
p.url { float:none; clear:both;}

table { font-size:65%; }

p.img-content img { float:none; margin-left:0; width:100%; }
p.portrait img { margin-left:0px; }

}