/*  
Theme Name: job sozial
*/
body {	font-family: Helvetica, Calibri, verdana, Georgia, "Times New Roman", Times, serif;}
a{
	color: #4775a2;
    font-size: 1.10em;
	text-decoration: none; 
}

a:visited {
	color: #4775a2;
	text-decoration: none; 
}

a:hover {
	color: #8CAEDD;
	text-decoration: none; 
}

h2{
	color: #3D3D3D;
	font-size: 1.80em;
	font-weight: normal;
	line-height: 130%;
	margin: 15px 0px 10px 0px;
	padding: 0px;
	text-align: left;
}

h2.headline {
	color: #DE3A3A;
}

h3 {
	font-size: 21px;
	margin: 0px;
	padding: 0px 0px 3px 0px;
}

img {
	border: 0px;
}


div.author {
	border-top: 1px dotted #3D3D3D;
	color: #737373;
	font-size: 0.80em;
	margin: 0 0 5px 0;
	padding: 3px 0px 3px 0px;
}
div.author2 {
	border-top: 1px dotted #3D3D3D;
	color: #737373;
	font-size: 0.80em;
	margin: 0 0 15px 0;
	padding: 3px 0px 3px 0px;
}
div.smallgrey {
	border-top: 1px dotted #3D3D3D;
	color: #737373;
	font-size: 0.80em;
	margin: 0 0 15px 0;
	padding: 3px 0px 3px 0px;
}

div.cover img {
 width:120px;
   height:auto;
   margin: 0 0 35px 0;
}
div.esmap img {
display:none;
}


div.social img {
margin: 25px 0px 0px 0px;
width:35px;
height:35px;
border: 0px solid #aaaaaa;
}
div.prs {
margin: -20px 0px 20px 0px;
text-align: right;
}
div.prs img {
 width:50px;
 height:31px;
}
div.prs {
text-align: right;
}
div.prs2 img {
 width:30px;
   height:auto;
}

#title {
  color: #4775a2;
	font-weight: bold;
	line-height: 150%;
font-size: 1.50em;
	margin: 10px 5px 5px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	text-decoration: none;
}
.titelink {	
color: #4775a2;
	font-weight: bold;
	line-height: 130%;
	margin: 0px 5px 5px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	text-decoration: none;
}
#footer {
	background-color: #4775a2;
	clear: both;
	color: #ccc;
	font-size: 1.00em;
	font-weight: normal;
border-radius: 10px;
	
	margin: 0px;
	padding: 5px;
}

#footer a, #footer a:visited {
	background-color: #4775a2;
	color: #ff6600;
	padding: 1px 3px 1px 3px;
	text-decoration: none;
}

#footer a:hover {
	background-color: #DE3A3A;
	color: #FFFFFF;
	padding: 1px 3px 1px 3px;
	text-decoration: none;
}

#header {
position: relative;
  background: url(https://www.stellenmarkt-sozial.de/tpl_images/logojs.gif) no-repeat bottom center;
	color: #FFFFFF;
	font-weight: bold;
	height: 100px;
	margin: -270px 0px 0px 0px;
	padding: 1px 0px 0px 15px;

}


#header a, #header a:visited, #header a:hover {
	color: #FFFFFF;
	font-size: 1.00em;
	font-weight: bold;
	text-decoration: none;
}

#ad2 {
margin: 0px 0px 0px 0px;
text-align: center;
font-size: 0.85em;
color: #cccccc;
display:none;
}

.hint {
color: #333;
font-size: 0.80em;
margin: 30px 0 30px 0;
padding: 10px;
background-color: #F4F2E0;
}

#screen {
float: right;
margin: 0px 0px 15px 15px;
}

#screen img {
 width:120px;
   height:auto;
   margin: 0 0 35px 0;
}
.eintrag2 {
background-color: #FaF8F8;
border: 1px none #DDDDDD;
color: #000000;
margin: 25px 0;
padding: 10px;
line-height: 150%;
border-radius: 10px 10px 10px 10px;
box-shadow: 1px 1px 4px #ccc;
}

.eintrag5 {
background-color: #FFDFBF;
border: 1px none #DDD;
color: black;
margin: 13px 0;
padding: 10px;
line-height: 180%;
font-size: 1.00em;
border-radius: 10px 10px 10px 10px;
box-shadow: 1px 1px 4px #CCC;
}

.eintrag2a {
background-color: #FaF8F8;
border: 1px none #DDDDDD;
color: #000000;
margin: 25px 0;
padding: 10px;
line-height: 150%;
border-radius: 10px 10px 10px 10px;
box-shadow: 1px 1px 4px #ccc;
}
.eintrag {
margin: 0px 2px 0px 0px;
font-size: 0.90em;
padding: 5px;
}
#content {
	color: #3D3D3D;
	text-align: center;
	line-height: 160%;
	margin: 170px 0px 0px 0px;
	padding: 5px;
	text-align: left;
	width: 100%;
}

#hint3 {
color: #ffffff;
margin: 45px 0 45px 0;
padding: 3px;
font-size: 1.00em;
background-color: #7e9ebd;
}
#hint3 a {
color: #ffffff;
margin: 45px 0 45px 0;
padding: 3px;
font-size: 1.00em;
text-decoration: none;
}
div.hint3 a {
font-size: 1.00em;
text-decoration: none;
}

#sidebar {
background-color: #ffffff;
padding: 0px;
font-size: 1.00em;
text-align: center;
margin: -5px 0px 10px 0px;
}



/* #sidebar img {
width: 200px;
height: auto;
} */

#sidebar select {
font-size: 0.90em;
height: 30px;
width: 250px;
padding: 3px;
margin: 5px;
}


#search select {
font-size: 0.90em;
height: 30px;
width: 250px;
padding: 3px;
margin: 25px;
}

.verweis2   {
margin: 25px 0;
padding: 0px;
line-height: 150%;}

#menu {
margin: 140px 0px -100px -35px;
width: 98%;
}

#menu li{list-style-type: none;
         background-color: #4775a2;
         text-transform: uppercase;
         border: solid 2px #ffffff;
         width: 45%;
         padding: 5px;
         margin: 0px;
         font-size: 0.8em;
         text-align: center;
         display: inline-block;
         vertical-align: sub;
         border-radius: 40px;
          }

#menu li a {color: #FFFFFF;
            text-decoration: none;
            font-weight: bold; 
            }

#menu li:hover {background-color: #ff9900;}

#menu li a:hover {color: #ffffff;}

#ad3 {
margin: -5px 0px 5px 0px;
padding: 5px;
font-size: 0.85em;
color: #dddddd;
	text-align: center;
	width: 99%;
}
.flex-item {
  margin: 10px;
  font-size: 1.0em;
}
.category {
margin: 25px 0px 25px 0px;
font-size: 1.15em;
font-weight:normal;
}
.pop {
font-size: 0.70em;
color: #aa0000;
}
.new {
color: #ff9900;
font-size: 0.70em;
text-transform: uppercase;
}

.premium {
background-color: #FDF8E2;
border: 1px none #DDD;
color: black;
margin: -10px;
padding: 10px;
line-height: 150%;
border-radius: 10px 10px 10px 10px;
}
#seiten {
margin: 5px 0 20px 0;
}

#seiten b {
display:inline;
padding: 5px 10px;
font-family:verdana, arial;
font-size: 0.80em;
color: #fff;
font-weight:normal;
border: solid 1px #999;
background-color:#ccc;
}

#seiten a {
display:inline;
padding: 5px 10px;
width: 10px;
text-align: center;
text-decoration: none;
font-family:verdana, arial;
font-size: 0.80em;
color: #999;
font-weight:normal;
BORDER: none;
border: solid 1px #999;
}

#seiten a:hover {
display:inline;
padding: 5px 10px;
border: solid 1px #999;
color: #fff;
font-size: 0.80em;
font-weight:normal;
background-color:#8CAEDD;
}
.desc {
margin: -10px 0px 0px 0px;     
line-height: 160%;    
}
.neuste {
margin: 0px 0px 15px 0px;
padding:2px;
font-size: 0.95em;
color: #000000;
font-weight:bold;
border: solid 0px #999;
width: 720px;
background-color:#efefef;
}
.desc img {
    max-width: 98%;
}
.search {
  width: 90%;
  margin: 0px 0px 0px 15px;
  position: relative; 
  display: flex; 
}

.searchTerm {
  width: 100%;
  border: 3px solid #eee;
  border-right: none;
  padding: 5px;
  height: 20px;
  border-radius: 5px 0 0 5px;
  outline: none;
  color: #9DBFAF;
}

.searchTerm:focus{
  color: #999999;
}

.searchButton {
  width: 42px;
  height: 36px;
  background: #eee;
  text-align: center;
   border: 3px solid #eee;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
}
#bluesky-share-button  {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #000000;
border: solid 0px #ffffff;
background-color: #ffffff;
} 
#whatsapp-share-button  {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #000000;
border: solid 0px #ffffff;
background-color: #ffffff;
}