/* Style Sheet, reset 140619*/ 
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, td {
 margin: 0;padding: 0;font-size: 100%;vertical-align: baseline;border: 0;outline: 0;background-color:transparent;font-family:Verdana,Helvetica,Arial,sans-serif;}	
ol, ul {	list-style: none;}

/* basics */
strong,em {font-weight:bold;}
.center {text-align:center;}
.fehler { color: red; font-weight: bold; }
img {max-width: 100%; height: auto;}

h1,h2,h3,h4,h5,h6 { font-weight:bold; font-size: 1.2em; font-family:Arial,Helvetica,Verdana,sans-serif; margin-bottom: 0.6em;}
h4,h5,h6 { font-size: 1em;background: #ffae40;}
p { font-size: 1em;line-height:1.6em;margin: 0 0 1em 0;}
img.right { float:right; margin: 0 0 1em 1em;} 
hr {border:1px #888 solid;background-color:#888;height:3px;clear:both;}

/* layout */	
#header, #mainnav, #content, #footer  { width: 100%;margin: 0 auto;padding: 0;clear:both; }

/* hintergrund */
body {
background-color: #C0DEF9; 
background: radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.15) 30%, rgba(255,255,255,.3) 32%, rgba(255,255,255,0) 33%) 0 0,
radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.3) 13%, rgba(255,255,255,0) 14%) 0 0,
radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 17%, rgba(255,255,255,.43) 19%, rgba(255,255,255,0) 20%) 0 110px,
radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) -130px -170px,
radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) 130px 370px,
radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.2) 13%, rgba(255,255,255,0) 14%) 0 0,
linear-gradient(25deg, #93c0e7 0%, #C6E4FE 15%, #eff9ff 50%, #fffffd 100%);
background-size: 470px 470px, 970px 970px, 410px 410px, 610px 610px, 530px 530px, 730px 730px, 100% 100%;
}

/* header, logo */
#header { background-color:#D1EAFE; background: -moz-linear-gradient(left bottom, #f8ffff,#C6E4FE,#BADEFE); border-bottom: 1px solid #7593b5; padding: 4px 0 2px 0; }
#header a { background-color: transparent;}

#logo  { margin: 0 auto; padding:0; max-width: 100em; } 
#logo.einspaltig  { max-width: 80em; } 
#logo img {vertical-align:text-bottom;border:0;}
#logo h1 {margin: 2px 0; font-size:1.25em;color:#395488;background:transparent;clear:both;}
#logo p {float:right;line-height:1em;text-align:right;padding-right:1em;} /* padding-right:1em; damit so breit wie content mit 2*49% und 1em*/

/* hauptnavigation */
#mainnav p { margin:0;text-align:center; }

/* content */
#content { max-width: 100em; margin-top:0.6em; }
#content.einspaltig { max-width: 80em;}

#info {margin-right: 1em;}
#info h2, #jobs h2 {background: #BADEFE;}

#info, #jobs, #inhalt {
	float: left;	
	min-width: 28em;
	max-width: 49%;
	margin: 0;
}
#info {margin-right: 1em;}
#info h2, #jobs h2 {background: #BADEFE;}

div.artikel, div.jobcenter, div.links_extern  {
	min-width: 26em;
	border: 1px solid #7593b5;
	margin: 1em 0;
	padding: 1em 1em 1.4em 1em;
	background: #fffef9;
} 
div.artikel  {min-width:10em; max-width: 100%;} 
div.jobcenter { text-align:center;} 
div.links_extern  h3 {font-size: 1.4em; margin: 1em 0 0.2em 0}
div.links_extern  p {margin: 0 0 0.2em 0}

/* footer */
#footer {clear: both; padding:0.4em 0 0 0; border-top: #008 1px solid;} 
#footer p {text-align:center;} 	

/* links */
a { color:#00c; background: #fffffd; font-family: Arial,Helvetica,Verdana,sans-serif; white-space:nowrap;}
/* a {padding: 1px;} padding bewirkt  sichtbarkeit der 1. zeile von container-hintergrund */
a:visited { color:#777; }
a:hover { background: #f4faff; box-shadow: 1px 1px 2px #08f inset, 1px 1px 2px #08f;
	color: #08f; text-shadow: 0px 0px 8px rgba(100,150,255,1),0px 0px 0px rgba(255,255,255,0);
}
a:focus, a:active { color:#00f; background: #e6ff00;}

#mainnav a, div.jobcenter a , div.links_extern a, a.buttongreat, a.buttonmiddle, a.buttonheader, a.textanfang {
white-space:nowrap;
text-decoration: none;
padding: 0.1em 0.5em; margin: 0; 
vertical-align:text-bottom;
font-size: 1em; font-weight: bold; 
color: #000; background-color:#FFB551; background: -moz-linear-gradient(90deg, #FE7926, #ffae40, #FEDEB9);
border: 1px solid #888;
} 
#mainnav a  { border-top: 0; display: inline-block;  }
div.jobcenter a , div.links_extern a { line-height: 1.8em; border-radius: 8px;}
div.links_extern a { font-size: 1.1em; background-color:#D5ECFE; background: -moz-linear-gradient(90deg, #7D98C0, #D3EBFE, #FAFDFF); }
/*#footer a {font-size:2.2em;line-height:2.2em;background-color:#DBEFFE;padding:0.2em 0.5em;border-radius: 6px;}*/
#footer a {font-size:1.4em;line-height:2em;padding:0.2em; background-color:#DBEFFE; border-radius: 6px;text-decoration:none; border:1px solid #6397D4;white-space:nowrap;}
div.jobcenter a.buttongreat { font-size: 2.4em;}

#mainnav a:visited, div.jobcenter a:visited, div.links_extern a:visited  { color:#777; }
#mainnav a:hover, div.jobcenter a:hover, div.links_extern a:hover, #mainnav a:active, div.jobcenter a:active, div.links_extern a:active { background: #fffffa;color: #08f;box-shadow: 1px 1px 4px #08f inset, 1px 1px 4px #08f;}
#mainnav a:focus, div.jobcenter a:focus, div.links_extern a:focus, #header a:focus, #footer a:focus { background: #e6ff00; } 

div.links_extern  li { padding: 0; margin:0 0 1em 0;}

a.buttongreat { font-size: 2.4em; line-height: 2.4em; border-radius: 8px;}
a.buttonmiddle { font-size: 1.8em; line-height: 2.4em; border-radius: 8px; text-align:center;}
a.buttonheader { text-align:center; background-color:#ffffff; background: white;}
ul.links_stellenanzeigen, ul.links_inhalt {line-height: 2em;}
ul.links_sitemap {line-height: 2em; font-size:1.2em;}
ul.unterliste {padding-left:1.4em;}
li.links_stellenanzeigen {float:left;}
p.breadcrumb{font-size: 0.9em;background-color:transparent;}
a.textanfang {font-size: 0.75em; padding-right:7px;padding-left:7px;background-color: #eaf7ff;background: -moz-linear-gradient(90deg, #b9ddfd, #eaf7ff, #FfffFF);font-weight: normal;}

/* unterseiten */
p.job , p.job_ende {font-size: 1em; line-height:1.5em; max-width: 45em; padding: 1.5em; margin: 0 auto;  background: #E3F5FF; background: -moz-linear-gradient(bottom, #D9EFFE, #EBFAFF); border: 1px solid #000; border-top: 0; border-bottom: 0; margin-bottom:0em;}
#formular p.job, p.job_ende {margin: 0 auto;}
#formular p.job_ende {margin: 0 auto; border-bottom: 1px solid #000;}
h5.job, h3.job, h3.jobboerse  {font-family:Verdana,Helvetica,Georgia,Times,serif; max-width: 40em; margin: 0 auto;font-size: 1.2em; line-height:1.5em; padding: 0.4em 1.2em; font-weight:bold; background: #C0E1FE;	border: 1px solid #000;	text-align:center;}	
h5.job { max-width: 40em; font-size: 1.2em; line-height:1.8em; padding: 0.4em 0; }	
h3.jobboerse  {background: #fffffb;}
h2.job {text-align:center; font-family: Georgia,"Palatino Linotype", serif; font-size: 1.4em; line-height: 2em; background-color:#fffaf0; color:#00000b; border-bottom: 1px solid #000; border-top: 1px solid #000; padding:0; margin: 1em 0 0.7em 0;}

/*grafik*/
img.w3cgrafik {margin-top: 1em;border:0;width:88px;height:31px;background-color: transparent;}

/*Formular, V140827, grundlayout für kleine displays*/
#mainnav a { font-size: .8em; padding: 0.1em ;} 
#logo img {vertical-align:text-bottom;border:0;float:left;}
#logo p {float:right;line-height:1em;text-align:right;padding-right:0em;} 

#formular {width: 100%; margin: 0 auto; padding:0; margin-top: 2em; border:0; background-color: #fffffb;}

#formular h2 {text-align:left; margin-bottom:0; padding: 0.4em 1px; font-size:1.25em; text-align:center; background: #BADEFE;}
#formular h3 {margin: 0 7px; text-align:center; font-size: 1.2em; outline:8px solid #badefe; padding: 0; background-color:#ffffff; border: 1px solid #ffffff; background: linear-gradient(120deg, #FFB34D, #FECC8B 5%, #BADEFE 10%, #EAF7FF 48%, #EAF7FF 52%, #BADEFE 90%, #FECC8B 95%, #FFB34D);}
#formular h4 {font-size: 1.2em; text-align:center; background-color: #ffffff; padding: 0.2em 0; margin: 8px 7px 0 7px; outline:8px solid #badefe;
background: linear-gradient(120deg, #BADEFE, #EAF7FF 20%, #EAF7FF 80%, #BADEFE); color:#374D81;}
#formular p {margin: 0;font-family: "Times New Roman", Times, serif; font-size: 1em;font-weight: normal;}
#formular p.text {margin: 1.4em 0.5em 0 0.5em;}
#formular p.beschriftung  {font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-size:.875em;}

fieldset {margin: 1em 0; padding:0.4em; background-color:#EAF7FF;border: 0;}
legend {font-weight:bold;font-family:Arial,Helvetica,Verdana,sans-serif; color:#0000cc; background-color:#F6FEFF; border: 1px solid #B9DDFD; padding: 0 0.2em; text-align:left;}

form label {font-size:0.875em;font-weight:bold;font-family:Arial,Helvetica,sans-serif;}
form input {font-size: 1em;font-weight: bold;}

.optionsfeldort {margin-bottom:0.5em; width: 100%;}
.optionsfeldort select {font-weight:bold;font-size:1em;display:block;}
.textfeld input {width: 100%; max-width: 16em; display:block;margin-bottom:0.5em; }
.auswahlfeld label {padding-right:.5em; white-space:nowrap;}
.radiofeld  {padding-bottom:0.5em;}
.radiofeld  label {padding-right:1.4em; white-space:nowrap; }
.radiofeld  input {display: inline;}
.kommentarfeld textarea{width:100%;font-size:1.25em;height:8em;}

input.submit {
text-align:center;
width: 100%;
font-size: 1.25em; font-weight: bold; text-shadow: 0 1px 1px #FFB34C;
margin: 0;padding:0.4em; border-radius: 8px; border: 1px solid #888;
background-color:#FFB551; background: -moz-linear-gradient(90deg, #FE7926, #ffae40, #FEDEB9);
}

/*größere displays*/
@media only screen and (min-width: 480px) {
#mainnav a { font-size: 1em; padding: 0.1em 0.4em;} 
fieldset {padding: .5em 1em; border: 1px solid #ccc;}
#formular h2 {font-size:1.4em;}
#formular h3 {font-size: 1.2em;}
#formular h4 {font-size: 1em;}
input.submit {margin-left: 1em; width: auto;}
}
@media only screen and (min-width: 960px) {
#mainnav a { font-size: 1.25em; padding: 0.1em 0.5em;} 
#formular {max-width: 80em;}
.kommentarfeld textarea{width:100%;max-width:60em; font-size:1.25em;height:8em;}
}