/* Contao Open Source CMS, (c) 2005-2014 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{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{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{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2014 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}
/**
 * Global TinyMCE style sheet
 *
 * Use this style sheet to define CSS classes for the rich text editor. The
 * stlye sheet will be included in the editor and the page layout automatically.
 * Although the stlye sheet is shared by all themes, you can override its
 * formattings in any of your theme style sheets.
 *
 *   files/tinymce.css (this is how it looks like in TinyMCE)
 *   .warning { color:#c55; }
 *
 *   theme_a.css (this is how it looks like in theme A)
 *   .warning { font-weight:bold; }
 *
 *   theme_b.css (this is how it looks like in theme B)
 *   .warning { color:#000; }
 *
 * If you do not want to use a global TinyMCE style sheet at all, simply delete
 * this file (files/tinymce.css).
 */
.warning { color:#c55; font-size:1.1em; }
.confirmation { color:#090; font-size:1.1em; }
.information { color:#999; font-size:0.9em; }
/* ColorBox v1.5.8, (c) 2011 Jack Moore - jacklmoore.com, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#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}#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("../jquery/colorbox/1.5.8/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background: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("../jquery/colorbox/1.5.8/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("../jquery/colorbox/1.5.8/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("../jquery/colorbox/1.5.8/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* =============================================================================
 * Fonts
 * ========================================================================== */
@font-face{
font-family:"Futura BT W01 Light";
src:url("../../files/layout/Fonts/bf74a9d0-0954-467f-abf2-269d642a34e6.eot%3F.html");
src:url("../../files/layout/Fonts/bf74a9d0-0954-467f-abf2-269d642a34e6.eot%3F.html") format("eot"),url("../../files/layout/Fonts/bb6e42eb-bc30-4c8a-b4ee-bdba1631f178.woff.html") format("woff"),url("../../files/layout/Fonts/7c212380-c01a-48df-b253-606f78f6c4db.ttf.html") format("truetype"),url("../../files/layout/Fonts/a585fe69-b36b-45e2-ab89-5f0fb2f702e4.svg.html") format("svg");
}

/* =============================================================================
 * reset & defaults
 * ========================================================================== */

/* reset
------------------------------------------------- */
* {margin: 0; padding: 0; border: 0; outline: 0; background-repeat: no-repeat;}
#wrapper * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

#colorbox *,
#wrapper .mejs-container * {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}

ol, ul {list-style: none;}
table {border-spacing: 0; border-collapse: collapse;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

b,strong {font-weight: bold;}

input {outline: 0 none;}

figure {line-height: 0;}

/* lightbox link height
------------------------------------------------- */
.image_container a {line-height: 0;}

/* lightbox width
------------------------------------------------- */ 
#mbCenter img {width: auto; max-width: 100%; height: auto; vertical-align: middle;}

/* mod_navigation (mainmenu)
------------------------------------------------- */
#mainmenu .level_1,
#mainmenu .level_2 {margin: 0; padding: 0;}

/* =============================================================================
 * general styles & page setup
 * ========================================================================== */
html,body {height: 100%;}
a {outline: none; -moz-outline-style: none; -webkit-outline-style: none;}
iframe {max-width: 100%; border: 0;}
code, pre {font-family: monospace;}
hr {padding: 0; border: none; border-top: medium double #dddddd; color: #cccccc; text-align: center; height: 1px; margin: 25px 0;}
/*#container .image_container img {width: 100%;}*/
.image_container img:after {content: ""; clear: both; display: block;}

p {margin-bottom: 20px;}
p.more {margin-bottom: 0;}
p.back {margin-bottom: 0; margin-top: 10px;}
blockquote {font-style: italic; font-size: 16px; margin-bottom: 20px;}
blockquote p {line-height: 22px;}

/* Consistency of cursor style, Corrects inability to style clickable 'input' types in iOS */
button[disabled],
input[disabled] {cursor: default;}

/* Remove background from selected images */
img::selection {background: transparent;}
img::-moz-selection {background: transparent;}

/* HTML5 display definitions
------------------------------------------------- */ 
summary {display: block;}
[hidden] {display: none;}

/* =============================================================================
 * * & html & body
 * ========================================================================== */

html {overflow-y: scroll; min-height: 100%;}
html, body {}
body {background-repeat: repeat;}
body.ie8 {overflow: auto;}



/* =============================================================================
 * =============================================================================
 * =============================================================================
 * =============================================================================
 * =============================================================================
 * =============================================================================
 * =============================================================================
 * =============================================================================
 * ========================================================================== */




/* =============================================================================
 * default stylesheet
 * ========================================================================== */

/* body, headlines
------------------------------------------------- */
body {background: #ffffff;}
#wrapper {background: #ffffff;}

body, input, select, textarea {
    font-size: 14px;
}

body, input, select, textarea, a, p, span {line-height: 1.3;}

h1, h2, h3, h4, h5, h6 {line-height: 1.3;}

body, input, select, textarea {
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    color: #444444;
}

h1, h2, h3, h4, h5, h6  {
    font-family: 'Roboto', sans-serif;
    font-weight:300;
}

h1, h2, h3, h4, h5, h6, .color {
    color: #002655;
}

h4 {}

a {
    color: #002655;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

a.button {
	color:#fff;
	text-decoration:none;
	background-color:#456183;
	padding:10px;
	margin:15px 0;
	display:block;
	text-align:center;
	}

a.button:hover {
	text-decoration:underline;
	}	


p.back {}

/*a.button, span.button a {
	display: inline-block;
	color: #ffffff;
	background: #000000;
	padding: 0 10px;
    text-decoration: none;
}*/

/* a (special)
------------------------------------------------- */
#header div.logo a,
#header div#logo a,
#header ul.level_1 a,
#left ul.level_1 a,
#right ul.level_1 a,
#footer ul.level_1 a,
#main ul.level_1 a {text-decoration: none;}

/* headlines
------------------------------------------------- */
h1, h1 a {
    font-size: 24px;
    padding: 0;
    margin: 0 0 15px 0;
}

h2, h2 a {
    font-size: 24px;
    padding: 0;
    margin: 0 0 15px 0;
}

h3, h3 a {
    font-size: 16px;
    padding: 0;
    margin: 0 0 15px 0;
}

h4, h4 a {
    font-size: 14px;
    padding: 0;
    margin: 0;
}

h5, h5 a {
    font-size: 12px;
    padding: 0;
    margin: 0;
}

h6, h6 a {
    font-size: 11px;
    padding: 0;
    margin: 0;
}

#header div.logo a,
#header div#logo a,
#header ul.level_1 a,
#left ul.level_1 a,
#right ul.level_1 a,
#footer ul.level_1 a,
#main ul.level_1 a {
    color: inherit;
    background: none;
    padding: 0;
    margin: 0;
}

/* cols & widths
------------------------------------------------- */
.col25, .col33, .col50, .col66, .col75 {float: left;}

.col25 {
    width: 24%;
    margin-right: 1%;
}

.col25.last {
    width: 24%;
    margin-right: 0;
}

.col33 {
    width: 32.3333333%;
    margin-right: 1%;
}

.col33.last {
    width: 32.3333333%;
    margin-right: 0;
}

.col50 {
    width: 49%;
    margin-right: 1%;
}

.col50.last {
    width: 49%;
    margin-right: 0;
}

.col66 {
    width: 65%;
    margin-right: 1%;
    padding-left:15px;
}

.col75 {
    width: 74%;
    margin-right: 1%;
}

.col75.last {
    width: 74%;
    margin-right: 0;
}

.col100 {
    width: 100%;
}


/* ol,ul,li
------------------------------------------------- */
#main ol,
#main ul,
#right ol,
#right ul,
#custom ul,
.ui-tooltip ul {
    padding: 0 0 0 20px;
    margin: 10px 0 10px 0;
    list-style-type: none;
}

#main ol li,
#main ul li,
#right ol li,
#right ul li,
#custom ul li,
.ui-tooltip ul li {
    padding: 0;
    margin: 0;
}

#main ol li,
#right ol li {list-style-type: decimal;}


#main li,
#right li,
#custom li,
.ui-tooltip li {
    list-style: url("../../files/layout/bg-li.png");
}

/* image_container floats
------------------------------------------------- */
#main .image_container.float_right {margin: 0 0 3% 5%;}
#main .image_container.float_left {margin: 0 5% 3% 0;}
#main .image_container.float_above {margin: 0 0 10% 0;}
#team .image_container.float_above {margin: 10% 0 3% 0;}
/* =============================================================================
 * "ce_" & "mod_" - elements
 * ========================================================================== */

/* mod_randomImage
------------------------------------------------- */
.mod_randomImage {height: auto;}

/* ce_gallery
------------------------------------------------- */
#main .ce_gallery ul, #main .ce_gallery ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}

#main .ce_gallery ul li {
    margin-right: 2%;
    margin-bottom: 2%;
}

/* ce_downloads
------------------------------------------------- */
#main .ce_downloads ul, #main .ce_downloads ul li {
    padding: 0;
    margin: 0;
}

/* mod_search
------------------------------------------------- */
.mod_search form {display: none;}

/* mod_subscribe
------------------------------------------------- */
#main .mod_subscribe p.error {float: none;}
#main .mod_subscribe input.text {float: none;}
#main .mod_subscribe input.submit {display: block;}

/* mod_newslist
------------------------------------------------- */
#main .mod_newslist .layout_latest p.info {
    margin-bottom: 0;
}

#main .mod_newslist .layout_latest {
	margin-bottom: 25px;
	padding:15px 10px 15px;
	}
	
#main .mod_newslist .layout_latest.odd {
	background: #f2f2f2;
	}	
	
.mod_newslist .layout_latest h2 a, .mod_newslist .layout_latest h2 {
	font-size: 18px;
	margin-bottom: 0px;
	}	

/* mod_eventlist
------------------------------------------------- */
#main .mod_eventlist .layout_teaser p.info {
    margin-bottom: 0;
}

/* =============================================================================
 * forms
 * ========================================================================== */

/* ce_form
------------------------------------------------- */
#main .captcha-container {background: #ecd0d0;}

::-webkit-input-placeholder {
    color: #002655;
}

/* firefox 19+ */
::-moz-placeholder {
    color: #002655;
} 

/* ie */
:-ms-input-placeholder {
    color: #002655;
} 

input:-moz-placeholder {
    color: #002655;
}

input.text,
input.captcha,
input.submit,
input.button,
input.reset,
select,
textarea {
    padding: 5px;
}

select {
    height: 31px;
    padding: 8px;
}

textarea {height: 200px;}

.ce_form .required.mandatory {
	width:100%;
	padding-top:10px;
}

input.button,
input.reset,
input[type="submit"],
input.submit {
    color: #ffffff;
    background: #456183;
    padding: 6px 10px !important;
}

body.firefox input.button,
body.firefox input.reset,
body.firefox input[type="submit"],
body.firefox input.submit {
    padding: 0 10px;
}

#search input.text,
#main input.text,
#main input.captcha,
#main select.select,
#main textarea.textarea {
    float: left;
    width: 297px;
    border: 1px solid #002655;
}

#main textarea.textarea {
    min-width: 297px;
    max-width: 297px;
    height: 60px;
    min-height: 60px;
    max-height: 60px;
    
}

#main input.captcha {
    width: 100px;
}

#main .ce_form div {
	margin-bottom: 5px;
}

#main label {
    display: block;
    float: left;
    width: 150px;
}

input.text.error,
input.captcha.error,
input.checkbox.error,
input.radio.error,
select.error,
textarea.error {
    margin-left: 150px;
}

input.password.confirm.error {margin-left: 0;}
#main .formbody br {clear: both;}
#main .formbody div {overflow: hidden;}

#main .submit_container {
    clear: both;
    margin-top: 10px;
}

/* =============================================================================
 * menus / breadcrumbs
 * ========================================================================== */

/* mod_breadcrumb
------------------------------------------------- */
.mod_breadcrumb,
.mod_breadcrumb h6,
.mod_breadcrumb li,
.mod_breadcrumb li a {
    font-size: 12px;
    line-height: 1;
}

.mod_breadcrumb h6 {
    float: left;
    padding: 0;
    margin: 0;
}

.mod_breadcrumb ul {
    padding: 0;
    margin: 0;
}

.mod_breadcrumb li {
    float: left;
    padding-left: 20px;
    padding-right: 0;
    margin-right: 0;
    margin-left: 10px;
}

.mod_breadcrumb li.first {
    background: none;
    padding-left: 0;
}

.mod_breadcrumb li:before {
    margin-right: 5px;
}

/* mod_navigation (mainmenu-mobile)
------------------------------------------------- */
#menu-mobile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    overflow: scroll;
    display: none;
}

#menu-mobile.clicked {display: block;}

#menu-mobile-button {
    display: none;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 100;
}

#menu-mobile-button a {
    display: block;
}

#mainmenu-mobile {
    width: 100%;
}

#mainmenu-mobile .level_1 > li > a,
#mainmenu-mobile .level_1 > li > span {
    display: block;
    min-height: 10px;
    line-height: 1;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    color: #000000;
    border-bottom: 1px #676767 solid;
    text-decoration: none;
}

#mainmenu-mobile .level_1 > li > a:hover,
#mainmenu-mobile .level_1 > li > span,
#mainmenu-mobile .level_1 > li.trail > a,
#mainmenu-mobile .level_1 > li > a.active {
    color: #007b68;
}

#mainmenu-mobile .level_2 > li > a,
#mainmenu-mobile .level_2 > li > span {
    display: block;
    min-height: 10px;
    line-height: 1;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 40px;
    padding-right: 20px;
    font-size: 12px;
    color: #000000;
    border-bottom: 1px #676767 solid;
    text-decoration: none;
}

#mainmenu-mobile .level_2 > li > a:hover,
#mainmenu-mobile .level_2 > li > span,
#mainmenu-mobile .level_2 > li.trail > a,
#mainmenu-mobile .level_2 > li > a.active {
    color: #007b68;
}

/* mod_navigation (topmenu)
------------------------------------------------- */
#topmenu {
    height: 30px;
}

#topmenu .level_1 {
    height: 30px;
}

#topmenu .level_1 > li {
    float: left;
}

/*#topmenu .level_1 > li.first {
    margin-left: 0;
}*/

/*#topmenu .level_1 > li.last {
    margin-right: 0;
}*/

#topmenu .level_1 > li > a,
#topmenu .level_1 > li > span {
    display: block;
    height: 30px;
    padding: 0 14px;
    font-size: 12px;
    line-height: 1;
    color: #000000;
}

#topmenu .level_1 > li > a:hover,
#topmenu .level_1 > li > span,
#topmenu .level_1 > li.trail > a,
#topmenu .level_1 > li > a.active {
    color: #000000;
}

/*#topmenu .level_1 > li > a.first,
#topmenu .level_1 > li > span.first {
    padding-left: 0;
    margin-left: 0;
}*/

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

/* mod_navigation (mainmenu)
------------------------------------------------- */
#mainmenu {
	height: 53px;
	overflow: visible;
	background-color:#a3b1c2;
	position:absolute;
	width:1000px;
	margin:0 auto;
	margin-top: -10px;
	z-index:100;
	-webkit-box-shadow: 0px 4px 9px 1px rgba(41,41,41,0.53);
	-moz-box-shadow: 0px 4px 9px 1px rgba(41,41,41,0.53);
	box-shadow: 0px 4px 9px 1px rgba(41,41,41,0.53);
}

#mainmenu .level_1 {
    height: 52px;
    width:500px;
    margin:0 auto;
}

#mainmenu .level_1 > li {
    float: left;
}

#mainmenu .level_1 > li > a,
#mainmenu .level_1 > li > span {
    display: block;
    height: 52px;
    padding: 15px 14px;
    font-size: 19px;
    line-height: 1;
    color: #fff;
}

#mainmenu .level_1 > li > a:hover,
#mainmenu .level_1 > li > span,
#mainmenu .level_1 > li.trail > a,
#mainmenu .level_1 > li > a.active {
    color: #002655;
}

/*#mainmenu .level_1 > li.first {
    margin-left: 0;
}*/

#mainmenu .level_1 > li.last {
    margin-right: 0;
}

/*#mainmenu .level_1 > li > a.first,
#mainmenu .level_1 > li > span.first {
    padding-left: 0;
    margin-left: 0;
}*/

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

#mainmenu .menu-layer {
    width: 100%;
    height: 300px;
}

/*#mainmenu .level_1 li:hover .level_2 {display: block;}*/

#mainmenu .level_2 {
	/*display: none;*/
	position: absolute;
    z-index: 100;
}

#mainmenu .level_2 > li {}

#mainmenu .level_2 > li > a,
#mainmenu .level_2 > li > span {
    display: block;
    font-size: 12px;
    line-height: 1;
    color: #000000;
}

#mainmenu .level_2 > li > a:hover,
#mainmenu .level_2 > li > span,
#mainmenu .level_2 > li.trail > a,
#mainmenu .level_2 > li > a.active {
    color: #000000;
}

/*#mainmenu .level_2 > li > a.last,
#mainmenu .level_2 > li > span.last {
    padding-right: 0;
    margin-right: 0;
}*/

/* =============================================================================
 * basic page layout (grid)
 * ========================================================================== */

/* wrapper
------------------------------------------------- */
#wrapper {
    width: auto;
    margin: 0 auto;
}

/* header
------------------------------------------------- */
#header {}

#header .inside {}

#header .hauptnavigation {
	background-color:#456183;
	height:52px;
	
	}
	
#header .hauptnavigation .inside {
	margin:0 auto;
	width:1000px;
	}	

#header .header {}

#header .quicknavigation {
	background-color:#bdad9c;
	padding:20px 0;
	/*min-height:260px;*/
    height: 70px;
    overflow: hidden;
}

#header .quicknavigation.minHeight {
    min-height:260px;
}

#header .quicknavigation .inside {
	width:1000px;
	margin:0 auto;
	}	
	
#header .quicknavigation .ce_text.col33.last {
	margin-left:37px;
	width:290px;
	}	
	
#header .quicknavigation .inside li {
	list-style: url("../../files/layout/bg-li.png");
	margin: 0 0 5px 15px;
	}	

#header .quicknavigation .inside li a {
	color:#fff;
	}	

#header .quicknavigation .inside li a:hover {
	text-decoration:underline;
	}	
	
#header .quicknavigation h2 {
    position: relative;
	font-size:23px;
	margin-bottom:18px;
}

#header .quicknavigation h2:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 10px;
    left: 150px;
    width: 15px;
    height: 13px;
    background: url("../../files/layout/arrow-down.png") no-repeat 0 0;
}

body.rechtsgebiete #header .quicknavigation h2:after {
    content: '';
    display: none;
}

#header .kopfbild {
	border-bottom:5px solid #002655;
    background: #A3B2C3;
}	

#header .kopfbild .mod_randomImage {
	/*max-width:100%;*/
    width: 1200px;
	margin:0 0 0 auto;
    
}		
	
/* custom
------------------------------------------------- */
#custom {
	border-top: 1px solid #bdad9c;
	}

#custom .inside {
	width:1000px;
	margin:0 auto;
	padding: 20px 0;
	}

/* container
------------------------------------------------- */
#container {
	width:1000px;
	margin:25px auto;
	}

/* main
------------------------------------------------- */
#main {}

#main .inside {padding-right:30px;}

/* right
------------------------------------------------- */
#right {}

#right .inside {}

#right .ce_text p {
    margin-bottom: 0;
}

#right .ce_text,
.right .box_blue {
	background:#a3b1c2; 
	padding:20px;
	margin-bottom:25px; 
	color:#fff;
	}
	
.right .box_blue h3 {
	color:#fff;
	font-size:21px;
	margin-bottom:15px;
	}

#right .ce_text a,
.right .box_blue a {
	color:#fff;
	}	

#right .box_blue td {padding:3px 6px 3px 0;}

/* left
------------------------------------------------- */
#left {}

#left .inside {}

/* footer
------------------------------------------------- */
#footer {
    
}

#footer .inside {
    overflow: hidden;
}

#footer .footer_top {
	background-color: #bdad9c;
	padding-top:20px;
	color:#fff;
	}
	
#footer .footer_top h2 {
	font-size:22px;
	}	
	
#footer .footer_bottom {
	background-color: #cfc3b7;
	text-align:center;
	font-size:14px;
	color:#002655;
	padding-top: 10px;
	padding-bottom: 100px;
	}	

#footer .footer_top .inside, #footer .footer_bottom .inside {
	width:1000px;
    margin:auto;
	}
	
#footer .col33 {
	padding-right:20px;
	}	
	
#footer .footer_top .ce_form .textarea {
	height:100px;
	}
	
#footer .footer_top .ce_form .text,
#footer .footer_top .ce_form .captcha,
#footer .footer_top .ce_form .textarea {
	background-color:#cfc3b7;
	padding:5px;
	margin-bottom:10px;
	}	
	
#footer .footer_top .ce_form .captcha_text {
	display: block;
	width: 100%;
}
	
#footer .mod_newslist .info {
	margin-bottom:0;
	font-size:13px;
	}	
	
#footer .mod_newslist .layout_latest {
	margin-bottom:20px;
	}
	
#footer .ce_form .required.mandatory {
	width:auto;
	padding:0;
	}
	
#footer .footer_top .ce_form placeholder {
	color:#002655;
	}					
	
#footer .footer_top .ce_form label.mandatory {display:none;}	

#footer input.text.error,
#footer input.captcha.error,
#footer input.checkbox.error,
#footer input.radio.error,
#footer select.error,
#footer textarea.error {
    margin-left: 0
}


/* =============================================================================
 * forms
 * ========================================================================== */

/* mod_serach (field)
------------------------------------------------- */
#search {
    position: absolute;
    top: 0;
    right: 0;
}

#search br {
    display: none;
}

#search span.mandatory {
    display: none;
}

#search label {
    float: left;
    line-height: 25px;
    margin-right: 10px;
}

#search div.mandatory {
    float: left;
}

#search input.text {
    width: 200px;
    height: 25px;
}

#search .submit_container {
    float: left;
    margin-top: 0;
}

#search .submit_container input.submit {
    padding: 5px;
    display: block;
}

/* logo
------------------------------------------------- */
#logo {
	width:400px;
	margin:20px auto;
	
}

#logo, #logo a {
    display: block;
    line-height: 0;
}

/* =============================================================================
 * SOME CONTAO RESETS
 * ========================================================================== */

/* mod_newslist
------------------------------------------------- */
.mod_newslist .layout_latest h2 a {
    text-transform: none;
    text-decoration: none;
}

#main .mod_newslist .layout_latest {
    margin-bottom: 10px;
}

/* mod_sitemap
------------------------------------------------- */
.mod_sitemap .level_1 {
    padding: 0;
    margin: 0;
}

/* =============================================================================
 * OWN STYLES
 * ========================================================================== */

#main .office {
	height: 300px;	
}


/* mod_caroufredsel
------------------------------------------------- */
/*.mod_caroufredsel,
.caroufredsel_wrapper {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 8;
}



.caroufredsel .ce_image {
    width: 1920px;
    position: relative;
}*/

.lawyer_container {
    width: 294px;
    float: left;
    margin-right: 59px;
    margin-bottom: 10px;
}

.lawyer_container.last {
    margin-right: 0;
}

.lawyer_container .content {
    display: none;
}

.lawyer_container .inner {
    overflow: hidden;
    background: #bdad9c;
    border-right: 11px solid #cfc3b7;
    padding-top: 7px;
    padding-bottom: 7px;
}

.lawyer_container .inner .image {
    width: 219px;
    float: left;
    padding-left: 5px;
}

.lawyer_container .inner .icons {
    float: left;
    width: 61px;
    padding-left: 11px;
    padding-right: 13px;
    
}

.lawyer_container .inner .icons a {
    display: block;
    width: 37px;
    border-bottom: 1px solid #cfc3b7;
    text-align: center;
}

.lawyer_container .inner .icons a.last {
    border: 0;
}

.lawyer_container .inner .icons a.info {
    height: 38px;
    margin-top: 15px;
}

.lawyer_container .inner .icons a.phone {
    height: 38px;
    margin-top: 19px;
}

.lawyer_container .inner .icons a.email {
    height: 29px;
    margin-top: 20px;
}

.lawyer_container .inner .icons a:hover {
    
}

.branches ul {
    width: 33%;
    float: left;
}

/* =============================================================================
 * =============================================================================
 * =============================================================================
 * =============================================================================
 * =============================================================================
 * =============================================================================
 * =============================================================================
 * =============================================================================
 * ========================================================================== */

/* =============================================================================
 * 
 * Responsive webdesign 
 *
 * ========================================================================== */


/* =============================================================================
 * tablet
 * ========================================================================== */

/* iPad - Landscape 1024x768px */
@media only screen and (max-width: 1200px) {
    #header .kopfbild .mod_randomImage {
        width: 100%;
    }
}

@media only screen and (max-width: 1000px) {
	
    #wrapper,
    #header .inside,
    #container,
    #footer .inside,
    #custom .inside,
    #footer .footer_top .inside, 
    #footer .footer_bottom .inside {width: 100%;}

    #custom .inside,
	#footer .footer_top, 
	#footer .footer_bottom {padding:15px;}
	
	#header .quicknavigation .inside, 
	  #main .inside {padding:0 15px;}
	  
	 #right .right {padding-right:15px;} 
	 
	 #footer .footer_bottom {padding-bottom: 150px;}	
}

@media only screen and (max-width: 980px) {
    #header .hauptnavigation .inside, 
    #mainmenu {width:100%;}
    
    #header .quicknavigation .ce_text.col33.last {
    	margin:0;
    	width:33%;
    	}
    
    #header .quicknavigation .inside {width:100%;}
}

@media only screen and (max-width: 880px) {
    #menu-mobile-button {display: block;}
    #footer .footer_bottom {padding-bottom: 220px;}
}

/* iPad - Portrait 768x1024px */
@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 767px) {
	
	.col33, .col33.last, #footer .col33 {
		width:100%;
		margin-right:0;
		}
		
	.col66	{
		margin:0;
		padding:0;
		width:100%;
		}
	
	#header .quicknavigation .ce_text.col33.last {width:100%;}	
	
	
		
	/*#header .header {height:934px;}*/
	
	#header .quicknavigation {height:585px;}
	
	#custom .inside,
	#footer .footer_top{padding:5%;}
	
	#footer .footer_top .inside, 
	#footer .footer_bottom .inside {
		width:100%;
		margin-right:0;
	
	}


}

@media only screen and (max-width: 767px) {
	#right .right {
		padding: 0;	
	}

}

@media only screen and (max-width: 550px) {
	#logo {width:80%;}
	#header .quicknavigation .inside {width:100%;}
  
}

@media only screen and (max-width: 520px) {
	#mainmenu .level_1 > li {
		float:none;
		text-align: center;
		}
	
	#mainmenu .level_1 > li > a, 
	#mainmenu .level_1 > li > span	{
		padding:10px;
		height:auto;
		}
	
	#main .image_container.float_left {width:50%;}
		
	#mainmenu .level_1, 
	#mainmenu, 
	#header .hauptnavigation {height:auto; width:auto;}
	
	#header .hauptnavigation .inside {padding-bottom:2%;}
	
	#mainmenu {
		position:static;
		margin-top: 0;
		}
  
}

/* =============================================================================
 * phone
 * ========================================================================== */

/* Small tablet 480x640px */
@media only screen and (max-width: 480px) {
    .ui-tooltip {
        max-width: none;
        width: 80% !important;
    }
     #footer .footer_bottom {padding-bottom: 260px;}
}

/* iPhone 320x480px */
@media only screen and (max-width: 320px) {
	#main input.text,
    #main input.captcha,
    #main select.select,
    #main textarea.textarea {width: 100%;}
    
    input.text.error,
    input.captcha.error,
    input.checkbox.error,
    input.radio.error,
    select.error,
    textarea.error {margin-left: 0;}
    
    .col25,
    .col25.last,
    .col33,
    .col33.last,
    .col50,
    .col50.last,
    .col75,
    .col75.last {
        width: 100%;
        margin-right: 0;
        float: none;
    }
    
    #main label {float: none;}
    p.error {float: none;}
    
    .ce_gallery>ul li.col_first {clear: none;}
    
    .image_container.float_left,
    .image_container.float_right {
        float: none;
    }
    
}

/* Small phone 240x320px */
@media only screen and (max-width: 240px) {
    
}


input[type=checkbox]{
    width: 20px;
    float:left;
    margin-right: 10px;
}

label#lbl_privacy_0,
label#lbl_copy_0 {
    margin-top: 10px;
}

.widget.privacy {
    float: none;
    width: 100%;
}
/* =============================================================================
 * forms
 * ========================================================================== */

.ce_form {margin-bottom: 15px;}

/* fieldset+legend
------------------------------------------------- */
fieldset {
    padding: 0.5em;
    margin-bottom: 20px;
}

legend {display: none;}

/* input, select, textarea
------------------------------------------------- */
input.text,
input.captcha,
input.submit,
input.button,
input.reset,
select,
textarea {
    width: 100%;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*input[type="search"] {
    -webkit-appearance: none;
    border-radius: 0;
}*/

#cookiebar button {
	background-color: #bdad9c;
}

input.text,
input.captcha,
input.checkbox,
input.radio,
input.submit,
input.button,
input.reset,
select,
textarea {
    border-radius: 0;
}

/*input.text,
input.captcha,
input.checkbox,
input.radio,
input.submit,
input.button,
input.reset,
textarea {
    -webkit-appearance: none;
}*/

/* radio-buttons
------------------------------------------------- */
.radio_container {margin-top: 1px;}

.radio_container legend span {
    margin-bottom: 5px;
    display: inline;
}

.radio_container label {float: none;}

.radio_container input {
    width: 20px;
    border: none;
    padding: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.radio_container legend {
    display: block;
    overflow: hidden;
}

.radio_container span {display: block;}

/* checkboxes
------------------------------------------------- */
.checkbox_container {margin-top: 1px;}

.checkbox_container legend span {
    margin-bottom: 5px;
    display: inline;
}

.checkbox_container label {float: none;}

.checkbox_container input {
    width: 20px!important;
    border: none!important;
    padding: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.checkbox_container legend {
    display: block;
    overflow: hidden;
}

.checkbox_container span {display: block;}

/* submit-button
------------------------------------------------- */
.submit_container {
    float: left;
}

.submit_container input {width: auto!important;}

.submit {
    -webkit-appearance:none;
    cursor: pointer;
}

/* errors
------------------------------------------------- */
label.error {color: red;}
input.error {border: 1px solid red;}
p.error {color: red; /*clear: both;*/}
p.error {float: none;}

input.text.error,
input.captcha.error,
input.checkbox.error,
input.radio.error,
select.error,
textarea.error {}

.ce_form .captcha_text.error {
    width: auto;
    float: left;
    display: block;
}

/* captcha
------------------------------------------------- */
.ce_form .captcha {
    width: 20%;
    margin-right: 2%;
}

.ce_form .captcha_text {
    width: 70%;
    line-height: 33px;
}

.ce_form .captcha_container {
    padding: 2%;
    background: #ecd0d0;
}

.ce_form .captcha_container label {display: block;}

/* custom
------------------------------------------------- */
.ce_form .required.mandatory {
    float: right;
    margin-top: 10px;
}

#main .widget.privacy label{
	width: 94%;
	margin-top: 0px;
}
/* roboto-300 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url("../../fonts/roboto-v30-latin-300.eot.html"); /* IE9 Compat Modes */
    src: local(''),
         url("../../fonts/roboto-v30-latin-300.eot%3F.html") format('embedded-opentype'), /* IE6-IE8 */
         url("../../fonts/roboto-v30-latin-300.woff2.html") format('woff2'), /* Super Modern Browsers */
         url("../../fonts/roboto-v30-latin-300.woff.html") format('woff'), /* Modern Browsers */
         url("../../fonts/roboto-v30-latin-300.ttf.html") format('truetype'), /* Safari, Android, iOS */
         url("../../fonts/roboto-v30-latin-300.svg.html") format('svg'); /* Legacy iOS */
  }
  /* roboto-regular - latin */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url("../../fonts/roboto-v30-latin-regular.eot.html"); /* IE9 Compat Modes */
    src: local(''),
         url("../../fonts/roboto-v30-latin-regular.eot%3F.html") format('embedded-opentype'), /* IE6-IE8 */
         url("../../fonts/roboto-v30-latin-regular.woff2.html") format('woff2'), /* Super Modern Browsers */
         url("../../fonts/roboto-v30-latin-regular.woff.html") format('woff'), /* Modern Browsers */
         url("../../fonts/roboto-v30-latin-regular.ttf.html") format('truetype'), /* Safari, Android, iOS */
         url("../../fonts/roboto-v30-latin-regular.svg.html") format('svg'); /* Legacy iOS */
  }
  /* roboto-700 - latin */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url("../../fonts/roboto-v30-latin-700.eot.html"); /* IE9 Compat Modes */
    src: local(''),
         url("../../fonts/roboto-v30-latin-700.eot%3F.html") format('embedded-opentype'), /* IE6-IE8 */
         url("../../fonts/roboto-v30-latin-700.woff2.html") format('woff2'), /* Super Modern Browsers */
         url("../../fonts/roboto-v30-latin-700.woff.html") format('woff'), /* Modern Browsers */
         url("../../fonts/roboto-v30-latin-700.ttf.html") format('truetype'), /* Safari, Android, iOS */
         url("../../fonts/roboto-v30-latin-700.svg.html") format('svg'); /* Legacy iOS */
  }