/*
* @package  DIE WEBAGENTUR
* @author   Andreas Müller <info@die-webagentur.de>
* @date     2014/04/02
*/





/* Header & Main Menu
-------------------------------------------------- */

.header {
    position:relative;
    overflow:visible;
    height:64px;
    height:4rem;
    background-color:#68001B;
    background:-moz-linear-gradient(top, #68001B 0%, #550016 100%); /*Farbe*/
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#68001B), color-stop(100%,#550016)); /*Farbe*/
    background:-webkit-linear-gradient(top, #68001B 0%,#550016 100%); /*Farbe*/
    background:-o-linear-gradient(top, #68001B 0%,#550016 100%); /*Farbe*/
    background:-ms-linear-gradient(top, #68001B 0%,#550016 100%); /*Farbe*/
    background:linear-gradient(to bottom, #68001B 0%,#550016 100%); /*Farbe*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#68001B',EndColorStr='#550016'); /*Farbe*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#68001B',EndColorStr='#550016')"; /*Farbe*/
    -webkit-box-shadow:0 0 6px 2px rgba(0,0,0,.2);
    -moz-box-shadow:0 0 6px 2px rgba(0,0,0,.2);
    box-shadow:0 0 6px 2px rgba(0,0,0,.2);
    }

.logo {
    position:absolute;
    z-index:1250;
    top:0;
    right:20px;
    width:105px;
    padding:5px 10px 5px 5px;
    font-family:"Times New Roman", Times, Georgia, serif;
    text-align:center;
    color:#2f9a0d;
    background-color:#fff;
    -webkit-box-shadow:2px 2px 4px rgba(0,0,0,.1);
    -moz-box-shadow:2px 2px 4px rgba(0,0,0,.1);
    box-shadow:2px 2px 4px rgba(0,0,0,.1);
    }
	
.logo ol{ 
	padding-top:70px;
	font-size:1.250rem;
	line-height:1em;
	font-weight:400;
	color:#3ea850;
	letter-spacing:1px;
	font-variant:small-caps;
	text-indent:-9999em;
	}

.logo li{ 
	height:11px;
	font-size:0.750em;
	line-height:1.2em;
	text-indent:-9999em;
	white-space:nowrap;
	overflow:hidden;
	}

.logo a {
    display:block;
    width:100%;
    background:transparent url('/images/logo-sonne-rudersberg.png') no-repeat;
    background-size:100%;
    background-position:center 0;
    }





/* main Navigation
-------------------------------------------------- */

.mainnav {
    position:relative;
    height:64px;
    height:4rem;
	z-index:1200;
    }

.mainnav .menu-toggler {
    display:none;
    position:relative;
    float:left;
    padding:0 15px;
    line-height:64px;
    line-height:4rem;
    color:#fff;
    font-weight:500;
    letter-spacing:1px;
    text-transform:uppercase;
    }

.mainnav > ul > li {
    position:relative;
    float:left;
    }

.mainnav > ul > li > a {
    display:block;
    padding:0 15px;
    line-height:64px;
    line-height:4rem;
    color:#fff;
    font-weight:500;
    letter-spacing:1px;
    text-transform:uppercase;
    }

.mainnav > ul > li.active > a,
.mainnav > ul > li > a:hover {
    text-decoration:underline;
    }

.mainnav > ul > li > ul {
    display:none;
    position:absolute;
    top:4rem;
    left:0;
    z-index:1;
    min-width:120%;
    background-color:#FFFFFF; /* Farbe - hell Nevigation*/
	-webkit-box-shadow:0 2px 6px rgba(0,0,0,.5);
	-moz-box-shadow:0 2px 6px rgba(0,0,0,.5);
	box-shadow:0 2px 6px rgba(0,0,0,.5);
    }

.mainnav ul li ul li {
    font-size:1em;
    color:#7f7f7f;
    }

.mainnav ul li ul li a {
    display: block;
    padding:15px 25px;
    color:#7f7f7f;
    font-weight:300;
    }

.mainnav ul li ul li a:hover {
    color:#191919;
    background-color:#FFFADC; /* Farbe - dunkel Nevigation*/
    }

.mainnav > ul > li:hover > ul {
    display:block;
    }

#nav-main {
    white-space:nowrap;
    }




/* Category Navigation
-------------------------------------------------- */

.subnavi-box {
    position:absolute;
    left:0;
    bottom:0;
    font-size:0.875em;
    line-height:1.5em;
    font-weight:300;
    color:#555;
    letter-spacing:1px;
    text-transform:uppercase;
	z-index:1100;
    }

.button-filter {
    display:none;
    padding:10px 20px;
    color:#FFF;
    background:#68001B;
    }

.nav-sub li {
    position:relative;
    float:left;
    margin-right:2px;
    }

.nav-sub li a {
    display:block;
    padding:10px 20px;
    color:#333;
    background:#FFE9B3;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
	-webkit-box-shadow:2px -3px 3px rgba(0,0,0,.2);
	-moz-box-shadow:2px -3px 3px rgba(0,0,0,.2);
	box-shadow:2px -3px 3px rgba(0,0,0,.2);
    }

.nav-sub li a:hover {
    color:#FFF;
	background:#FFB400;
    text-decoration:none;
    }

.nav-sub li.active a {
	color:#333;
    background:#FFF;
    }

.nav-sub li.active a:hover {
    color:#333;
    background:#FFF;
    }




/* Content Top
-------------------------------------------------- */

.content-top {
    position:relative;
    text-align:center;
    color:#666;
    background-color:#FFFADC; /*Farbe Hintergund Top*/
	-webkit-box-shadow:inset 1px -3px 3px rgba(0,0,0,.1);
	-moz-box-shadow:inset 1px -3px 3px rgba(0,0,0,.1);
	box-shadow:inset 1px -3px 3px rgba(0,0,0,.1);
    }

.content-top .row {
    margin:0;
    text-align:center;
    }

.content-top .std {
    padding:40px 0 80px 0;
    text-align:center;
    }

.content-top h1 {
    color:#3ea850 !important;
    word-wrap:break-word;
    }

.content-top h5 {
    margin-bottom:20px;
    font-size:0.8em;
    font-weight:900;
    text-align:center;
    letter-spacing:1px;
    text-transform:uppercase;
    }

.content-top h5:before {
    content:'\2013';
    margin-right:10px;
    }

.content-top h5:after {
    content:'\2013';
    margin-left:10px;
    }

.content-top p {
    width:70%;
    margin:0 auto;
    font-size:1.1em;
    }




/* Content Main
-------------------------------------------------- */

.content-main {
    position:relative;
    padding:40px 0;
    }

.content-main p {
    margin-bottom:1.2em;
    }

.content-main p img {
    margin-bottom:20px;
    }

.content-main p a {
    color:#68001B;
	/*font-weight:600;*/
    text-decoration:underline;
    }

.content-main p a:hover {
    color:#333;
    text-decoration:none;
    }
	
.formhinweis a {
    color:#68001B;
	/*font-weight:600;*/
    text-decoration:underline;
    }

.formhinweis a:hover {
    color:#333;
    text-decoration:none;
    }


.content-overview {
    position:relative;
    padding:40px 0;
    }





/* Standard Content Styles
-------------------------------------------------- */

.std ol {
    margin-bottom:1.2em;
    margin-left:1.125em;
    list-style-type:decimal;
    list-style-position:outside;
    }

.std ol li {
    margin-bottom:0.2em;
    }

.std ul {
    margin-bottom:1.2em;
    list-style-type:square;
    list-style-position:outside;
    margin-left:1em;
    }

.std ul li {
     margin-bottom:0.2em;
    }

.content-main h1,
.std h1 {
    margin-bottom:0.5em;
    font-family:'PT Serif', serif;
    font-size:2.4rem;
    font-size:34px;
    line-height:1.1em;
    font-weight:400;
	font-style:italic;
    color:#333;
    }

.content-main h1,	
.std-hochwasser h1 {
    margin-bottom:0.5em;
    font-family:'PT Serif', serif;
    font-size:2.4rem;
    font-size:34px;
    line-height:1.1em;
    font-weight:400;
	font-style:italic;
    color:#68001B;
    }
	
.alert h1 {
    margin:1.5em 0 1.5em 0;
    font-family:'PT Serif', serif;
    font-size:2.4rem;
	font-size:34px;
    line-height:1.1em;
    font-weight:400;
    color:#333;
    }

.content-main h2,
.std h2 {
    margin-bottom:1em;
    font-size:1rem;
    font-size:16px;
    line-height:1em;
    font-weight:600;
    color:#333;
    text-transform:uppercase;
    }

.content-main h3,
.std h3 {
    margin-bottom:0.375em;
    font-size:1rem;
    font-size:16px;
    line-height:1em;
    font-weight:800;
    color:#333;
    text-transform:uppercase;
    word-wrap:break-word;

    }

.content-main h4,
.std h4 {
    margin-bottom:15px;
    font-weight:800;
    color:#333;
    }

.content-main p,
.std p {
    text-align:justify;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
    }
	
.content-main p,
.std-hochwasser p {
    text-align:justify;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
    }

.subtitle {
    display:block;
    margin-left:20px;
    margin-bottom:1.5em;
    font-size:1rem;
    font-size:16px;
    line-height:1em;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:2px;
    color:#333;
    text-align:center;
    }




/* Overview Lists
-------------------------------------------------- */


.hotline {
    padding:10px 10px 5px 10px;
	margin:-15px 0 30px 0;
	background-color:#fff;
    }

h2.hotline-head {
    padding:30px 10px 35px 10px;
	margin:-10px -10px 0 -10px;
    background:transparent url('/images/oval.png') no-repeat;
    background-size:100%;
    background-position:center 0;
	height:110px;
	/*background-color:#F2A614;*/ /*#68001B*/
	/*font-family:'PT Serif', serif;*/
    font-size:1.1rem;
	font-size:17px;
	/*font-variant:small-caps;*/
	/*font-style:normal;*/
	/*text-transform:capitalize;*/
	letter-spacing:1px;
	word-spacing:0;
	line-height:1.3em;
    color:#68001B;
    font-weight:700;
	text-align:center;
    }

.news {
    padding:10px 10px 5px 10px;
	margin:-10px 0 50px 0;
	border: 1px solid #EAD6A3;
	background-color:#fff;
	-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.2);
	-moz-box-shadow:2px 2px 4px rgba(0,0,0,.2);
	box-shadow:2px 2px 4px rgba(0,0,0,.2);
    }
	
.news-hochwasser {
    padding:20px 30px 0 30px;
	margin:0 0 50px 0;
	border: double #68001B;
	background-color:#F5F5F5;
    }
	
.news-end {
	margin:-40px 0 0 0;
    }

h2.news-head {
    padding:12px 10px 12px 10px;
	margin:-10px -10px 0 -10px;
	background-color:#F2A614; /*#68001B*/
	/*font-family:'PT Serif', serif;*/
    font-size:1rem;
	font-size:15px;
	/*font-variant:small-caps;*/
	/*font-style:normal;*/
	/*text-transform:capitalize;*/
	letter-spacing:1px;
	word-spacing:2px;
    color:#FFFFFF;
    font-weight:700;
	text-align:center;
    }
	
.news-img {
	margin:0 -10px 10px -10px;
    }
	
.news-meldung {
    text-align:justify;
	line-height:1.2em;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
    }
	
.form-news-link {
	margin:-10px 0 0 0;
    }

.news-list {
    position:relative;
	margin:0 0 20px -30px;
    }

.news-list li {
    display:block;
    width:100%;
    /*margin-bottom:15px;
    padding-bottom:10px;
    border-bottom:1px solid #ddd;*/
	margin-left:0;
    }

.news-list li:last-child {
    /*border-bottom:none;*/
    }
	
.border {
    border-bottom:1px solid #ddd;
    height:1px;
	margin:15px 30px 30px 60px; 
	overflow:hidden;
    }
	
.border:last-child {
    border-bottom:none;
    }
	
.news-list h2 {
    margin:0 0 10px 0;
    font-family:'PT Serif', serif;
    font-size:2rem;
	font-size:30px;
    color:#333;
    font-weight:400;
    }

.news-list li h2 {
    margin:0 0 20px 0;
    font-family:'PT Serif', serif;
    font-size:2rem;
	font-size:30px;
    color:#333;
    font-weight:400;
    }

.news-list li h3 {
    margin-bottom:5px;
    font-size:1rem;
    font-size:16px;
    line-height:1em;
    font-weight:400;
    color:#333;
    text-transform:none;
    }
	
.news-list li .news-pic {
	margin-top:6px !important;
	margin-right:30px !important;
    }
	

/*Accordion (blau)*/
.ce_accordion_blue .toggler{margin:0 0 10px 0;padding:10px 0 10px 60px;background:#04248D url('/images/arrow-up.gif') no-repeat;background-position:20px 50%;cursor:pointer;}
.ce_accordion_blue .toggler.open{margin:0 0 10px 0;padding:10px 0 10px 60px;background:#666 url('/images/arrow-down.gif') no-repeat;background-position:20px 50%;cursor:pointer;}
.ce_accordion_blue .toggler h3{margin:0;padding:0;font-size:0.875em;line-height:1.5em;font-weight:400;color:#FFF;letter-spacing:1px;text-transform:uppercase;}
.ce_accordion_blue .toggler.open h3{margin:0;padding:0;font-size:0.875em;line-height:1.5em;font-weight:400;color:#FFF !important;letter-spacing:1px;text-transform:uppercase;}
.ce_accordion_blue .accordion div{margin:20px 0 0 0;}

/*Accordion (grün)*/
.ce_accordion_green .toggler{margin:0 0 10px 0;padding:10px 0 10px 60px;background:#009656 url('/images/arrow-up.gif') no-repeat;background-position:20px 50%;cursor:pointer;}
.ce_accordion_green .toggler.open{margin:0 0 10px 0;padding:10px 0 10px 60px;background:#666 url('/images/arrow-down.gif') no-repeat;background-position:20px 50%;cursor:pointer;}
.ce_accordion_green .toggler h3{margin:0;padding:0;font-size:0.875em;line-height:1.5em;font-weight:400;color:#FFF;letter-spacing:1px;text-transform:uppercase;}
.ce_accordion_green .toggler.open h3{margin:0;padding:0;font-size:0.875em;line-height:1.5em;font-weight:400;color:#FFF !important;letter-spacing:1px;text-transform:uppercase;}
.ce_accordion_green .accordion div{margin:20px 0 0 0;}

/*Accordion (rot)*/
.ce_accordion_red .toggler{margin:0 0 10px 0;padding:10px 0 10px 60px;background:#AE0028 url('/images/arrow-up.gif') no-repeat;background-position:20px 50%;cursor:pointer;}
.ce_accordion_red .toggler.open{margin:0 0 10px 0;padding:10px 0 10px 60px;background:#666 url('/images/arrow-down.gif') no-repeat;background-position:20px 50%;cursor:pointer;}
.ce_accordion_red .toggler h3{margin:0;padding:0;font-size:0.875em;line-height:1.5em;font-weight:400;color:#FFF;letter-spacing:1px;text-transform:uppercase;}
.ce_accordion_red .toggler.open h3{margin:0;padding:0;font-size:0.875em;line-height:1.5em;font-weight:400;color:#FFF !important;letter-spacing:1px;text-transform:uppercase;}
.ce_accordion_red .accordion div{margin:20px 0 0 0;}

/*Accordion (gelb)*/
.ce_accordion_yellow .toggler{margin:0 0 10px 0;padding:10px 0 10px 60px;background:#FFB400 url('/images/arrow-up.gif') no-repeat;background-position:20px 50%;cursor:pointer;}
.ce_accordion_yellow .toggler.open{margin:0 0 10px 0;padding:10px 0 10px 60px;background:#666 url('/images/arrow-down.gif') no-repeat;background-position:20px 50%;cursor:pointer;}
.ce_accordion_yellow .toggler h3{margin:0;padding:0;font-size:0.875em;line-height:1.5em;font-weight:400;color:#333;letter-spacing:1px;text-transform:uppercase;}
.ce_accordion_yellow .toggler.open h3{margin:0;padding:0;font-size:0.875em;line-height:1.5em;font-weight:400;color:#FFF !important;letter-spacing:1px;text-transform:uppercase;}
.ce_accordion_yellow .toggler h2{margin:0;padding:0;font-size:0.875em;line-height:1.5em;font-weight:400;color:#333;letter-spacing:1px;text-transform:uppercase;}
.ce_accordion_yellow .toggler.open h2{margin:0;padding:0;font-size:0.875em;line-height:1.5em;font-weight:400;color:#FFF !important;letter-spacing:1px;text-transform:uppercase;}
.ce_accordion_yellow .accordion div{margin:20px 0 0 0;}

/*Accordion (gold)*/
.ce_accordion_gold .toggler{margin:0 0 20px 0;padding:10px 0 10px 60px;background:#FFF url('/images/arrow-up.gif') no-repeat;background-position:20px 50%;cursor:pointer;border-top: 1px solid #EAD6A3;}
.ce_accordion_gold .toggler.open{margin:0 0 20px 0;padding:10px 0 10px 60px;background:#FFF url('/images/arrow-down.gif') no-repeat;background-position:20px 50%;cursor:pointer;}
.ce_accordion_gold .toggler h2{margin:0;padding:0;font-size:0.875em;line-height:1.5em;font-weight:600;color:#68001B;letter-spacing:1px;word-spacing:2px;text-transform:uppercase;}
.ce_accordion_gold .toggler.open h2{margin:0;padding:0;font-size:0.875em;line-height:1.5em;font-weight:600;color:#68001B !important;letter-spacing:1px;word-spacing:2px;text-transform:uppercase;}
.ce_accordion_gold .accordion h3{text-transform:none;color:#68001B;font-weight:600;line-height:1.5em;margin:0;}
.ce_accordion_gold .accordion h1{font-family:'PT Serif', serif;color:#68001B!important;font-weight:400;line-height:1.5em;margin:0 0 15px 0;font-size:1.250rem;font-size:25px;}
.ce_accordion_gold .accordion p strong{font-weight:400;}
.ce_accordion_gold .accordion p:last-child{padding-bottom:30px;}
.ce_accordion_gold .accordion div{margin:20px 0 0 0;}
.ce_accordion_gold .accordion ul {margin-bottom:1.2em;list-style-type:square;list-style-position:outside;margin-left:1em;}
.ce_accordion_gold .accordion ul li {margin-bottom:0.2em;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
.line_accordion_gold{border-top: 1px solid #EAD6A3;margin-bottom:20px;}
.image-accordion {float:right;}

/*Accordion (purpur)*/
.ce_accordion_purple .toggler{margin:0 0 10px 0;padding:10px 0 10px 60px;background:#7C4DB8 url('/images/arrow-up.gif') no-repeat;background-position:20px 50%;cursor:pointer;}
.ce_accordion_purple .toggler.open{margin:0 0 10px 0;padding:10px 0 10px 60px;background:#666 url('/images/arrow-down.gif') no-repeat;background-position:20px 50%;cursor:pointer;}
.ce_accordion_purple .toggler h3{margin:0;padding:0;font-size:0.875em;line-height:1.5em;font-weight:400;color:#FFF;letter-spacing:1px;text-transform:uppercase;}
.ce_accordion_purple .toggler.open h3{margin:0;padding:0;font-size:0.875em;line-height:1.5em;font-weight:400;color:#FFF !important;letter-spacing:1px;text-transform:uppercase;}
.ce_accordion_purple .accordion div{margin:20px 0 0 0;}

/* Teaser List Accordion */
.project-list-accordion{margin:0 0 20px -30px;}
.project-list-accordion li{position:relative;height:305px;overflow:hidden;margin-bottom:20px;background-color:#FFF;border:1px solid #ddd;}
.project-list-accordion li a{display:block;}
.project-list-accordion li h3{margin:10px 10px 5px 10px;font-family:'PT Serif', sans-serif;font-size:1.250rem;font-size:20px;line-height:1em;color:#333;font-weight:900;text-transform:uppercase;}
.project-list-accordion li h4{margin:0 10px;line-height:1em;}
.project-list-accordion li p{margin:5px 10px;line-height:1.2em;text-align:left;}
.project-list-accordion li p a{margin:5px 0;line-height:1em;text-align:left;}

/* Teaser List Accordion Beispiele */
.project-list-accordion-beispiele{margin:0 0 20px -30px;}
.project-list-accordion-beispiele li{position:relative;height:375px;overflow:hidden;margin-bottom:20px;background-color:#FFF7E3;border:1px solid #ddd;}
.project-list-accordion-beispiele li a{display:block;}
.project-list-accordion-beispiele li h3{margin:15px 10px 5px 10px;font-family:'PT Serif', sans-serif;font-size:1.250rem;font-size:20px;line-height:1em;color:#333;font-weight:900;text-transform:uppercase;}
.project-list-accordion-beispiele li h4{margin:0 10px;line-height:1em;}
.project-list-accordion-beispiele li p{margin:5px 10px;line-height:1.2em;text-align:left;}
.project-list-accordion-beispiele li p a{margin:5px 0;line-height:1em;text-align:left;}


/* Truncate Text Styles */

a.morelink {
    text-decoration:none;
    color:#3ea850;
    }

.morecontent span {
    display: none;
    }


/* Teaser List */

.project-list {
    margin-bottom:20px;
    }

.project-list li {
    position:relative;
    height:400px;
    overflow:hidden;
    margin-bottom:20px;
    background-color:#f0f0f0;
	border:1px solid #ddd;
    }

.project-list li a {
    display:block;
    }

.project-list li h3 {
    margin:20px 10px 5px 10px;
    font-family:'PT Serif', serif;
    font-size:1.250rem;
    font-size:20px;
    line-height:1em;
    color:#333;
    }

.project-list li h4 {
    margin:0 10px;
    line-height:1em;
    }
	
.project-list li p {
    margin:5px 10px;
    line-height:1em;
	text-align:left;
    }
	
.project-list li p a {
    margin:5px 0;
    line-height:1em;
	text-align:left;
    }


/* Simple Plain List */

.simple-list li {
    margin-bottom:20px;
    padding:10px 0;
    border-bottom:1px solid #ddd;
    }

.simple-list h3 {
    margin:0 0 5px 0;
    font-family:'PT Serif', serif;
    font-size:1.250rem;
    font-size:20px;
    line-height:1em;
    color:#333;
    }

.simple-list li h4 {
    line-height:1em;
    }



/* Contact Forms
-------------------------------------------------- */

.forminfo {
    padding:6px 10px;
    border:2px solid red;
    color:red;
    }

#form-module-thanks {
    padding:6px 10px;
    border:2px solid green;
    color:green;
    }

.upload-button {
    display:block;
    position:relative;
    width:100%;
    height:40px;
    padding:12px 16px;
    margin-bottom:15px;
    font-size:0.875em;
    line-height:1em;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#fff;
    cursor:pointer;
    border:none;
    -webkit-border-radius:42px;
    -moz-border-radius:4px;
    border-radius:4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color:#68001B; /*Farbe*/
    background:-moz-linear-gradient(top, #68001B 0%, #550016 100%); /*Farbe*/
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#68001B), color-stop(100%,#550016)); /*Farbe*/
    background:-webkit-linear-gradient(top, #68001B 0%,#550016 100%); /*Farbe*/
    background:-o-linear-gradient(top, #68001B 0%,#550016 100%); /*Farbe*/
    background:-ms-linear-gradient(top, #68001B 0%,#550016 100%); /*Farbe*/
    background:linear-gradient(to bottom, #68001B 0%,#550016 100%); /*Farbe*/
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68001B', endColorstr='#550016', GradientType=0); /*Farbe*/
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }

.upload-button:hover,
.upload-button:active {
    text-decoration:none;
    background-color:#5bb75b; /*Farbe 2*/
    background-image:-moz-linear-gradient(top, #737373, #585858); /*Farbe grau*/
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#737373), to(#585858)); /*Farbe grau*/
    background-image:-webkit-linear-gradient(top, #737373, #585858); /*Farbe grau*/
    background-image:-o-linear-gradient(top, #737373, #585858); /*Farbe grau*/
    background-image:linear-gradient(to bottom, #737373, #585858); /*Farbe grau*/
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#737373', endColorstr='#585858', GradientType=0); /*Farbe grau*/
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }

.upload-button label {
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#fff;
    }
	
.fieldset label {
    padding:6px 0 2px 0;
    }

.upload-button input[type="file"] {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    height:40px;
    opacity:0;
    cursor:pointer;
    }

.buttons-set input[type="submit"],
.buttons-set input[type="reset"],
.buttons-set button[type="submit"],
.buttons-set button[type="button"],
.buttons-set input[type="button"] {
    margin:20px 0;
    width:100% !important;
    }
	
.radio-button {
	display:none;
    }




/* Google Maps
-------------------------------------------------- */

.map-canvas {
    position:relative;
    width:100%;
    height:400px;
    }

.column-right .map-canvas {
    position:relative;
    width:100%;
    height:300px;
    margin-bottom:20px;
    }

/*Fixes UI problem */

.map-canvas img {
    max-width:none;
    }

.center-frame {
	position: relative;
	width: 100%;
	height: 300px;
	overflow: hidden;
	}

.wild-frame { 
	background: url(../images/sonne-rudersberg-map.jpg) no-repeat center; 
	width: 100%; 
	height: 100%;
	}





/* Footer
-------------------------------------------------- */

.footer-address p {
    text-align:left;
    }
	
.footer-bottom p {
    padding:0 20px 20px 20px;
    }

.footer {
    margin-top:20px;
    font-size:0.875rem;
    font-size:14px;
    color:#666;
    }

.footer a {
    color:#666;
    }

.footer strong {
    color:#68001B;
    }

.footer .row {
    padding-top:10px;
    padding-bottom:10px;
	margin-left:-60px;
    }

.footer .border {
    border-bottom:1px solid #ddd;
    height:1px;
    }

.footer .social {
    margin-top:20px;
    }

.footer .fsocial {
    float:right;
    padding:0;
    list-style:none;
    }

.fsocial li {
    float:left;
    margin:10px 0;
    }

.fsocial li a {
    display:block;
    overflow:hidden;
    width:30px;
    height:30px;
    margin-left:8px;
    text-indent:-9999em;
    background-image:url('/images/icons-social.png');
    background-repeat:no-repeat;
    }

.icon-facebook {
    background-position:0 0;
    }

.icon-facebook:hover {
    background-position:-30px 0;
    }

.icon-twitter {
    background-position:0 -30px;
    }

.icon-twitter:hover {
    background-position:-30px -30px;
    }

.icon-mail {
    background-position:0 -60px;
    }

.icon-mail:hover {
    background-position:-30px -60px;
    }


/* Footer Quick Navi */

.footer nav {
    text-align:center;
    }

ul.navi-footer {
    display:inline-block;
    }

ul.navi-footer li {
    float:left;
    margin:0 10px;
    font-size:0.875rem;
    font-size:14px;
    line-height:1em;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:1px;
    }
	
ul.navi-footer li img {
    height:27px;
	width:27px;
	padding:0;
	margin:-7px 0 0 0;
	-moz-border-radius:50%; 
	-webkit-border-radius:50%; 
	border-radius:50%;
    }

ul.navi-footer li.current {
    color:#333;
    }

ul.navi-footer li a {
    display:block;
    color:#999;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    }

ul.navi-footer li a:hover {
    color:#191919;
    }

.footer-bottom {
    position:relative;
    padding:10px 0;
    text-align:center;
    }

.footer-bottom p {
    text-align:center;
    }
	
.logos {
    margin-left:auto;
	margin-right:auto;
	width:795px;
    }

.footer-bottom .logos-klein img {
	height:90px;
	width:auto;
	margin:15px 14px 30px 14px;
	border:0;
    }






/* No JavaScript Alert
-------------------------------------------------- */

.noscript { background:#333; color:#999; }
.noscript a,
.noscript h2 { color:#999; }





/* Home Landing Page
-------------------------------------------------- */

.flexslider {
    position:relative;
    width:100%;
    zoom:1;
    overflow:hidden;
    padding:0;
    margin:0;
    background:transparent url('/images/loader.gif') no-repeat 50% 50%;
    }

.flex-container {
    zoom:1;
    position:relative;
    }

.flex-container a:active,
.flexslider a:active {
    outline:none;
    }

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin:0;
    padding:0;
    list-style:none;
    }

.flexslider .slides {
    zoom:1;
    overflow:hidden;
    }

.flexslider .slides > li {
    position:relative;
    display:none;
    }

.flexslider .slides img {
    max-width:100%;
    width:100%;
    display:block;
    }

html[xmlns] .slides { display:block; }
* html .slides { height:1%; }

/* No JavaScript Fallback Modernizr: Eliminates this class */
.no-js .slides > li:first-child { display:block; }

.flex-caption {
    position:absolute;
    left:0;
    bottom:0;
    width:96%;
    padding:2%;
    font-size:1rem;
    line-height:18px;
    }
	
.flex-overlay {
    position:absolute;
    left:2%;
    bottom:0;
    width:97%;
	height:40%;
    padding:0;
	z-index:500;
	overflow:hidden;
    }
	
.flex-overlay-line {
    height:100%;
	width:21%;
	float:left;
    }
	
.flex-overlay-line a {
	-moz-border-radius:50%; 
	-webkit-border-radius:50%; 
	border-radius:50%;
    }
	
.flex-overlay-pic {
	border:0;
	transform_:rotate(-15deg);
    }

.flex-direction-nav li a {
    position:absolute;
    top:50%;
    width:52px;
    height:52px;
    margin:-13px 0 0;
    display:block;
    cursor:pointer;
    text-indent:-9999px;
	z-index:3;
    }

.flex-direction-nav li .next {
    right:0px;
    background:url('/images/btn-next.png') no-repeat 0 0;
    }

.flex-direction-nav li .prev {
    left:10px;
    background:url('/images/btn-prev.png') no-repeat 0 0;
    }

.flex-direction-nav li .disabled {
    opacity:.3;
    filter:alpha(opacity=30);
    cursor:default;
    }

.flex-control-nav {
    position:absolute;
    bottom:15px;
    right:20px;
    text-align:center;
    }

.flex-control-nav li {
    margin-left:7px;
    display:inline-block;
    zoom:1;
    *display:inline;
    }

.flex-control-nav li:first-child {
    margin:0px;
    }

.flex-control-nav li a {
    width:18px;
    height:18px;
    display:block;
    cursor:pointer;
    text-indent:-9999px;
    background-color:#ffffff;
    }

.flex-control-nav li a:hover {
    background-color:#FFF0BE; /* Farbe */
    }

.flex-control-nav li a.active {
    background-color:#68001B; /* Farbe */
    cursor:default;
    }





/* Portrait
-------------------------------------------------- */


.portrait {
    position:relative;
    height:450px;
    margin-top:20px;
    margin-bottom:40px;
    overflow:hidden;
    }

.portrait h2 {
    margin-bottom:20px;
    font-family:'PT Serif', serif;
    font-size:2rem;
    font-size:32px;
    color:#333;
    font-weight:400;
	font-style:italic;
    }

.portrait h3 {
    margin-bottom:10px;
    font-size:1rem;
    font-size:16px;
    color:#333;
    font-weight:300;
    letter-spacing:1px;
    text-transform:uppercase;
    }

.portrait-image-left {
    position:absolute;
    height:450px;
    width:50%;
    left:30px;
    bottom:0;
    }

.portrait-image-left img {
    height:100%;
    width:auto;
    }

.portrait-image-right {
    position:absolute;
    height:450px;
    width:50%;
    right:0;
    bottom:0;
    overflow:hidden;
    }

.portrait-image-right img {
    float:right;
    height:100%;
    width:auto;
    }

.portrait .border {
    position:absolute;
    bottom:0;
    border-bottom:1px solid #dddddd;
    }





/* Stellenangebote
-------------------------------------------------- */


.stellenangebot {
    position:relative;
    margin-top:20px;
    margin-bottom:40px;
    }

.stellenangebot h2 {
    margin:20px 0;
    font-family:'PT Serif', serif;
    font-size:2rem;
    font-size:32px;
    color:#333;
    font-weight:400;
    }

.stellenangebot .border {
    position:absolute;
    top:0;
    border-bottom:1px solid #dddddd;
    }





/* Trennen
-------------------------------------------------- */
.trennung {
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	}
	  




/* Datum
-------------------------------------------------- */
.datum1a {
	float:left;
	width:46%;
	margin-right:4%;
	}
	
.datum2a {
	float:left;
	width:50%;
	}
	
.datum1b {
	float:left;
	width:46%;
	margin-right:4%;
	}
	
.datum2b {
	float:left;
	width:50%;
	}



/* Lupe
-------------------------------------------------- */

.Zoomable{ cursor:url('/images/z_in.cur'), pointer!important; }
#ZoomPic{ cursor:url('/images/z_out.cur'), pointer!important; -webkit-box-shadow:2px 2px 8px rgba(0,0,0,.5); -moz-box-shadow:2px 2px 8px rgba(0,0,0,.5); box-shadow:2px 2px 8px rgba(0,0,0,.5) }





/* Calendar Dirs21
-------------------------------------------------- */

.dirs21 { margin-bottom:-20px;border-bottom:0 solid #ddd; }
.fieldset .calendar { width:88%; }
.fieldset .icon { width:32px; height:32px; border:0; margin-left:91%; margin-top:-34px; margin-bottom:2px; cursor:pointer; }
.fieldset .auswahl { padding:2px 2px 2px 18px; }




/*FancyBox
-------------------------------------------------- */
.fancybox       { text-align:center;cursor:url('/images/z_in.cur'), pointer!important; }

.bilder-fancybox {margin-top:30px;margin-right:-5px;}

.bild_klein {
	width:auto;
	min-width:88px;
	height:88px;
	}
.bild_klein_overflow {
	width:88px;
	height:88px;
	overflow:hidden;
	float:left;
	margin:0 5px 5px 0;
	text-align:center;
	background-color:#FFFADC;
	}



/* Navigation lists
-------------------------------------------------- */

#selection { height:50px; margin:0 0 20px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; overflow:hidden; }
#selection ul li { float:left; font-size:14px; line-height:50px; margin:0 25px 0 0; }

#selection select { display:none; }


.short-selection li { padding:10px 0; border-bottom:1px solid #ddd; }
.short-selection li:hover { background:#f3f3f3; }
.short-selection li a { margin:0 0 0 10px; }
.short-selection li a:hover { text-decoration:none; }





/* Basic site blocks
-------------------------------------------------- */


.about { margin:20px 0; }
.about img { margin:0 0 20px; }

.article .date { margin-bottom:5px; font-size:13px; text-transform:uppercase; letter-spacing:1px; }
.article img { margin:0 0 20px; }

.mobil{ display:none;}






/* Data protection
-------------------------------------------------- */

/*.datenschutz a:link    { color: #c03; text-decoration: none }
.datenschutz a:visited    { color: #c03; text-decoration: none }
.datenschutz a:hover    { color: #404040; text-decoration: none }
.datenschutz a:active    { color: #404040; text-decoration: none }*/
/*.datenschutz p {color: #404040; font-size: 12px; line-height: 17px; font-family: Tahoma, sans-serif; font-weight:normal; padding:0 0 15px 0!important; margin:0;}*/

/*.datenschutz ul {color: #404040; font-size: 12px; line-height: 17px; font-family: Tahoma, sans-serif; font-weight:normal; padding:0 0 0 20px; margin:0;}
.datenschutz li {padding:0 0 5px 0;}*/
.datenschutz ul {list-style:none!important;}
.datenschutz ul ul {list-style:disc!important; padding-left:10px;}
.datenschutz h4 {margin-bottom:2px!important;}
.datenschutz br {line-height:0!important;display: block; margin: 0; padding: 0;}






/* Special Sizes
-------------------------------------------------- */


@media (min-width:980px) and (max-width:1200px) {

/*FancyBox
-------------------------------------------------- */
.bild_klein {
	width:auto;
	min-width:96px;
	height:96px;
	}
.bild_klein_overflow {
	width:96px;
	height:96px;
	}	
h2.hotline-head {
    padding:20px 10px 35px 10px;
	margin:-10px -10px 0 -10px;
	height:90px;
    font-size:1.1rem;
	font-size:17px;
	line-height:1.3em;
    }

}


@media (min-width: 768px) and (max-width: 979px) {
	
/* Calendar Dirs21
-------------------------------------------------- */

.dirs21 { margin-bottom:-20px;border-bottom:0 solid #ddd; }
.fieldset .calendar { width:87%; }
.fieldset .icon { width:32px; height:32px; border:0; margin-left:89%; margin-top:-34px; margin-bottom:2px; cursor:pointer; }
.fieldset .auswahl { padding:2px 2px 2px 18px; }
.mainnav > ul > li > a { padding:0 10px; }


/*FancyBox
-------------------------------------------------- */
.bild_klein {
	width:auto;
	min-width:72px;
	height:72px;
	}
.bild_klein_overflow {
	width:72px;
	height:72px;
	}
	
.logos {
    margin-left:auto;
	margin-right:auto;
	width:695px !important;
    }

.footer-bottom, .logos-klein img {
	height:83px !important;
	width:auto;
	margin:12px 9px 20px 9px !important;
	border:0;
    }
	
h2.hotline-head {
    padding:14px 10px 35px 10px;
	margin:-10px -10px 0 -10px;
	height:70px;
    font-size:1rem;
	font-size:15px;
	line-height:1.2em;
    }

}


/* All Mobile Sizes
-------------------------------------------------- */


@media only screen and ( max-width:767px ) {

    .content-top .row { min-height:0; *height:auto; }
	.content-top .row { padding:0; }
	
    .mainnav .menu-toggler { display:block; }

    .mainnav ul { height:0; overflow: hidden; }
    .mainnav ul.open { height:auto; }

    .mainnav ul { position:absolute; z-index:100; top:4rem; width:100%; border:none; background-color:#68001B; } /*Farbe*/
    .mainnav > ul > li { display:block; width:100%; float:none; background:transparent;border-bottom:1px solid rgba(0,0,0,0.1); }
    .mainnav > ul > li a { text-decoration:none; }
    .mainnav > ul > li a:hover { background:rgba(0,0,0,.05); border:none; text-decoration:none; }
    .mainnav > ul > li.active a { background:rgba(0,0,0,.1); border:none; text-decoration:none; }
    .mainnav > ul > li > ul { display:none; }
    .mainnav > ul > li:hover > ul { display:none; }

    .subnavi-box { 
	text-align:left; 
	background-color:#68001B;
	-webkit-box-shadow:2px -2px 3px rgba(0,0,0,.3);
    -moz-box-shadow:2px -2px 3px rgba(0,0,0,.3);
    box-shadow:2px -2px 3px rgba(0,0,0,.3);
	}
    .button-filter { display:inline-block; padding:5px 20px; }
	
	.line_accordion_gold{margin-bottom:50px;}
	
    .project-list-accordion { margin:0; }
    .project-list-accordion li { height:auto; }
    .project-list-accordion li h3 { margin:10px 0 5px 0; font-size:1em; }
    .project-list-accordion li img { float:left; width:30%; margin-right:10px; }
	
    .project-list-accordion-beispiele { margin:0; }
    .project-list-accordion-beispiele li { height:auto; }
    .project-list-accordion-beispiele li h3 { margin:10px 0 5px 0; font-size:1em; }
    .project-list-accordion-beispiele li img { float:left; width:30%; margin-right:10px; }

	.news-list { margin:0 -40px; }
	.border { margin:15px 20px 30px 20px; }

    .project-list li { height:auto; }
    .project-list li h3 { margin:10px 0 5px 0; font-size:1em; }
    .project-list li img { float:left; width:30%; margin-right:10px; }

    .portrait-image-left { left:0; position:relative; width:100%; height:auto; }
    .portrait-image-right { position:relative; width:100%; height:auto; }

    .nav-sub { display: none; text-align:left; }
    .nav-sub li a { background-color:#fff; color:#666; padding:4px 20px;
	-webkit-box-shadow:0 0 0 rgba(0,0,0,.0);
	-moz-box-shadow:0 0 0 rgba(0,0,0,.0);
	box-shadow:0 0 0 rgba(0,0,0,.0); 
	}
    .nav-sub li.active a { font-weight:400; background-color:#FFB400; color:#FFF; }
    .nav-sub li:hover a { background-color:#FFE9B3 !important; color:#191919 !important; }
    .nav-sub li { display:block !important; width:100%; float:none !important; background-color:#FFF; }

    .navi-footer li { float:none; }
	ul.navi-footer li { margin:0 4px; }
	.footer .row { padding-top:10px; padding-bottom:10px; margin-left:-40; }
	.footer .std { margin-left:60px; }
	ul.navi-footer { margin-left:60px; }

    .news-date { margin-bottom:5px; font-size:1em; text-align:left !important; }
	
	.border{margin:15px 20px 30px 20px;}
	
	.image-accordion {float:none;}
	
	.bilder-fancybox {margin-right:0;}
	
	.desktop{ display:none;}
	.mobil{ display:block;}
	
	.flex-overlay { height:48%; }
	.flex-overlay-line { width:25%; }
	
	.logos { display:none; }
	
	.hotline { display:none; }
	
	.datum1b { float:none; width:100%; margin-right:0; }
	.datum2b { float:none; width:100%; }
	
	.news-hochwasser { padding:10px 10px 0 10px; margin:0 0 50px 0; }
}





/* Global Clearfix
-------------------------------------------------- */

.wrapper:after,
.header:after,
.mainnav ul:after,
.nav-sub:after,
.footer:after,
.fsocial:after,
.navi-footer:after,
.slides:after,
.about:after,
.project-list:after,
.project-list li:after
.news-list:after,
.news-list li:after
.simple-list:after,
.simple-list li:after {
    display:block;
    zoom:1;
    *zoom:1;
    content:"\0020";
    height:0;
    line-height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    }