html, body {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin: 0 auto;
	padding: 0px;
}

body { background: url('../imgs/bg_body.png') repeat-x top left #fff; }

h1 { color: #a17300; text-transform: uppercase; font-size: 12px; font-weight: normal; padding-top: 4px; margin-top: 0px; margin-bottom: 19px;}

.invisible { display: none; }

#logo { border: none; }

#wrapper { 	width: 840px; margin: 0 auto; }

#main {margin-top: 100px;}

#right { width: 202px; float: right; margin-top: -100px; }

#float-left {float: left;}
#float-right {float: right;}

#content { 	margin-left: 150px; width: 465px;}

.block {overflow: visible;}


#header { position: relative; height: 133px; margin-bottom: 30px; }
h2#claim { position: absolute; bottom: 6px; left: 150px; text-transform: uppercase; font-size: 14.4px; margin: 0px; padding: 0px; font-weight: bold; letter-spacing: 0.05em;}
h3#claim { position: absolute; bottom: -10px; left: 150px; text-transform: uppercase; font-size: 10.4px; margin: 0px; padding: 0px; font-weight: bold; letter-spacing: 0.05em; color: #a17300;}



#navi { display: block; width: 130px; float: left; padding: 2px 0px 0px 8px; }
#navi ul { margin: 2px 0px 0px 0px; padding: 0; list-style: none; }
#navi ul li { margin: 0px 0px 8px 0px; }
#navi ul li a { text-decoration: none; color: #333; }
#navi ul li a:hover,
#navi ul li.active,
#navi ul li a.trail,
#navi ul li.trail ul li.active a.active,
#navi ul li.trail ul li.trail a.active,
#navi ul li span { color: #a17300; }
#navi ul li ul li a,
#navi ul li ul li span { background: url('../imgs/bg_nav_li.png') no-repeat left center #fff; padding: 0px 0px 0px 10px; }
#navi ul li ul { margin: 5px 0px; }
#navi ul li ul li ul { margin: 5px 10px; }


/*Navigation Personen - Individuelle Abstände*/
#navi li.personen ul.level_2 li.first,
#navi li.personen ul.level_2 li.mitarbeiter {margin-top: 30px;}
#navi li.personen ul.level_2 li.last {margin-bottom: 30px;}


/*Subnavigation im Adressblock*/
#right ul, #right-sm ul {list-style: none; padding-left: 0px; font-size: 10px; width: 250px;}
#right ul li, #right-sm ul li { float: left; margin-right: 7px; }
#right ul li a, #right-sm ul li a  {border-right: 1px solid #000; padding-right: 7px; color: #000; text-decoration: none;}
#right ul li a.subnavi_last, #right-sm ul li a.subnavi_last {border-right: none; }
#right ul li a:hover, #right-sm ul li a:hover {color: #d3a41a;}



/*Bild-/Textbox im Fließtext*/
#main .ce_text.box-links { width: 140px; margin-right: 20px; float: left; border: 1px solid #a17300; }
#main .ce_text.box-links .image_container {height: 140px; border-bottom: 1px solid #a17300;}
#main .ce_text.box-links p {padding: 5px 10px 0 10px; text-align: left; line-height: 130%;}

/*Listen*/
#content ul {list-style: none; padding-left: 0px; color: #696868; line-height: 150%;}
#content ul li {background: url('../imgs/bg_nav_li.png') no-repeat 0 14px #fff; padding: 5px 0 10px 10px; line-height: 190%; }
#content li a:hover {color: #a17300; }

/*Standards*/
#content a {text-decoration: none; color: #000;}
#content p {color: #696868; letter-spacing: 0.05em; line-height: 200%; padding-top: 0px; margin-top: 0px;}

/*Personen*/
#content .mod_catalogreader .label {display:none;}

#content .mod_catalogreader .layout_full .Bild {position: absolute; top: 100px; left: 797px; }

/*Content-Box*/
#right .mod_contentbox h3, #right-sm .mod_contentbox h3 {display:none;}
#right .mod_contentbox .ce_text, #right-sm .mod_contentbox .ce_text {font-size: 10px; color: #696868;}
#right .mod_contentbox p.orange, #right-sm .mod_contentbox p.orange {color: #a17300;}

/*Adresse*/
#right .ce_text.adresse, #right-sm .ce_text.adresse {position: absolute; top: 335px;}
#right .ce_text h4, #right-sm .ce_text h4  {  text-transform: uppercase; font-size: 12.8px; margin: 0px; padding: 0px; font-weight: bold; letter-spacing: 0.05em;}
#right .ce_text h5, #right-sm .ce_text h5 {  font-size: 8.2px; margin: 0px; padding: 0px; font-weight: bold; letter-spacing: 0.05em;}
#right p,
#right table, #right-sm table, #right-sm p {font-size: 10px; color: #000;}
#right table a, #right-sm table a {text-decoration: none; color: #000;}

/*Akkordeon*/
#main .ce_accordion {}
#main .ce_accordion .toggler {cursor:pointer;}
#main .ce_accordion .toggler h1 {background: url('../imgs/arrow_down.png') no-repeat 0 6px #fff; text-indent: 18px;  }
#main .ce_accordion .toggler h1.active {background: url('../imgs/arrow_up.png') no-repeat 0 6px #fff; text-indent: 18px;  }

/*Sprachwechsler*/
#header .mod_changelanguage {position: absolute; top: 35px; left: 600px;}
#header .mod_changelanguage ul {list-style: none;}
#header .mod_changelanguage li {float: left; margin-right: 10px; }
#header .mod_changelanguage a, 
#header .mod_changelanguage span { display:block; height: 20px; width: 20px; text-indent: -999em; background-repeat: no-repeat; background-position: left top; }
#header .mod_changelanguage .lang-de { background-image: url("../imgs/icon_deutsch.png"); }
#header .mod_changelanguage .lang-en { background-image: url("../imgs/icon_engl.png"); }

/* Personen */
#teaserfoto {margin-top: 50px;}

.personen_text {position: absolute; top: 180px; width: 470px;}

.personen_fotos {
	position: absolute;
	top: -50px;
}

/* Contao 4 patch */

.orange {
    color: #a17300;
}

#right {
    margin-right: unset;
}
#main {
    margin-top: 70px;
}

#right .ce_text.adresse, #right-sm .ce_text.adresse {
    top: 443px;
}

img {
    height: auto;
    max-width: unset;
}