/****************************************************************

tizian bauer at ansichtsache dot com
projekt bremer-erziehungsstellen.de

****************************************************************/

/* ### HTML ### */
html {
height:101%;
}

/* ### BODY ### */
body {
position:relative;
height:101%;
background: #fff ;
color: #515050;
font-family:"Lucida Grande","Lucida Sans Unicode",arial,helvetica,sans-serif;
line-height:1.125em; /* 16x1.125=18px */
}

/* Das zur�cksetzen der Innen- und Au�ßenabst�nde verursacht zu kleine Selectboxen. Dies wird korrigiert */
option {padding-left: 0.4em}

/* Anpassung f�r Safari Browser. font-size:100% ist f�r den Safari in Formularen zu gro� */
select, input, textarea { font-size: 99% }

body {
margin:0 auto;
}

#container {
margin:0 auto;
padding:0;
width:100%;
position: relative;
margin:0 auto;
min-height: 100%; /* Mindesth�he in modernen Browsern */
height: auto !important; /* !important-Regel f�r moderne Browser */
height: 100%;
}

#main {
margin:0 20px;

background:#fff;
padding:0;
/*min-height:1000px; Mindesth�he in modernen Browsern */
height:auto !important; /* !important-Regel f�r moderne Browser */
height: 100%; /* Mindesth�he in IE (<7) */
}

#header {
margin:0 auto;

height:130px;
}
#header div.oi {
margin:0;

height:130px;
display:block;
background:#fff url("https://www.bremer-erziehungsstellen.de/media/be_header.png") no-repeat bottom left;
}

#header h1 {
color: #21316d;
font-size:200%;
padding: 3em 0 0 2em;
margin-left: -1000em;
}

#header p {
color:#000;
font-size:200%;
padding: 0em 0 0 2em;
margin-left: -1000em;
}
#header a.home {
color:#000;
font-size:200%;
padding: 0em 0 0 2em;
margin-left: 0em;
width:750px;
height:120px;
float:left;

}
img.block {
display:block;
float:none;
1margin:0 0 2em 0;
margin: 0 auto 20px 0px;
max-width:100%;
}

/* ___________________________________________________________________________ Contentcontainer */

btn a {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #EA5907;
color: #fff !important;
font-weight: 700;
}

#content {
display:block;
min-height:100%;
height:auto !important;
height:100%;
line-height:1.5em;
float:left;
width:100%;
}
#content div.oi {
margin:1.5em 0em 1.5em 0em;
}
#menu {
font-size: 100%;
padding-bottom:0;
float:left;

}
#menu div.oi {
margin: 1.2em 0.25em 0 0;
}

#article {
padding:0;
float:left;
}

#seitenspalte {
float:right;

}
#seitenspalte div.oi {
margin:0;
}
#Stellenanzeige #seitenspalte {
margin:0;
}
#Stellenanzeige #seitenspalte div.oi {
margin:1.85em 0 0 0;
font-size:85%;
line-height:1.75em;
}

#Stellenanzeige #article p {font-size:20px;}

#Stellenanzeige #article p sub {
    font-size: 12px;
}

#footer {
font-size:85%;
margin:1em auto;
padding:0 0 0 0px;
text-align:left;
clear:both;
position:relative;

}
#footer p {
margin:0 auto 0 auto;
padding:0 0 0 0px;
text-align:left;
}

body#splash #seitenspalte {
color:#fff;
margin-top:35%;
float:right;
width:auto;
background-color:#EA5907;
display:block;
padding:0.75em 1em 0.25em 1em;
cursor: pointer;
}
body#splash #main {
width:100%;
background-color:transparent;
}

body#splash #seitenspalte h1 {
color:#fff;
font-weight:700;
font-size:2.3em;
margin:0 0 0.25em 0;
cursor: pointer;
}
body#splash #footer {
position: fixed;
bottom: 0pt;
width: 100%;
height:25px;
background-color:transparent;
}
body#splash img {
margin:0;
}
/* ___________________________________________________________________________ Navigation */

#menu ul {
padding:0;
}

#menu li {
float:none;
list-style: none;
margin:0.2em 5px 0.2em 0;
display: block;
background-color:transparent;
}
#menu li a {
padding:0.25em 0.5em 0 15px;
color: #515050;
display: block;
width:auto;  /* Breite den in li enthaltenen Elementen zuweisen */
text-decoration:none;
background:#fff url("https://www.bremer-erziehungsstellen.de/media/square.png") no-repeat;
background-position:left 10px;
font-size:0.75em;
font-weight:700;
line-height: 1.5;
}
#menu li a:hover {
color:#000;
}
#menu li.active a {
color:#EA5907;
}
#menu li.active a:hover {
color:#EA5907;
}
#menu li ul {
margin:0;
padding: 0;
position:relative;
display:block;  /* Unternavigation einblenden */
z-index:9;
}

*:first-child+html #menu li ul {  /* Workaround fuer den IE 7 */
background-color:silver; padding-bottom:0.4em;
}

#menu li ul li {
float:none;
margin:0 0 0 0.70em;
padding:0px 5px;
background: #fff;
border-bottom:0px solid #EA5907;
height:auto;
width:auto;
display:block;
}
#menu li li a {
padding:0.05em 0.5em 0 0px;
color: #515050;
display: block;
width:auto;  /* Breite den in li enthaltenen Elementen zuweisen */
text-decoration:none;
background:#fff url("") no-repeat;
font-weight:100;

}

#menu a.rex-current {
color:#EA5907;
}
li.trenner a {
margin-top:1em;
}
#nav_special ul.rex-navi1 {
margin:0;
padding:0;
list-style-type:none;
clear:both;
font-size:0.85em;
}

#nav_special ul.rex-navi1 li {
float:left;
margin:0 0.5em 0 0;
}

#nav_special a {
color:#999999;
text-decoration:none;
}

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

/* ___________________________________________________________________________ Typography */

p {
font-size:0.875em;
line-height:1.5em;
padding-bottom:1em;
}
span {
font-weight:normal;
}
em {
text-decoration:none;
font-style:italic;
}
strong {
color:#EA5907;
font-weight:700;}
a {
cursor:pointer;
outline:none; /* avoid firefox bug dotted lines */
}
a {
color:#EA5907;
text-decoration :underline;
}
a:visited {
color:#EA5907;
text-decoration :none;
}
a:hover {
color:#000;
}
a span.mehr {
font-size:0.85em;
margin:0 0 1em 0;
}

#seitenspalte .oi img:nth-of-type(2), #seitenspalte .oi .zitat:nth-of-type(2), #seitenspalte .oi .person:nth-of-type(2), #seitenspalte .oi a:nth-of-type(2) {
1border:solid pink 2px;
display:none;
}


#seitenspalte span {
float:none;
}

#seitenspalte span {
font-size:85%;
}
#seitenspalte strong {
color:#EA5907;
}
#seitenspalte img {
margin-top:6px;
padding-bottom:1.428em;
max-width: 100%;
}

#seitenspalte .zitat {
font-style:italic;
font-size:0.85em;
line-height:1.714em; /* 14x1.714=24px */
margin:0;
padding:0;
display:block;
}
#seitenspalte .zitat p {
padding-bottom:0;
margin-bottom:0.85em;
}
#seitenspalte p.person {
font-size:0.75em; /* 16x0.875=14px */
line-height:1.714em; /* 14x1.714=24px */
padding:0;

}

#seitenspalte ul li {
list-style-type:disc;
font-size:0.85em;
line-height: 1.5em;
margin: 0 0 0 18px;
}

#seitenspalte .oi h1 p {
padding:0;
margin:0;
}
#seitenspalte .testimonial {display: none;}

@media (min-width: 800px) {
#seitenspalte .testimonial {display: block;}
}
fieldset#thumbs {
margin-bottom: 0;
}

.kontaktdaten {
border-top:dotted 1px #EA5907;
padding:1em 0 0 0;
min-height:140px;
height:auto !important;
}
.kontaktdaten img {
float:right;
margin:0.25em 0 1em 1em;
}

.kontaktdaten p {
margin:0 0 0 0;
}



h1 {
color:#EA5907;
font-size:1.2em;
margin:0em 1em 1em 0;
font-weight:light;
}
h2 {
color:#000;
font-size:1em;
margin:0 0 0.5em 0;
padding:0;
}
h3 {
color:#000;
font-size:0.875em;
font-weight:700;

}
#article ul {
margin:0 0 1.5em 0;
}
#article ul li {
padding:0.25em 0.5em 0 15px;
display: block;
background:#fff url("https://www.bremer-erziehungsstellen.de/media/blue_dot.png") no-repeat;
background-position:left 0.875em;
font-size:0.875em;
font-size:0.875em;
}
/*
img.left {
float:left;
margin:1em 1em 0 0;
}
img.right {
float:right;
margin:1em 0 0 1em;
}*/
.clear {
clear:both;
}
body#Kontakt #article a i {
color:#666;
font-style:normal;
font-size:small;
}
body#Kontakt #article a:hover i {
color:#aa0034;
font-style:normal;
font-size:small;
}
body#Impressum #article a i {
color:#666;
font-style:normal;
}
body#Impressum #article a:hover i {
color:#86bc22;
font-style:normal;
}


ul.dateien strong {color:#000; }
#article ul.dateien li {
padding:0.25em 0.5em 0 0px;
display: block;
background:none;
border-top:dotted 1px #333;
 }
#article ul.dateien {
padding-left:0;}

/* ------------------------------Fader------------------------------------*/
/* Vom Image Fader ben?tigte styles */
/*
 * image_fade_wrapper
 * Dient um die relative Positon des image_fade-Elements auf zuheben.
 * REDAXO: hier wird der Rahmen gesetzt und es k?nne auch padding und margin angegeben werden.
 */
.image_fade_wrapper {
	float: left;
	border: 0px solid #FFF;
	background-color: #fff;
		margin-bottom: 1em;

}
/* image_fade
 * Positon relative ist notwendig um das unterliegende img-Element absolut positionieren zu k?nnen
 * Breite und H?he sind notwendig, damit der Brower die Gr?sse des Image Faders kalkulieren kann.
 * REDAXO: F?r Redaxo implementierung hier kein margin oder padding angeben, das div wird auf Gr?sse der Bilder gesetzt.
 */
.image_fade {
	position: relative;
	float: left;
	width: 260px;
	height:330px;
	border: none;
}
/* image_fade img
 *  Absolute Position und top, left = 0 muss gesetzt werden.
 * REDAXO: Kein margin und padding angeben.
 */
.image_fade img {
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	margin: 0;
	padding: 0;
}
.clear{
	clear: both;
}
/* ENDE - Vom Image Fader ben?tigte styles */