#stimmungsbild {}

blockquote {
  font: 14px/22px normal helvetica, sans-serif;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
color:	#444444
		

} 

.content ul li {list-style-type:disc; color:#444;}

html, body { height: 100%;}

img,object,embed { max-width: 100%; }
html {   background: #FFFFFF url('../images/bg.jpg') center center no-repeat fixed;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
body {	color: #000000;	font-size: 14px;	font-family: 'Open Sans', Arial, "Helvetica Neue", Helvetica, sans-serif;	position: relative;	margin: 0;	padding: 0;}
.custom-font {	font-family: 'Open Sans', sans-serif;}
.clear { clear: both; }
.clearfix:after {    visibility: hidden;    display: block;    font-size: 0;    content: " ";    clear: both;    height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

ul , ul ul ,
ol , ol ol { 
	list-style: none; 
	list-style-type: none; 
	list-style-position: inside; 
} 

h1 { font-size: 25px; font-weight: bold; line-height: 30px; padding-bottom: 10px !important; }
h2 { color: #103073;  font-size: 22px;  font-weight: bold;  line-height: 30px;}
h3 { color: #103073; font-size: 20px; font-weight: bold; line-height: 28px; }
h4 { font-size: 18px;  font-weight: bold;  line-height: 22px;}
h5 { font-size: 16px;  font-weight: bold; line-height: 20px; }
h6 { font-size: 14px; font-weight: bold; line-height: 18px; }

h1, h2, h3, h4, h5, h6 {
	color: #103073;
	padding-bottom: 15px;
}

p, ul, ol, th, td, dt, dd {
    font-size: 14px;
	line-height: 20px;
	padding-bottom: 15px;
}

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

strong {
    font-weight:bold;
}

img , img a {
	border: none;
	outline: none;
}

a , a img {
	outline: none;
	text-decoration: none;
}

a, a:visited { 
	color: #103073; 
	text-decoration: none; 
	outline: 0; 
	transition: color 0.2s linear; 
	-moz-transition: color 0.2s linear; 
	-webkit-transition: color 0.2s linear; 
	-o-transition: color 0.2s linear;
}

a:hover, a:focus { 	color: #103073; }

.left { float: left;}
.right {float: right;}
.middle, .center { 	margin: 0 auto; }
.center { text-align: center;}
.none {	display: none;}

pre, code, samp, kbd, var {font-family: mono-space,monospace;}
pre{ 
	overflow:auto; 
	font-size: 14px; 
	color: #666666; 
	padding: 10px 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #F9F9F9;
	border: 1px dashed #CCCCCC;
	border-left: 2px solid #769039;
}
abbr, acronym{ 	text-transform:uppercase;border-bottom:1px dotted #000;}
abbr[title], acronym[title]{cursor:help;}
small{font-size:.9em;}
sup, sub{font-size:.8em;}
big { font-size: larger; }
i, em, cite, q{font-style:italic;}
img{border:none;}				
fieldset{margin:0;padding:0;border:none;}
legend{font-weight:bold;}

.first{	margin-left:0 !important;}
.last{margin-right:0 !important;}
.top{margin-top:0 !important;}
.bottom{margin-bottom:0 !important;}	
.hidden, .print { display:none;}
	
hr {
	width: auto;
	height: 1px;
	line-height: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
	border-top: 1px solid #CCCCCC;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

br {
	clear: both;
}

input {
	outline: none;
}


.custom-style .alignright { float: right; }
.custom-style .alignleft { float: left; }
.custom-style img { margin-bottom: 20px; }
.custom-style img.alignright {float:right; margin:0 0 20px 20px; }
.custom-style img.alignleft {float:left; margin:0 20px 20px 0}
.custom-style img.aligncenter {display: block; margin-left: auto; margin-right: auto; }
.custom-style .alignright {float:right; }
.custom-style .alignleft {float:left; }
.custom-style .aligncenter {display: block; margin-left: auto; margin-right: auto; }

.custom-style a {
	text-decoration: underline;
}

.custom-style a:hover {
	text-decoration: none;
}

.custom-style table {
	margin: 0;
	padding: 0;
}
.custom-style table td {
	padding: 10px;
}

.custom-style table td:first-child {
	padding-left: 0;
}

.custom-style table td img {
	margin-bottom: 5px;
}

#error {
	padding-top: 200px;
	padding-bottom: 200px;
}
#error h1 {
	color: #103073;
	font-size: 80px;
	text-align: center;
}


/* Neu Stoerer-Startseite */
.introtextStartOuter {
	    position: absolute;
    right: 0;
    top: 32px;
}
.introtextStartOuter .introtextStart {
    background-color: red;
    color: white;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    font-weight: bold;
    line-height: initial;
    font-size: 17px;
    transform: rotate(-7deg);
    position: relative;
    padding: 20px;
    box-shadow: 5px 5px 10px -4px rgba(0,0,0,0.5);
}


/* layout */
#wrapper {
	width: 100%;
	min-width: 1000px;
	position: relative;	
	margin: 0 auto;
	overflow: hidden;
}

.section {
	width: 100%;
	height: auto;
	margin: 0 auto;
	clear: both;
}

.container {
	width: 100%;
	height: auto;
	margin: 0 auto;
	clear: both;
}

.outer-container {
	width: 1000px;
	height: auto;
	margin: 0 auto;
	clear: both;
}

.inner-container {
	width: 980px;
	height: auto;
	margin: 0 auto;
	clear: both;	
}

.inside-container {
	padding: 10px;
}


#section-header {
	height: 90px;
	position: relative;
	overflow: hidden;
	background: #FFFFFF url('../images/bg_gray.png') top left repeat-x;
}

#header {
	height: 90px;
	position: relative;
}

#logo {
    display: inline-block;
    float: left;
    margin-top: 0px;
    position: relative;
}

#menu { display: inline;  float: left;  position: absolute;  right: 0; top: 60px; }

#menu ul {
	list-style: none inside;
	position: relative;
}

#menu ul li {
	color: #103073;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	margin-left: 9px;
	margin-right: 9px;
	text-transform: uppercase;
	display: inline;
	float: left;
	position: relative;
}

#menu ul li a {
	color: #103073;
	font-weight: normal;
	padding-bottom: 15px;
	display: block;
}

#menu ul li a:hover {
	background: url("images/bg_menu.png") repeat-x scroll 0 25px rgba(0, 0, 0, 0);
}

#menu ul li.active a {
	color: #103073;
	font-weight: bold;
	display: block;
	background: url("images/bg_menu.png") repeat-x scroll 0 25px rgba(0, 0, 0, 0);
}

span.contact-info {
	color: #103073;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
	top: 58px;
	right: 0;
	position: absolute;
	display: inline-block;
	float: right;
}

span.contact-info a { color: #103073; padding-bottom: 15px; }
span.contact-info a:hover { 
	background: url('../images/bg_menu.png') bottom left repeat-x;
}

.form input[type="text"] ,
.form input[type="email"] ,
.form input[type="password"] ,
.form input[type="search"] {
	color:  #333333;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    opacity: 1;
	width: 250px;
	height: 21px;
	padding: 4px 5px;
	border: 1px solid #7A1E0F;
	outline: none !important;
	clear: both;
	float: right;
	background-color: #FFFFFF;
}


.form input[type="submit"] {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	width: 60px;
	height: 29px;
	line-height: 29px;
	outline: none !important;
	display: inline-block;
	border: none;
	cursor: pointer;
	float: right;
	top: 1px;
	right: 0;
	position: absolute;
	background-color: #103073;
}

.form input[type="submit"]:hover {
	background-color: #103073;
}


#section-hero {
	position: relative;
	height: 118px;
	padding-bottom: 6px;
	background: #e8e8e8 url('../images/bg_hero.png') top center no-repeat;
}

#section-hero.home {
	height: 330px;
	/*background: url('../images/bg_hero_home.png') top center no-repeat;*/
}

#hero {
	height: 330px;
	position: relative;
}

#hero-desc {
	width: 610px;
	height: auto;
	left: 0;
	bottom: 30px;
	display: table;
	position: absolute;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.21);
	-moz-box-shadow:    0px 7px 30px rgba(0, 0, 0, 0.21);
	box-shadow:         0px 7px 30px rgba(0, 0, 0, 0.21);
}

#hero-desc h1 {
	width: 610px;
	color: #FFFFFF;
	font-size: 29px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 20px;
	display: block;
	background: #030378 url('images/bg_hero_desc_title.png') top left no-repeat;
}

#hero-desc h1 a { color: #FFFFFF; }

#hero-desc h2 {
	width: 610px;
	font-size: 19px;
	color: #6d6d6d;
	font-weight: lighter;
	padding: 10px 20px;
	display: block;
	clear: both;
}

#hero-desc h2 a { color: #6d6d6d; }


#section-content {
	padding-bottom: 20px;
	margin-bottom: 20px;
	position: relative;
	background-color: #FFFFFF;
}



#featured {
	position: relative;
	margin-bottom: 20px;
}

#featured .cols {
	width: 313px;
	height: 320px;
	margin-left: 20px;
	margin-bottom: 20px;
	position: relative;
	display: inline-block;
	float: left;
}

#featured .cols:nth-child(3n+1) {
	margin-left: 0;
	margin-right: 1px;
}

#featured .cols img {
	margin-bottom: 15px;
}

#featured .cols h2 {
	font-size: 19px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 15px;
}

#featured .cols p {
	color: #000000;
	font-size: 12px;
	font-family: 'Open Sans', Arial, sans-serif;
	line-height: 18px;
	padding-bottom: 20px;
	height:100px;
}

#featured .cols span a {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 10px;
	background-color: #6d6d6d;
}
#featured .cols span a:hover {
	text-decoration: underline;
}



#main {
	width: 670px;
	position: relative;
	padding: 20px;
	display: inline-block;
	float: right;	
}

#main p { color: #444; }


#sidebar {
	width: 225px;
	height: 100%;
	min-height: 500px;
	padding: 20px;
	position: relative;
	display: inline-block;
	float: left;
	background: url('../images/bg_sidebar.png') top left repeat-x;
}

#sidebar h3 {	
	color: #103073;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}

#sidebar ul {
	width: 100%;
	position: relative;
	list-style: none inside;
}

#sidebar ul li {
	color: #000000;
	font: 12px;
	font-family: 'Open Sans', Arial, sans-serif;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #D2D2D2;
	display: list-item;
}

#sidebar ul li:first-child {
	border-top: none;
	padding-top: 0;
}

#sidebar ul li a {
	color: #000000;
	display: block;
}

#sidebar ul li a:hover {
	color: #161686;
}

#sidebar ul li.active a {
	color: #161686;
	border-left: 4px solid #161686;
	padding-left: 5px;
}


#footer {
	height: 40px;
	position: relative;
	margin-bottom: 50px;
	clear: both;
	background: url('../images/bg_footer.png') top center no-repeat;
}

#footer p {
	color: #999999;
	font-size: 12px;
	font-family: 'Open Sans', Arial, sans-serif;
	text-align: center;
	padding-top: 15px;
}

#footer p a {
	color: #999999;
}

#footer p a:hover {
	color: #103073;
	text-decoration: underline;
}