/* @override http://www.hsfs.org/css/style.css */

/* CSS Document */

body {
	background:url(/images/layout/bg-grau.jpg) top repeat-x;	
	background-color: #404040;
	font-family: Verdana, Helvetica, sans-serif;
	color: #555;
	margin: 0;
	padding: 0;
	font-size: 70%;
}

#seitentitel {
	position: relative;
	padding: 10px 0 10px 230px;
	margin: 20px 0;
	background-color: #f3f3f3;
}

strong {
font-weight:600;
}

.editmode {
	color: #cc0000;
}

h1 {
	margin-top: 8px;
	margin-bottom: 15px;
	line-height: 130%;
}

h2.h1 {
	margin-top: 8px;
	margin-bottom: 15px;
	margin-left: 18px !important;
	font-size: 18px;
	line-height: 130%;
	background-color: #fff;
}

h1, h2, h3 {
	color: #555;
	font-weight: normal;
}

h2, h3 {
	margin-top: 20px;
	margin-bottom: 15px;
}

h3.datum {
	margin-top: 0 !important;
	margin-bottom: 10px !important;
	padding-top: 10px;
	border-top: 1px solid #eee;
}

h3.oben {
	margin-top: 5px;
	padding-top: 0;
	clear: none;
}

h3.subline {
	font-style: italic;
}

.subline {
	margin-top: 0 !important;
	border-top: none !important;
	margin-bottom: 10px !important;
	padding-top: 0 !important;
}

#mitte h2, #mitte-breit h2 {
	padding-top: 10px;
	margin-top: 30px;
	border-top: 1px solid #eee;
}

.linie {
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid #eee;
}

p {
	margin-bottom: 15px;
}

li {
	margin-bottom: 10px;
}

.rotfett {
	font-weight: bold;
	color: #dd0000;
}

a {
	color: #d70024;
	text-decoration: none;
}

a:hover, a:active {
	color: #ccc;
}

a.grau {
	color: #555;
}

a.grau:hover {
	color: #d70024;
}

a.closed {
padding-right:17px;
background:url(/images/layout/pfeil-runter.png) right 60% no-repeat;
}


a.open {
padding-right:17px;
background:url(/images/layout/pfeil-hoch.png) right 60% no-repeat;
}

blockquote {
	padding: 0px 30px 1px 60px;
	background: url(/images/layout/blockquote.png) left 1% no-repeat;
	background-color: #fff;
	margin-bottom: 20px;
	/*
	border-top: 2px solid #eee;
	border-bottom: 2px solid #eee;
	*/
}

ul.vl li {
	padding-bottom: 8px;
	border-bottom: 1px solid #eee;
	margin-bottom: 8px;
}

#wrap {
	width: 970px;
	margin: 0 auto;
	background-color: #ffffff;
}

/* @group Header - Navi - Breadcrumb */

#logoleiste {
	position: relative;
	background-color: #404040;
	border-bottom: 1px solid #ccc;
	margin: 0;
}

.logo {
	padding: 8px;
	float: left;
	margin-right: 5px;
}

#header-print {
	display: none;
}

#indexheader {
	position: relative;
	width: 970px;
	height: 190px;
	margin: 0px;
	background: url(/images/layout/head-1.jpg) top;
	padding: 0;
}

#header {
	position: relative;
	width: 970px;
	height: 140px;
	margin: 0px;
	background: url(/images/layout/head-seiten-2.jpg);
	background-color: #f3f3f3;
	padding: 0;
}

a.headlink {
	outline: none;
	text-decoration: none;
}

#header-top {
	position: absolute;
	top: 10px;
	right: 20px;
	text-align: right;
}

ul#topnavi li {
	float: left;
	margin: 0;
	list-style: none;
	font-size: 11px;
}

ul#topnavi a {
	text-decoration: none;
}

ul#topnavi a:hover, ul#topnavi a:active {
	color: #dd0000;
}

a.topmenu {
	padding: 0 8px;
	color: #555;
	border-right: 1px solid #555;
}

a.topmenulast {
	color: #555;
	border-right: none;
	padding: 0 0 0 8px;
}

a.topmenu-aktiv {
	border-right: 1px solid #555;
	color: #d70024;
	padding: 0 8px;
}

a.topmenulast-aktiv {
	border-right: none;
	padding-right: 0;
	color: #d70024;
	padding: 0 0 0 8px;
}

#navi {
	position: relative;
	width: 970px;
	background-color: #dd0000;
	color: #ffffff;
	margin: 0 0 10px 0;
	padding: 0;
	z-index: 1000;
}

/* @group Suche */

#suche {
	position: absolute;
	top: 3px;
	right: 5px;
	border: none;
	width: 190px;
	height: 15px;
	margin: 0;
	padding: 0;
	z-index: 500;
}

input.suche {
	width: 145px;
	padding: 2px 10px;
	background-color: #dd0000;
	color: #fff;
	font-size: 12px;
	border-left: 0;
	border: 1px solid #F6CBD2;
	float: left;
}

input.suche:hover, input.suche:focus {
	border-left: 0;
	border: none;
	background-color: #F6CBD2;
	color: #fff;
	border: 1px solid #F6CBD2;
}

input#submitbutton {
	height: 20px;
	width: 20px;
	border: 0;
	margin: 0px 0 0 0;
	padding: 0;
	background: url(/images/layout/go.png) left 50% no-repeat;
	color: #fff;
	float: right;
}

input#submitbutton:hover {
	border: 0;
	background-color: #d70024;
	color: #ffffff;
}

input:focus, textarea:focus {
	border: 1px solid #eee;
}

/* @end */

#breadcrumb {
	font-size: 10px;
	color: #aaaaaa;
	margin: 0 0 20px 10px;
	padding: 0 0 10px 20px;
}

#breadcrumb a {
	text-decoration: none;
	color: #aaaaaa;
}

#breadcrumb a:hover, #breadcrumb a:active {
	color: #d70024
}

.print {
	width: 40px;
	float: right;
	margin: 0 12px 0 5px;
	clear: right;
}

.druck {
	float: right;
	margin: 0;
}

.sprache {
	margin: 2px 5px 0 0;
}

/* @end */

/* @group subnavi */

#subnavi {
	position: relative;
	width: 200px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #555;
}

#subnavi ul {
	list-style: none;
	margin: 10px 0 10px 10px;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
}

#subnavi ul ul {
	margin: 0;
}

#subnavi li {
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
	font-size: 11px;
}

#subnavi li li {
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
	font-size: 11px;
}

#subnavi li a {
	display: block;
	padding: 3px 10px;
}

#subnavi li li a {
	display: block;
	padding: 3px 0 3px 20px;
}

a.menu {
	border-right: 1px solid #fff;
}

a.menu:hover, a.menu:active {
	border-right: 1px solid #dd0000;
}

a.menu-aktiv {
	background-color: #ffffff ! important;
	color: #d70024 ! important;
	border-right: 1px solid #dd0000;
}

a.submenu {
	background-color: #ddd;
}

a.subsubmenu {
	background-color: #f6f6f6;
}

a.submenu:link, a.submenu:visited {
	color: #555;
}

a.submenu:hover, a.submenu:active {
	color: #fff;
	background-color: #ccc ! important;
}

a.subsubmenu:link, a.subsubmenu:visited {
	color: #555;
}

a.subsubmenu:hover, a.subsubmenu:active {
	color: #fff;
	background-color: #ccc ! important;
}

a.submenu-aktiv {
	background-color: #eee ! important;
	color: #d70024 ! important;
	font-weight: normal;
}

a.subsubmenu-aktiv {
	background-color: #f6f6f6 ! important;
	color: #d70024 ! important;
	font-weight: normal;
}

a.menu-aktiv:link, a.menu-aktiv:visited, a.menu-aktiv:hover, a.menu-aktiv:active {
	background-color: #ffffff ! important;
	color: #555 ! important;
}

a.submenu-aktiv:link, a.submenu-aktiv:visited, a.submenu-aktiv:hover, a.submenu-aktiv:active, a.subsubmenu-aktiv:link, a.subsubmenu-aktiv:visited, a.subsubmenu-aktiv:hover, a.a.subsubmenu-aktiv:active {
	color: #d70024 ! important;
}

/* @end */

#content {
	width: 100%;
	background-color: #ffffff;
	min-height: 500px;
	padding-bottom: 20px;
}

#sidebar-links {
	position: relative;
	width: 210px;
	float: left;
	margin: 0;
}

#sidebar-links-breit {
	position: relative;
	width: 300px;
	float: left;
	margin: 0;
}

#sidebar-rechts {
	position: relative;
	width: 210px;
	float: right;
	margin: 0;
}

#sidebar-rechts ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar-rechts li {
	margin: 0 0 5px 0;
	padding: 0;
}

#sidebar-rechts a {
	
}

#mitte {
	position: relative;
	width: 500px;
	font-size: 110%;
	padding-bottom: 30px;
	margin: 0 0 0 20px;
	float: left;
}

#mitte-breit {
	position: relative;
	width: 600px;
	font-size: 110%;
	padding-bottom: 30px;
	margin: 0 0 0 20px;
	float: left;
}

#mitte-700 {
	position: relative;
	width: 700px;
	font-size: 110%;
	padding-bottom: 30px;
	margin: 0 0 0 20px;
	float: left;
}


.bildobenrechts {
	margin: 10px 0 10px 10px;
	float: right;
}

.stud {
	width: 335px;
	float: left;
	margin: 0 20px 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #eee;
	font-size: 90%;
}

.acco1 {
clear:both;
	/*float: right;
	clear: right;
	width: 150px;
	text-align: right;
	margin: -34px 0 15px 0;
	padding: 0 30px 0 0;*/
	
}

.acco2 {
	margin-bottom: 10px;
	clear:both;
	}

/*
.stud img {
		-webkit-box-shadow: 1px 1px 5px 0px #707070;
		-moz-box-shadow: 1px 1px 5px 0px #707070;
		box-shadow: 1px 1px 5px 0px #707070;
	}

*/

/* @group block */

.blockweiss {
	margin: 10px;
}

.padding-8 {
	padding: 8px;
}

.blockweiss li {
	list-style: none;
	margin: 0 0 10px 0;
}

.block {
	margin: 10px 10px 11px 10px;
	/*border-bottom: 1px solid #eee;*/
	padding: 8px;
}

.blockfoto {
	margin: 11px 10px 0 10px;
}

.untertitel {
	margin-top: 3px;
	margin-bottom: 15px;
	color: #999;
	font-size: 90%;
}

.block h2, .blockweiss h2 {
	margin-top: 0;
	padding-top: 0;
}

.bilderblock {
	margin: 0 0 15px 0px;
	padding: 0;
}

.block .datum {
	font-size: 11px;
	margin-bottom: 5px;
}

.block h2 {
	font-size: 120% !important;
	margin-bottom: 10px;
}

.block h3 {
	font-size: 1.0em;
	font-weight: bold !important;
	margin-bottom: 7px;
	margin-top: 0px;
	color: #555;
}

.block h2, .blockweiss h2 {
	font-size: 16px;
	margin: -8px -8px 10px -8px;
	padding: 2px 8px;
	background-color: #f3f3f3;
	display: block;
}

.blockweiss h2.h1 {
	background-color: #fff;
	margin-left: 0;
}

.block p {
	margin-bottom: 7px;
}

/*

@end */

/*
.inhalt {
	margin: 0;
	padding: 0 20px 40px 20px;
-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
*/

.inhalt img {
	max-width: 560px;
}

.marginlinks-5 {
	margin-left: 5px;
}

.links-10 {
	padding-left: 10px;
}

.unten-10 {
	padding-bottom: 10px;
}

.oben-20 {
	padding-top: 20px;
}

.invertiert {
	display: block;
	background-color: #999;
	color: #ffffff;
	padding: 7px 10px;
}

.indexkasten {
	padding: 0 10px 0 0;
	margin: 0px 0 15px 0;
	border: 0px solid #eee;
}

.indexkasten .datum {
	font-size: 90%;
	margin: 0;
}

hr {
	color: #eee;
	background-color: #eee;
	height: 1px;
	margin: 10px 0 30px 0;
}

hr.nomargin {
	margin: 10px 0 10px 0;
}

/* @group Infoboxen */

.infobox {
	padding: 10px;
	margin-bottom: 20px;
	margin-right: 10px;
	width: 90%;
	border: 1px solid #eee;
}

.infobox .datum {
	margin-bottom: 5px;
}

.infobox-last {
	padding: 10px;
	background-color: #f3f3f3;
	margin-bottom: 20px;
	width: 90%;
}

.infobox img {
	
}

.infobox h3 {
	margin-bottom: 8px;
}

.infobox-bilder {
	padding: 15px 0 0 0;
}

/* @end */

#footer {
	position: relative;
	margin-bottom: 10px;
	width: 970px;
	background-color: #aaa;
	padding: 0px;
}

.links {
	text-align: left;
}

.rechts {
	text-align: right;
}

#footer p {
	margin: 5px 0;
	line-height: 135%;
	color: #fff;
	font-size: 95%;
}

.f-inhalt-links {
	padding: 0;
	margin: 0 0 0 10px;
	float: left;
}

.f-inhalt-rechts {
	float: right;
	padding: 0;
	margin: 0 10px 0 0;
	text-align: right;
}

.f-inhalt-rechts p {
	float: right;
}

.f-inhalt-rechts img {
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
}

/* @group News */

.bild-rt {
	width: 160px;
	clear: left;
	float: left;
	margin: 0 20px 20px 0;
	padding: 0;
}

.text-rt {
	width: 420px;
	float: right;
	clear: right;
	margin: 0;
	padding: 0;
}

.float-left {
	float: left;
	clear: left;
	margin: 0px 20px 10px 0;
}

.float-right {
	clear: right;
	float: right;
	margin: 15px 0 20px 0px;
}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: left;
	margin: 0;
	padding: 0;
}

/* @end */

/* @group Vorträge */

#mitte.liste h3, #mitte.liste p, #mitte.liste p.linie {
	margin-bottom: 5px !important;
}

#mitte.liste h3 {
	font-size: 1.0em;
	font-weight: bold;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

/* @end */

.padding-15 {
	padding: 15px;
}

form p {
	margin: 10px 0 5px 0;
}

p.weiter {
	margin-top: 10px;
	margin-left: 10px;
	padding-top: 10px;
	border-top: 1px solid #f1f1f1;
	font-size: 95%;
}

p.weiter-2 {
	margin-top: 10px;
	margin-left: 0px;
	padding-top: 10px;
	font-size: 95%;
}

#mitte p.weiter, #mitte p.weiter-2 {
	margin-left: 0px;
}

.fb {
	width: 150px;
	margin-top: 15px;
}

#facebook {
	border: none;
	height: 20px;
	float: right;
	margin: -6px 40px 0 0;
	padding: 0;
	text-align: right;
}

#map_canvas {
	width: 500px;
	height: 300px;
	margin: 0 0 20px 0;
	padding: 0;
}

#map_canvas div div div div div div {
	margin: 0;
	padding: 5px 0 0 0;
	height: auto;
}

#map_canvas div div div div div div div {
	margin: 0;
	padding: 5px 0 0 0;
	height: auto;
	font-size: 95%;
}

ul#jahre {
	list-style: none;
	margin: 0 0 30px -10px;
	padding: 0 0 30px 0;
	clear: right;
}

ul#jahre li {
	float: left;
	text-align: left;
	margin: 0 0 5px 0;
	padding: 0;
}

ul#jahre a {
	padding: 0 10px;
	border-right: 1px solid #eee;
	color: #555;
}

ul#jahre a:hover, ul#jahre a:active {
	color: #dd0000;
}

.hoch {
	text-align: right;
	font-weight: bold;
}

.hoch a {
	color: #555;
	padding: 5px 25px 0 0;
	background: url(/images/layout/pfeil-rot-hoch.png) right bottom no-repeat;
}

.hoch a:hover,.hoch a:active {
	color: #dd0000;
}

.bildlinks {
	float: left;
	margin: 0 10px 10px 0;
}

.bildrechts {
	float: right;
	margin: 0 0 10px 20px;
}

.suchergebnis li {
	margin: 0 0 10px 15px;
	padding: 0 0 0 10px;
}

a, div {
	outline: none !important;
}