body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
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}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}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}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/* dk_caroufredsel global styles */
.caroufredsel_skin .image_container img, .caroufredsel_thumbnails_skin .image_container img {
	vertical-align: bottom;
}
.caroufredsel > div, .caroufredsel > section, .caroufredsel_thumbnails > div {
	float: left;
}
.caroufredsel .clearfix {
	float: none;
	clear: both;
}
.caroufredsel_thumbnails_skin {
	position: relative;
}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* fonts.css fuer Silke Schroeder Theme (Contao 3.2.20) 04.2015 */

@font-face {
	font-family: RobotoRegular;
    src: url('../../files/sschroeder_theme/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../../files/sschroeder_theme/fonts/Roboto-Regular.ttf') format('truetype');
}

@font-face {
	font-family: RobotoLight;
    src: url('../../files/sschroeder_theme/fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
		 url('../../files/sschroeder_theme/fonts/Roboto-Light.ttf') format('truetype');
}

@font-face {
	font-family: GeorgiaItalic;
    src: url('../../files/sschroeder_theme/fonts/Georgia-Italic.ttf') format('truetype');
}

/* theme.css fuer Silke Schroeder Theme (Contao 3.2.20) 04.2015 */

html {
	background: url(../../files/sschroeder_theme/img/hintergrund_unten.jpg) bottom repeat-x;
}

body {
	background: url(../../files/sschroeder_theme/img/hintergrund_oben.jpg) repeat-x;
	font-size: 14px;
	font-family: RobotoLight;
	color: #222;
	line-height: normal;
}

a {
	text-decoration: none;
	color: #806F33;
}

h1 {
	font-size: 22px;
	margin: 10px auto 20px auto;
	font-family: GeorgiaItalic, Georgia;
}

h2 {
	font-size: 17px;
	margin: 10px 0 15px 0;
	font-family: GeorgiaItalic, Georgia;
}

h3 {
	font-size: 15px;
	margin: 10px 0 15px 0;
	font-family: GeorgiaItalic, Georgia;
}

h3 small {
	display: none;
	font-size: 9px;
	margin-left: 5px;
	position: relative;
	top: -2px;
}

hr {
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-color: #222; /* #806F33 */
	margin: 12px 0 20px 0;
}

.dreieck {	/*Erzeugt ein Dreieck von 10x10px*/
	width: 0px;
    height: 0px;
    border-top: 5px solid black; /*border-top:Pfeil nach unten, border-bottom:Pfeil nach oben*/
    border-right: 5px solid white;
	border-left: 5px solid white;
}

#wrapper {
	padding-left: 15px;
	padding-right: 15px;
	min-width: 1140px;
}

/* Header */

#header { /* 1140 x 166 */
	background-color: #f4f4f4;
	position: absolute;
	margin-bottom: 166px;
	width: 1140px;
	min-width: 1140px;
	font-size: 14px;
}

#topmenue {
	background-color: #222;
	color: #fff;
	width: 100%;
	height: 23px;
	font-family: RobotoRegular;
	font-size: 12px;
}

#topmenue ul {
	position: absolute;
	right: 0;
	top: -3px;
	z-index:10;
}

#topmenue a, #topmenue span {
	margin: 0 0 0 20px;
	color: #fff;
}

#headerlogo {
	position: absolute;
	/*width: 200px;*/
	height: 104px;
	top: 45px;
	z-index: 10;
}

#suchfeld {
	position: absolute;
	z-index: 11;
	right: 0;
	top: 40px;
}

#suchfeld input[type="search"] {
	left: 23px;
	padding: 3px;
	margin: 0;
	border: 1px solid #fff;
}

#suchfeld input[type="submit"] {
	position: relative;
	top: -1px;	/* nicht im IE8 ! */
	width: 22px;
	height: 27px;
	margin: 0;
	background-color: #bab192;
	border: 3px solid #fff;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
}

/* Hauptmenü */

#hauptmenue {
	position: absolute;
	z-index: 12;
	right: 0;
	top: 100px;
	overflow: visible;
	font-family: RobotoRegular;
}

#hauptmenue ul, #topmenue ul {
	list-style: none;
}

#hauptmenue li, #topmenue li {
	float:left;
	margin: 5px 0 5px 0;
}

#hauptmenue a, #hauptmenue span {
	margin: 0 10px 0 10px;
	color: #222;
}

#hauptmenue a:hover, #hauptmenue span.active, #hauptmenue a.trail {
	color: #806F33;
}

#hauptmenue .level_1 > li.last a, #hauptmenue .level_1 > li.last span {
	margin-right: 0;
}

#hauptmenue .level_1 > li {
	padding-top: 10px;
	border-top: 1px solid #f4f4f4;
	position: relative;
}

#hauptmenue .level_1 > li.submenu {
	padding-bottom: 7px;
}

#hauptmenue .level_1 > li.submenu:hover {
	background-color: #fff;
	background-image: linear-gradient(to bottom, #f4f4f4 10%, #fff );
	border-top: 1px solid #fff;
}

#hauptmenue .level_1 > li.submenu:hover:before {
	content: "";
	width: 1px;
	min-height: 33px;
	background-image: linear-gradient(to bottom, #f4f4f4 10%, lightgrey);
	position: absolute;
	left: 0px;
	bottom: 0px;
}

#hauptmenue .level_1 > li.submenu:hover:after {
	content: "";
	width: 1px;
	min-height: 33px;
	background-image: linear-gradient(to bottom, #f4f4f4 10%, lightgrey);
	position: absolute;
	right: 0px;
	/*left: 97px;*/
	bottom: 0px;
}

#hauptmenue .level_1 > li > a.submenu:after, #hauptmenue .level_1 > li > span.submenu:after {
	content: "â–¼";
	font-size: 8px;
	font-style: normal;
	position: relative;
	top: -2px;
	padding-left: 6px;
}

#hauptmenue .level_1 > li.submenu .level_2 {
	display: none;
	position: absolute;
	left: 0px;
	background-color: #fff;
	border-left: 1px solid lightgrey;
	border-bottom: 1px solid lightgrey;
	border-right: 1px solid lightgrey;
	margin: 7px 0 0 0;
	padding: 10px 4px 6px 4px;
}

#hauptmenue .level_1 > li.submenu:hover .level_2 {
	display: block;
}

#hauptmenue .level_2 li {
	display:block;
	clear: both;
	width: 100%;
	margin: 0;
	padding-right: 40px;
}

#hauptmenue .level_2  a, #hauptmenue .level_2  span {
	display: block;
	border-bottom: 1px solid lightgrey;
	padding-top: 10px;
	padding-bottom: 10px;
}

#hauptmenue .level_2  .last {
	border-bottom: 0;
}

/* ENDE: Hauptmenü */
/* ENDE: Header */

#seitenmenue {
	margin-top: 200px;
	font-size: 17px;
	font-family: GeorgiaItalic, Georgia;
}

#seitenmenue li {
	float: left;
	padding: 0 3px 3px 0;
}

#seitenmenue li.first {
	display: none;
}

#seitenmenue a:after {
	content: "â–¶";
	font-size: 8px;
	font-style: normal;
	position: relative;
	top: -3px;
	padding-left: 8px;
	padding-right: 3px;
}

/* Footer */

#footer {
	background-color: #222;
	position: relative;
	color: #fff;
	border-top: 4px solid #806F33;
}

#footerlogo {
	position: absolute;
	top: 30px;
}

#footerlogo a {
	display: block;
	margin-top: 70px;
	font-size: 13px;
	font-weight: bold;
}

#footermenueL a, #footermenueR a {
	color: #fff;
}

#footermenueL {
	position: absolute;
	top: 20px;
	left: 290px;
}

#footermenueL li {
	margin: 10px 50px 10px 0;
}

#footermenueL ul.level_2 {
	list-style: none;
	border-top: 1px solid #806F33;
	border-bottom: 1px solid #806F33;
}

#footermenueL ul.level_2 li:before {
	content: "âš«";
	color: #806F33;
	font-size: 7px;
	position: relative;
	top: -3px;
	margin-right: 8px;
}

#footermenueR {
	position: absolute;
	top: 20px;
	left: 580px;
}

#footermenueR li {
	margin: 10px 0 22px 0;
}

#footerkontakt {
	position: absolute;
	top: 30px;
	right: 0px;
}

#footerkontakt a {
	font-size: 13px;
	font-weight: bold;
}

#footerkontakt span {
	text-transform: uppercase;
}

#footerkontakt p {
	margin: 10px 0 70px 0;
	padding: 15px 0 30px 0;
	border-color: #806F33;
	border-style: solid;
	border-width: 1px 0 1px 0;
	line-height: 20px;
}

#footerkontakt img {
	float: left;
	margin: 0 15px 15px 0;
}

#footerkontakt div {
	margin-right: 80px;
}

/* ENDE: Footer */
/* content.css fuer Silke Schroeder Theme (Contao 3.2.20) 04.2015 */

/* Startseite */

/* allg. Einstellungen fuer Galerien (Diashow etc.) */
.caroufredsel_navi .caroufredsel_prev:before {
	content: url(../../files/sschroeder_theme/img/button_links.jpg);
	position: relative;
	opacity: 0.7;
}

.caroufredsel_navi .caroufredsel_next:before {
	content: url(../../files/sschroeder_theme/img/button_rechts.jpg);
	position: relative;
	opacity: 0.7;
}

.caroufredsel_navi > a > span {
	display: none;
}

.caroufredsel_pagi {
	text-align: right;
}

.caroufredsel_pagi a {
	margin-left: 3px;
}

.caroufredsel_pagi a:before {
	content: "⚪";
}

.caroufredsel_pagi a > span {
	display: none;
}

.caroufredsel_pagi a.selected:before {
	content: "âš«";
}

#startseite .intro_diashow {
	float: left;
	width: 557px;
	margin-right: 30px;
}

#startseite .intro_diashow .caroufredsel_navi {
	float: left;
}

#startseite .intro_diashow .caroufredsel_navi .caroufredsel_prev:before {
	top: -240px;
	left: 10px;
}
#startseite .intro_diashow .caroufredsel_navi .caroufredsel_next:before {
	top: -240px;
	left: 485px;
}

#startseite .intro_text {
	margin-bottom: 30px;
	margin-left: 587px;
	min-height: 360px;
}

#startseite .intro_text p + p {
	text-align: right;
}

#startseite .intro_text a {
	color: #222;
	font-family: GeorgiaItalic, Georgia;
}

#startseite .intro_text a:before {
	content: url(../../files/sschroeder_theme/img/icon_email_hell.jpg);
	position: relative;
	right: 7px;
	top: 7px;
	margin-left: 8px;
}

#startseite .teaser {
	width: 260px;
	float: left;
	margin: 20px 33px 40px 0;
}

#startseite .teaser.last {
	margin-right: 0;
}

#startseite .teaser > p {
	min-height: 120px;
	max-height: 120px;
}

#startseite .teaser p + p {
	text-align: right;
	min-height: 0;
}

#startseite .teaser a {
	color: #222;
	font-family: GeorgiaItalic, Georgia;
}

#startseite .teaser p > a:before {
	content: url(../../files/sschroeder_theme/img/icon_weiter.jpg);
	position: relative;
	right: 7px;
	top: 3px;
	margin-left: 7px;
}

#startseite .auftraggeber {
	clear: both;
}

#startseite .auftraggeber .caroufredsel {
	left: 50px;
}

#startseite .auftraggeber .toleft {
	cursor: pointer;
	position: relative;
	top: -75px;
}

#startseite .auftraggeber .toright {
	cursor: pointer;
	position: relative;
	top: -75px;
	left: 1080px;
}

#startseite .auftraggeber .caroufredsel_skin {
	margin-bottom: -30px; /* wegen groesserem Abstand durch Buttons .toleft/.toright (je 30x30px) */
}

/* Alle Seiten (Allgemein) */

#main {
	padding: 190px 0 50px 0;
	min-height: 400px;
}

#main h1 {
	border-bottom: 1px solid #222;
	padding-bottom: 20px;
}

#main h3 {
	border-bottom: 1px solid #222;
	padding-bottom: 12px;
}

#main h3:after {
	content: "â–¼";
	font-size: 9px;
	font-style: normal;
	position: relative;
	top: -2px;
	padding-left: 5px;
	/*font-stretch: ultra-expanded;
	-moz-transform: scale(1,0.25);*/
}

#main p {
	margin-top: 20px;
}

#main .einleitung {
	margin-bottom: 30px;
}

#main .einleitung h1, #main .einleitung p {
	margin-left: 290px;
}

#main .einleitung img {
	margin: 0 30px 0 0;
}

/* Vita & Vorträge */

#main table td {
	padding: 10px 0 10px 0;
}

#main table td:first-child {
	width: 290px;
}

/* Ãœber mich */

#main .weitereinfos {
	float: left;
	margin: 0 34px 30px 0;
}

#main .weitereinfos.last {
	margin-right: 0;
}

#main .weitereinfos > p {
	margin-top: 7px;
}

#main .weitereinfos > h2 > a {
	color: #222;
}

#main .weitereinfos > h2 > a:before {  /* evtl ändern in :before */
	content: url(../../files/sschroeder_theme/img/icon_weiter.jpg);
	position: relative;
	right: 7px;
	top: 1px;
	margin-left: 10px;
}

/* Arbeitsspektrum */

#main .restaurierung li {
	float: left;
	padding: 2px;
	width: 300px;
}

#main .restaurierung li:before {
	content: "âš«";
	color: #806F33;
	font-size: 7px;
	position: relative;
	top: -3px;
	margin-right: 8px;
}

/* Atelier */

#main .impressionen  li .image_container {
	margin-top: 10px;
	margin-right: 35px;
	margin-bottom: 25px;
}

#main .impressionen li.col_last .image_container {
    margin-right: 0;
}

#atelier .einleitung  p + p + p + p {
	text-align: right;
}

#atelier .einleitung  p + p + p + p > a {
	color: #222;
	font-family: GeorgiaItalic, Georgia;
}

#atelier .einleitung  p + p + p + p > a:before {
	content: url(../../files/sschroeder_theme/img/icon_weiter.jpg);
	position: relative;
	right: 7px;
	top: 3px;
	margin-left: 7px;
}

/* Links */

#main .empfehlungen td {
	padding-right: 100px;
	width: auto;
}

#main .empfehlungen td:first-child {
	color: #8c8c8c;
	width: auto;
}

/* Suche */

#main #suchergebnis form {
	display: none;
}

#main #suchergebnis p.header {
	font-size: 18px;
	margin-bottom: 25px;
}

#main #suchergebnis div {
	margin-bottom: 20px;
}

#main #suchergebnis div > * {
	margin: 5px 0 5px 0;
}

#suchfeld_content {
	position: absolute;
	z-index: 11;
	right: 233px;
	top: 150px;
}

#suchfeld_content form {
	border: 1px solid #aaa;
}

#suchfeld_content input[type="search"] {
	left: 23px;
	padding: 5px;
	margin: 0;
	border: 1px solid #fff;
	width: 245px;
}

#suchfeld_content input[type="submit"] {
	position: relative;
	top: -1px;	/* nicht im IE8 ! */
	width: 33px;
	height: 31px;
	margin: 0;
	background-color: #bab192;
	border: 3px solid #fff;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
}

/* Projekte & Fortbildungen (Accordion) */

#main section.ce_accordionStart.ce_accordion {	
	margin-bottom: 10px;
}

#main section.ce_accordionStart.ce_accordion > div.ui-accordion-header {
	text-transform: uppercase;
	border-bottom: 1px solid #f2f2f2;
	background-color: #f0f0f0;
	padding: 30px 25px 25px 25px;
	background-image: linear-gradient(to bottom, #f2f2f2 33%, #fff 66%);
	border-radius: 15px 15px 0 0;
}

#main section.ce_accordionStart.ce_accordion > div.ui-accordion-header:after {
	content: url(../../files/sschroeder_theme/img/icon_weiter.jpg);
	position: absolute;
	right: 30px;
}

#main section.ce_accordionStart.ce_accordion > div.ui-accordion-header.active {
	color: #806F33;
}

#main section.ce_accordionStart.ce_accordion > div.ui-accordion-header.active:after {
	content: url(../../files/sschroeder_theme/img/icon_runter.jpg);
	position: absolute;
	right: 30px;
}

#main section.ce_accordionStart.ce_accordion > div.ui-accordion-content {
	padding: 30px;
}

/* Projekte */

#projekte .caroufredsel_navi {
	float: left;
}

#projekte .caroufredsel_navi .caroufredsel_prev:before {
	top: -45px;
	left: 10px;
}
#projekte .caroufredsel_navi .caroufredsel_next:before {
	top: -45px;
	left: 775px;
}

#projekte .caroufredsel .ce_text  {
	width: 830px;
	height: 388px;
	background-color: #f2f2f2;
	padding-left: 20px;
}

#projekte .caroufredsel .ce_text figure {
	float: right;
	margin-left: 20px;
}

#projekte .caroufredsel .ce_text  h4 {
	text-transform: uppercase;
	font-size: 18px;
}

#projekte .caroufredsel .ce_text  h3 {
	border: 0;
	padding: 0;
	margin: 20px 0 0 0;
}

#projekte .caroufredsel .ce_text  h3:after {
	content:"";
	padding:0;
}

/* Kontakt & Impressum */

.domain:before {
	content: url(../../files/sschroeder_theme/img/atchar.jpg);
	position: relative;
	top: 2px;
	right: 2px;
}

#kontakt_map {
	position: absolute;
	top: 0;
}