/*** RESET ***/
header, footer, nav, section, aside, main, article, figure, figcaption { display: block; }
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, ol, ul, li, dl, dt, dd, figure, table, th, td, form, fieldset, legend, input, textarea { margin: 0; padding: 0; }
input, button, textarea, select { font-family: inherit; font-size: 99%; font-weight: inherit; }
html { overflow-y: scroll; }
table { border-spacing: 0; border-collapse: collapse; font-size: inherit; }
caption, th, td { text-align: left; text-align: start; vertical-align: top; }
caption, th { font-weight: bold; }
abbr, acronym { font-variant: normal; border-bottom: 1px dotted #666; cursor: help; }
blockquote, q { quotes: none; }
fieldset, img, iframe { border: 0; }
ul { list-style-type: none; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
del { text-decoration: line-through; }
ins { text-decoration: none; }
pre, code { font-family: Monaco, monospace; font-size: 0.9em; line-height: 1; }


header, nav, article, footer, address, section, figure, figcaption { display: block; }
body { background: #FDFAF3; font-family: Arial, Helvetica, sans-serif; outline: 0; text-align: center; color: #57585A; font-size: 15px; }
html { overflow-y: scroll; }
body > #wrapper { height: auto; min-height: 100%; }
img { border-style: none; }
a { color: #0086CF; text-decoration: none; }
a:hover { text-decoration: none; }
.link { font-size: 1.1em; padding: 0 2px 0 0; }
.rot { background: #AA2F17; color: #fff; padding: 0 3px; }
.clr { clear: both; }
.clrfix:after { content: ""; display: table; clear: both; }
.invisible { width: 0; height: 0; left: -1000px; top: -1000px; position: absolute; overflow: hidden;  display: inline; } 
.float_left { float: left; margin-right: 1em; }
.float_right { float: right; margin-left: 1em; }
.caption { font-size: 0.8em; line-height: 1.2; color: #848589; padding: 0 0 0 3px; }
.colorblau { color: #990000; }
.colorrot { color: #990000; }
.colorschwarz { color: #000; }

/* Container */
#wrapper { background: #fff; margin: 0 auto; width: 1024px; text-align: left; max-width: 100%; }
#header { position: relative; }
#container { min-height: 350px; }
#main { line-height: 1.5; }
#footer { position: relative; clear: both; border-top: 1px solid #E3DDCD; padding: 10px 0 50px; font-size: 0.8em; line-height: 1.2; color: #57585A; }
.rs-columns { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#footer:after { content: ""; display: table; clear: both; }

/* Header */
#logo span { display: none; }
#mainnav { height: 40px; border-top: 1px solid #A69D82; border-bottom: 1px solid #A69D82; background: #cfc4aa; background: -moz-linear-gradient(top, #cfc4aa 0%, #baaa94 100%); background: -webkit-linear-gradient(top, #cfc4aa 0%,#baaa94 100%); background: linear-gradient(to bottom, #cfc4aa 0%,#baaa94 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfc4aa', endColorstr='#baaa94',GradientType=0); position: relative; }
#mainnav li { position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#mainnav ul.level_1 li:hover ul.level_2, #mainnav ul.level_1 li.toggled ul.level_2 { display: block; }


/* Text Hauptspalte */
h1 { font-size: 1em; font-weight: bold; margin: 0 0 20px; color: #990000; display: block; border-bottom: 1px solid #E3DDCD; }
h2 { font-size: 1em; font-weight: bold; margin: 30px 0 10px; color: #990000; display: block; border-bottom: 1px solid #E3DDCD; }
h3 { font-size: 1em; font-weight: bold; margin: 0; color: #57585A; display: block; }
p { margin: 0 0 10px; }
#main p a, #main h1 a, #main h2 a, #main ul a, #main ol a, span.pfeil, aside .mod_navigation a, aside .mod_navigation strong, aside .mod_customnav a, aside .mod_customnav strong, aside p a, body.home #main .ce_hyperlink a { background: url("images/pfeil-a.svg") no-repeat 0 2px; padding: 0 0 0 11px; }
#main ul { list-style-type: square; margin: 0 0 10px 20px; }
#main ol { list-style-type: decimal; margin: 0 0 10px 20px; }
#main ul li, #main ol li { margin: 0 0 5px; }
#main .ce_text, #main .ce_player { clear: both; }
#main .ce_text:after, #main .ce_gallery:after { content: ""; display: table; clear: both; }
body:not(.home) #main .image_container { float: left; margin: 0 10px 20px 0; }
#main .ce_gallery { margin-bottom: 20px; }
.image_container img { display: block; }
#main .musik li { margin: 0 0 10px; }
.reinhoeren { margin: -10px 0 10px !important; }
#main .caption { margin: 0 0 10px; }
form { margin: 27px 0 0; }

/* Back-Link */
#main .ce_hyperlink.back { clear: both; margin: 20px 0; }
#main .ce_hyperlink.back a { background: url("images/pfeil-back.svg") no-repeat 0 2px; padding: 0 0 0 11px; white-space: nowrap; }

/* Player */
#main .ce_player { margin-bottom: 10px; }
#main .ce_player h3 { margin-bottom: 5px; }

/* Formular */
#main .ce_form  label { display: block; margin: 10px 0; }
#main .ce_form  input.text { width: 250px; border: 1px solid #E3DDCD; background: #F9F9F5; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
#main .ce_form  .textarea { width: 460px; height: 128px; border: 1px solid #E3DDCD; background: #F9F9F5; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 2px; }
#main .ce_form  .submit { width: 80px; height: 24px; text-align: center; margin: 20px 0 0; padding: 0; border: 1px solid #A69D82; font-family: Arial, Helvetica, sans-serif; font-size: 1em; background: #D1C7AC; }

/* Galerie */
#main .ce_gallery ul { margin: 0 0 10px; list-style: none; list-style-type: none; }
#main .ce_gallery ul li .image_container { margin: 0 10px 10px 0; }
#main .ce_gallery ul li a { background: none; padding: 0; }

/* Publikationen */
body.person #main .ce_text + .ce_text, body.person #main .block.border { border-top: 1px solid #E3DDCD; margin-bottom: 10px; padding-top: 10px; }
body.person #main .block.border { }
body.person #main .ce_text:after { content: ""; display: table; clear: both; }
body.person #main .image_container { margin-bottom: 10px; }
body.person #main .ce_text .text { float: right; width: calc(100% - 120px); }

/* Startseite */
body.home aside h1, body.home aside h2 { color: #57585A; }
body.home #main .rs-columns { line-height: 1.35; } 
body.home #main .rs-columns.border h1, body.home #main .rs-columns.border h2, body.home #main > .mod_article > .ce_text.border h1, body.home #main > .mod_article > .ce_text.border h2 { background: #FDFAF3 url("images/boxh2-back.gif") left top repeat-x; padding: 6px 10px; margin: 0 0 10px; border-bottom: 1px solid #E3DDCD; line-height: 1.3; margin-left: -10px; margin-right: -10px; }
body.home #main .rs-columns.border, body.home #main .rs-columns.border, body.home #main .ce_text.border { border: 1px solid #E3DDCD; padding: 0 10px 10px; line-height: 1.35; margin: 0 0 20px; }
body.home #main > .mod_article > .ce_hyperlink.border { margin: -20px 0 20px; padding: 6px 10px; border-left: 1px solid #E3DDCD; border-right: 1px solid #E3DDCD; border-bottom: 1px solid #E3DDCD; }
body.home #main .image_container { margin-bottom: 10px; }
/*body.home #right .ce_text.projekte ul { margin: 10px 0; }
body.home #right .ce_text.projekte li { padding: 5px 5px 5px 10px; list-style-type: none; }
body.home #right .ce_text.projekte li a { display: block; border-top: 1px solid #E3DDCD; border-bottom: 1px solid #E3DDCD; background: url("images/pfeil-a.svg") no-repeat 0 2px; padding: 3px 0 3px 11px; margin: 0 -5px; }*/
body.home #right .ce_text.projekte ul { list-style-type: none; margin: 10px 5px 10px 10px; }
body.home #right .ce_text.projekte li { margin-bottom: 10px; position: relative; background: url("images/pfeil.svg") no-repeat 0 12px; padding: 10px 0 0 0; text-indent: 11px; }
body.home #right .ce_text.projekte li:before { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 1px; background: #E3DDCD; }

/* rechte / linke Spalte */
aside .ce_text { border: 1px solid #E3DDCD; padding: 0 0 10px; line-height: 1.35; margin: 0 0 20px; }
aside h1, aside h2 { background: #FDFAF3 url("images/boxh2-back.gif") left top repeat-x; padding: 6px 10px; margin: 0 0 10px; border-bottom: 1px solid #E3DDCD; line-height: 1.3; }
aside h1.ce_headline, aside h2.ce_headline { border: 1px solid #E3DDCD; }
aside p { padding: 0 10px; }
aside p:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
/*aside .mod_navigation a, aside .mod_navigation strong, aside .mod_customnav a, aside .mod_customnav strong, aside p a, body.home #main .ce_hyperlink a { white-space: nowrap; }*/
aside .mod_navigation strong, aside .mod_customnav strong { background: url("images/pfeil.svg") no-repeat 0 2px; }
aside .ce_text ul { list-style-type: square; margin: 10px 5px 10px 20px; }
aside .ce_text ol { list-style-type: decimal; margin: 10px 5px 10px 20px; }
.boxtext { border: 1px solid #E3DDCD; padding: 10px; line-height: 1.35; margin: 0 0 30px; }
a.simple, aside a.simple { background: none; padding: 0 !important; white-space: nowrap; }
aside .image_container { margin: 10px; }
aside .image_container.float_left { margin: 2px 10px 0; }
aside .caption { margin: 0 0 30px; }
aside .ce_image .caption { margin: 3px 0 30px; }

aside .mod_navigation, aside .mod_customnav { line-height: 1.4; margin: 0 0 30px; padding: 0 0 10px; }
aside .mod_customnav  + .mod_customnav { margin-top: -20px; }
aside .mod_navigation ul, aside .mod_customnav ul { list-style-type: none; margin: 10px 5px 10px 10px; }
aside .mod_navigation ul li, aside .mod_customnav ul li { border-bottom: 1px solid #E3DDCD; }
aside .mod_navigation a, aside .mod_navigation strong, aside .mod_customnav a, aside .mod_customnav strong { display: block; padding: 0 0 5px 13px; }
aside .mod_navigation a:hover, aside .mod_navigation strong, aside .mod_customnav a:hover, aside .mod_customnav strong { font-weight: bold; }


/* Navi Potsdam/Senftenberg */
aside .mod_customnav h2 { font-weight: normal; color: #57585A; padding: 0; border: 1px solid #E3DDCD; padding: 3px 10px; }

/* Fu�zeile */
#footer a { color: #990000; text-decoration: none; }
#footer a:hover { color: #990000; text-decoration: none; }
.fright { float: right; }
.fleft { float: left; }
#footer ul { margin: 0; }
#footer li { float: left; display: inline-block; padding-left: 1em; margin: 0; }



@media screen and (min-width: 800px) {
	#container { padding: 50px; }
	#main { float: left; width: calc(100% - 300px); }
	aside { float: right; width: 260px; }
	
	#header { padding-top: 308px; background: url("images/erik.jpg") left top no-repeat; border-left: 1px solid #A69D82; border-right: 1px solid #A69D82; }
	.senftenberg #header { background: url("images/senftenberg.jpg") left top no-repeat; }
	.unternehmen #header { background: url("images/unternehmen.jpg") left top no-repeat; }
	#logo { position: absolute; top: 80px; right: 90px; }
	
	#menutoggler { display: none; }
	#mainnav ul.level_1 { display: inline-block; float: right; padding-right: 47px; }
	#mainnav ul.level_1 > li { list-style: none; display: inline; text-align: center; float: left; }
	#mainnav ul.level_1 > li > a, #mainnav ul.level_1 > li > strong { display: inline-block; padding: 5px 13px 0; background: #f6f8f3; background: -moz-linear-gradient(top, #f6f8f3 0%, #ebe7d7 100%);
	background: -webkit-linear-gradient(top, #f6f8f3 0%,#ebe7d7 100%); background: linear-gradient(to bottom, #f6f8f3 0%,#ebe7d7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8f3', endColorstr='#ebe7d7',GradientType=0); border-left: 1px solid #A69D82; color: #000; line-height: 30px; border-bottom: 5px solid #777779; font-weight: normal; }
	#mainnav ul.level_1 > li.kontakt > a, #mainnav ul.level_1 > li.kontakt > strong { border-right: 1px solid #A69D82; }
	#mainnav ul.level_1 > li > a:hover, #mainnav ul.level_1 > li > strong:hover { background: #f6f8f3; background: -moz-linear-gradient(top, #ebe7d7 0%, #f6f8f3 100%); background: -webkit-linear-gradient(top, #ebe7d7 0%,#f6f8f3 100%); background: linear-gradient(to bottom, #ebe7d7 0%,#f6f8f3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebe7d7', endColorstr='#f6f8f3',GradientType=0); }
	#mainnav ul.level_1 > li > a:hover { border-bottom: 5px solid #403f41; }
	#mainnav ul.level_1 > li > strong, #mainnav ul.level_1 > li > a.trail { border-bottom: 5px solid #cc3333; }
	
	#mainnav ul.level_2 { position: absolute; top: 41px; z-index: 999; min-width: 100%; left: 0; background: #f5f7f2; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; visibility: hidden; opacity: 0; transition-delay: 0.3s; }
	#mainnav ul.level_1 li:hover ul.level_2 { visibility: visible; opacity: 1; }
	#mainnav ul.level_2 li { display: block; border-bottom: 1px solid #E3DDCD; text-align: left; border-left: 1px solid #E3DDCD; border-right: 1px solid #E3DDCD; }
	#mainnav ul.level_2 li a, #mainnav ul.level_2 li strong { display: block; padding: 5px 13px; background: #fff; white-space: nowrap; color: #57585A; }
	
	#main { padding: 0 0 40px; }
	body.home .rs-columns.publikationen .image_container { float: none; margin: 0 0 10px; }
	
	#footer { margin: 0 50px; }
}

@media screen and (max-width: 799px) {
	#container { padding: 20px; }
	#logo { padding: 10px; }
	#logo a { display: block; text-align: center; }
	#logo img { margin: 0 auto; }

	#menutoggler { position: absolute; bottom: 0; right: 0; z-index: 9; width: 80px; height: 40px; background-image: url("images/menutoggler.svg"); background-repeat: no-repeat; background-position: center; cursor: pointer; cursor: pointer; }
	#mainnav { width: 100%; }
	#mainnav ul.level_1 { display: none; position: absolute; width: 100%; top: 41px; background: #fff; }
	#mainnav ul li { list-style: none; display: block; border-bottom: 1px solid #E3DDCD; }
	#mainnav ul li a, #mainnav ul li strong { display: block; padding: 5px 20px 3px; color: #000; font-weight: normal; }
	#mainnav ul li strong, #mainnav ul li a.trail { font-weight: bold; }
	
	#mainnav ul.level_2 { display: none; }
	#mainnav ul.level_1 li:hover ul.level_2, #mainnav ul.level_1 li.toggled ul.level_2 { display: block; }
	#mainnav ul.level_2 { border-top: 1px solid #E3DDCD; }
	#mainnav ul.level_2 li { font-size: 0.9em; background-color: #f9f9f9; }
	#mainnav ul.level_2 li.last { border-bottom: 0; }
	#mainnav ul.level_2 a, #mainnav ul.level_2 strong { padding: 5px 0 6px 30px; }
	
	body.scrolled #mainnav, body.scrolled #menutoggler { position: fixed; top: 0; z-index: 999; }
	body.scrolled #container { padding-top: 50px; }
	body.home .rs-columns.publikationen .image_container { float: left; margin: 2px 10px 0 0; }
	aside { margin-top: 2em; }
	
	#footer { background: #fff; padding: 20px; }
	
}