/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
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{position:relative}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.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}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
@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}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
legend{width:100%;display:block;font-weight:bold;border:0}input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type="file"]{cursor:pointer}select,input[type="file"]{display:block}input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type="radio"],input[type="checkbox"]{margin:0 3px 0 0}input[type="radio"],input[type="checkbox"],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background:transparent}input[type="submit"],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}input[type="submit"]:hover,.button:hover{text-decoration:none;background-position:0 -15px !important}input[type="submit"]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px !important}input[type="submit"].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}input[type="submit"].blue:active,.button.blue:active{background-color:#2e95b3}input[type="submit"].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}input[type="submit"].green:active,.button.green:active{background-color:#4f9f4f}input[type="submit"].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}input[type="submit"].orange:active,.button.orange:active{background-color:#f28f04}input[type="submit"].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}input[type="submit"].red:active,.button.red:active{background-color:#be322b}


/* allgemeine Definition */
.sc {
	margin-left:0 !important;
	margin-right:0 !important;
	padding-left:0 !important;
	clear:none !important;
}
.sc-first
{
	clear: both !important;
}
.sc-last {
}
.sc-clear {
	clear:left;
}

.sc-rowspan > *
{
	margin: 0!important;
	padding: 0!important;
}

/* 2-spaltig */
.sc2 {
	width:49.5%;padding-right:1%;float:left;display:inline;
}
.sc2-first {
	clear:left;
}
.sc2-last {
	padding-right:0;
}

/* 3-spaltig */
.sc3 {
	width:32.3%;padding-right:1%;float:left;display:inline;
}
.sc3-first {
	clear:left;
}
.sc3-last {
	padding-right:1.1%;
}
.sc3-2 {
	width:65.6%;padding-right:1%;float:left;display:inline;
}
.sc3-2-first {
	clear:left;
}
.sc3-2-last {
	padding-right:1.1%;
}

/* 4-spaltig */
.sc4 {
	width:24%;padding-right:1%;float:left;display:inline;
}
.sc4-first {
	clear:left;
}
.sc4-last {
}
.sc4-2 {
	width:49%;padding-right:1%;float:left;display:inline;
}
.sc4-2-first {
	clear:left;
}
.sc4-2-last {
}
.sc4-3 {
	width:74%;padding-right:1%;float:left;display:inline;
}
.sc4-3-first {
	clear:left;
}
.sc4-3-last {
}

/* 5-spaltig */
.sc5 {
	width:19%;padding-right:1%;float:left;display:inline;
}
.sc5-first {
	clear:left;
}
.sc5-last {
}
.sc5-2 {
	width:39%;padding-right:1%;float:left;display:inline;
}
.sc5-2-first {
	clear:left;
}
.sc5-2-last {
}
.sc5-3 {
	width:59%;padding-right:1%;float:left;display:inline;
}
.sc5-3-first {
	clear:left;
}
.sc5-3-last {
}
.sc5-4 {
	width:79%;padding-right:1%;float:left;display:inline;
}
.sc5-4-first {
	clear:left;
}
.sc5-4-last {
}



/**
 * Contao Open Source CMS
 *
 * Copyright (c) 2005-2015 Leo Feyer
 *
 * @license LGPL-3.0+
 */

table.sortable thead th {
	background-image:url("../../assets/jquery/tablesorter/2.0.5/images/default.gif");
	background-repeat:no-repeat;
	background-position:center right;
}
table.sortable thead th.headerSortDown {
	background-image:url("../../assets/jquery/tablesorter/2.0.5/images/asc.gif");
}
table.sortable thead th.headerSortUp {
	background-image:url("../../assets/jquery/tablesorter/2.0.5/images/desc.gif");
}

/* CompuSense Communication, Bigga Rodeck, Rodeck@compuSense.de*/

 
/***** Zuruecksetzen der Grundelemente/*****
 */
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;font-size:inherit; margin-bottom: 0;}
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 {border:0;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
del {text-decoration:line-through;}
ins {text-decoration:none;}
header,footer,nav,section,aside,article,figure,figcaption {display:block;}
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, p, pre, blockquote, table, ol, ul, form {margin-bottom: 0.1em;}


/******Grundeinstellungen*****/
/*font*/
body {font-size:15px; font-family:'Roboto Slab', serif ; font-weight:300; line-height:1.35em;}
input, button, textarea, select {font-family: inherit;font-size: 99%;font-weight: inherit;}
p{margin:0 0 5px 0}
a {text-decoration:none}
figcaption {font-size: 60%; margin: -20px 0 0 9px;z-index: 99;}

/*die großen DIV's*/
#wrapper {    margin-left: 4%;}
#container {margin: 0 auto;  max-width:100%; padding-top: 50px}
#marken {  padding: 8px 3% 2px;}
#main {max-width: 73%; float:left}
#left {max-width: 23%; float:left} 

/*grobe Seitenanordnung*/

/*Spaltensatz*/
.sc3 {padding-right: 4%;width: 28.6%;padding-bottom: 4%;}
.sc3-last {padding-right: 4%;}
.sc3-2 {padding-right: 6%;width: 59.3%;padding-bottom: 4%;}
.sc5 {width:12%}


/* Ueberschriften*/
#main .ce_headline {margin-left:90px}
h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif ;font-weight:400;}
h1 {font-size: 1.8333em; }
h2 {font-size: 1.4em; }
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em; }

h1 {margin-top:0;}
h2 {margin-top: 0em;}
h3{margin-top: 0.7em;}
h4{margin-top: 0.3em;}

/*img und video*/
figure {margin:0}
object, embed, video, iframe {max-width:100%;}
.mejs-container { max-width: 350px;}

	
/*header*/
header #pagetitle{ position:absolute; top: 200px}
header #pagetitle h1{font-size: 5em; font-family: 'Source Sans Pro', sans-serif; font-weight:600}
header #kasten { position:absolute; top: 160px; height:100px; width:100%}
	
header #claim_blau  { margin: -90px 8% 0 0; text-align: right;}
header #claim_gruen { position:absolute; left:240px; top: 60px; z-index: 5}
#claim_blau h2, #claim_gruen h2 {font-size:3em; font-family: 'Great Vibes', cursive; 0}


/*MAIN - ELEMENTE*/
#main ul {padding: 0 0 0 18px; margin-top:0}
#main ol {list-style-type: decimal;padding: 0 0 0 18px;margin-top:0}
.abstand {margin-bottom:30px}
form th, form td { padding: 5px 30px 0 0;}

/* ausgezeichneter Text*/
address {font-size:0.875em; margin:25px 0 5px 30px}



/*home*/
.home #logo, .home #claim_gruen, .home #claim_blau {position:absolute; z-index:10; overflow:visible}
.home #logo {left: 5%;top: 25px;}
.home #claim_blau  { left:40%; top:162px}
.home #claim_gruen { left:40.05%; top: 160px; z-index: 5}
.home #claim_blau h1, .home #claim_gruen h1 {font-size:4.5em; font-family: 'Great Vibes', cursive;    padding: 38px 20px 32px;}

.home #wrapper {margin-left: 0;max-width: 100%;}
.home #container { padding-top:0}
.home .rsts-slide img {margin:0 !important; width:100% !important; height:auto !important}
.home .rsts-skin-default.rsts-main {  bottom: 0;position: fixed;}

.home #marken {bottom: 0;padding-left: 3%;position: fixed;width: 85%; z-index:10}
.home #weiss {    height: 100px; position: fixed;width: 100%; bottom: 0;}

.home #hochformat {display:none}
.home p.caption {position:absolute; bottom: 110px; left:10px}








/* CSS Document */

/*copyright CompuSense Rodeck Berger GbR - info@compusense.de */

/*
Logo:#3F3F3F
Schrift: #202022;
Seitenname: #dfdfdf
Bilderrahmen:#dadada
Schwarz: #070707
Menue & Footer: #666666

Blau:#2e6692
Grün: #c3cf66
Rot: #e7512e



/*Grundeinstellungen*/
body {color: #202022; background-color: #fff; }

/*header*/
header #pagetitle h1{color:#dfdfdf}
header #claim_blau h2 {color:#666666}
header #claim_gruen h2 {color:#070707}

header #kasten {
background: rgba(223,223,223,0);
background: -moz-linear-gradient(top, rgba(223,223,223,0) 0%, rgba(246,246,246,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(223,223,223,0)), color-stop(0%, rgba(246,246,246,0)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(223,223,223,0) 0%, rgba(246,246,246,0) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(223,223,223,0) 0%, rgba(246,246,246,0) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(223,223,223,0) 0%, rgba(246,246,246,0) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(223,223,223,0) 0%, rgba(246,246,246,0) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#ffffff', GradientType=0 );
}

a {color: #2e6692}
a:hover { color: #c3cf66}


/*Bilder*/
#main figure.image_container img {border: 9px solid #dadada;}
figcaption {color:#666666;}
.mejs-container {border: 9px solid  #dadada;}


/*Farbblöcke*/

#marken {background-color: #666666;}
#marken .inside { color:#ffffff}


/*Module*/
span.mandatory, span.current{ color:#e7512e}

/*Overlay bei Bildern*/
#cboxOverlay {background: #fff none repeat scroll 0 0;opacity: 0.7 !important}
#cboxLoadedContent {border: 5px solid #dadada;}

/*home*/
.home #main #logo figure.image_container  img {border: none}
.home #weiss {background-color: #fff; opacity:0.5}
.home #marken {background-color: initial}
.home #claim_blau h1 {color:#666666}
.home #claim_gruen h1{color:#dadada}


p.info {color: #dadada;}
 p.more a, .mod_newsreader p.back a{color: #dadada;}
p.more a:hover, .mod_newsreader p.back a:hover { color: #c3cf66}

/*copyright CompuSense Rodeck Berger GbR - info@compusense.de */

@media (min-width: 1480px) {.mm-list { font-size: 16px;}}

@media (max-width: 1800px) {header #pagetitle h1 {font-size: 4.5em;} .sc3-2 {padding-right: 5%;width: 60.3%;}}
@media (max-width: 1680px) {header #pagetitle h1 {font-size: 4em;} .sc3-2 {padding-right: 3%;width: 62.3%;}}
@media (max-width: 1480px) {header #pagetitle h1 {font-size: 3.5em;}}
@media (max-width: 1280px) {header #pagetitle h1 {font-size: 3em;}}
@media (max-width: 1080px) {header #pagetitle h1 {font-size: 2.5em;}}


@media (max-width: 1366px) {
	address {font-size: 0.675em;}
	header #claim_blau {margin: -90px 7% 0 0;}
	.home #weiss {height: 90px;}
	.home p.caption { bottom: 100px;}
	.home #main #logo figure.image_container img {width: 80%;}
}


@media (max-width: 1280px) {
	#wrapper {margin-left: 2.5%;}
	.home #claim_blau h1, .home #claim_gruen h1 {font-size: 3.5em;}
	.home #main #logo figure.image_container img {max-width: 80%;}
	.home #weiss {height: 80px;}
	.home p.caption { bottom: 90px;}
	address {margin: 10px 0 5px 30px;}
	header #claim_blau {margin: -90px 5% 0 0;}
	.home #main #logo figure.image_container img {width: 70%;}
}

@media (max-width: 1024px) {
	.ipad_none {display:none}
	.sc3-2 {padding-right: 3%;width: 95%;}
	header #claim_blau h2{font-size: 2em;}
	.home #weiss {height: 70px;}
	.home p.caption { bottom: 80px;}

}
	
@media (max-width: 980px) {
	.impressum .sc3 {float:none}
	.impressum p {padding: 0 4% 0 0;}

	
}

@media (max-width: 800px) {
	address {display:none}
	#marken .sc5 { width: 16%; padding-right: 3%;}
}




@media only screen and (orientation:portrait) {
	.home #hochformat {display:block;  max-width: 70%;
    padding: 3%;}
	.home .rsts-skin-default.rsts-main {  position: relative;}
	.home #main #logo figure.image_container img {max-width: 60%;}
	.home #claim_blau {left:30%}
	.home #claim_gruen {left:30.05%}
		.home p.caption { bottom: 10px;}
}

@media (max-width: 480px) {	
	#main, #left {float:none; width:100%; max-width:100%}
	#header #logo figure.image_container img {width: 28%;  margin-top: -10px;}
	#logo {z-index: 10}
	#wrapper {  max-width: 100%;  margin: 0 3%;}

	address {display:none}
	#marken .sc5 { width: 22%; padding-right: 3%;}
	
	header #pagetitle h1 {font-size: 2em;}
	header #claim_blau { margin:0;  position: absolute;top: 40px;}	
	header #claim_blau h2, header #claim_gruen h2 {font-size: 1.5em;}
	#header #logo figure.image_container img {width: 40%;}
	#header #logo { text-align:right; margin:0 2% 0 0}
	header #pagetitle { top: 150px;}
	header #kasten {height: 50px;top: 140px;}
	.sc3-last {display:none}
	.sc3 {width: 46%;}
	.sc3-2 {float:none}
	#main figure.image_container img { border: 4px solid #dadada;}
	
	#marken img {max-width:50%}
	
}

@media only screen and (orientation:portrait) {
	.home #claim_blau { margin:0;  position: absolute;top: 80px;left: 10%;}	
	.home #claim_gruen {top: 80px;left: 10.05%;}
		.home p.caption { bottom: 20px;  }
	
}