div.dreibereiche
{
  width: 260px;
  background-image: url(/_images/dreibereiche_bg.jpg);
  background-repeat: no-repeat;
  background-color: white;
  padding: 15px;
  padding-left: 30px;
  padding-right: 10px;
  float: left;
  margin-bottom: 15px;
}

div.stoerer
{
  background-image: url(/_images/stoerer_bg.jpg);
  background-color: #CC0000;
  height: 54px;
  clear: both;
  padding: 10px;
  margin-bottom: 10px;
}

div.stoerer h2
{
  color: white;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
}

div.stoerer select
{
  width: 180px;
  margin-right: 10px;
}

div.stoerer input.button
{
  background-color: transparent;
  background-image: url(/_images/link_bg_newsflash.png);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  padding: 3px;
  padding-right: 6px;
  color: white;
  font-weight: bold;
  font-size: 12px;
  border: none;
}

div.siebenbereiche a
{
  background-image: url(/_images/siebenbereiche_inactive.jpg);
  text-align: center;
  vertical-align: middle;
  display: inline-block;
}

div.siebenbereiche a:hover,
div.siebenbereiche a:focus
{
  background-image: url(/_images/siebenbereiche_active.jpg);
  color: #FFFFFF;
}

div.siebenbereiche a.last
{
  margin-right: 0px;
}

table.siebenbereiche
{
  border-collapse: collapse;
  margin-bottom: 20px;
}

table.siebenbereiche td
{
  height: 62px;
  vertical-align: middle;
  padding: 10px 5px;
  border-right: 10px solid white;
  text-align: center;
  background-image: url(/_images/siebenbereiche_inactive.jpg);
  background-position: 0 0;
}

table.siebenbereiche td:hover,
table.siebenbereiche td.hover
{
  background-image: url(/_images/siebenbereiche_active.jpg);
}

table.siebenbereiche td a
{
  color: #333333;
}

table.siebenbereiche td:hover a,
table.siebenbereiche td.hover a
{
  color: white;
}

div.initiativbewerben
{
  float: right;
  width: 200px;
  color: white;
  font-size: 18px;
  font-weight: bold;
}

div.initiativbewerben span
{
  font-size: 22px;
  color: white;
}

div.teaser-left,
div.teaser-right
{
  border: solid 1px #E4DFD6;
  width: 230px;
  padding: 10px;
  margin-bottom: 10px;
  zoom: 1;
}

div.teaser-left
{
  float: left;
  margin-right: 20px;
}

div.teaser-right
{
  float: right;
  margin-left: 10px;
}

div.teaser-right.nope
{
  display: none;
}


div.teaser-right div.teaser-entry
{
  margin-top: 5px;
}

div.teaser-right div.box,
div.teaser-left div.box
{
  margin-bottom: 20px;
}

div.teaser-right div.box h2,
div.teaser-left div.box h2
{
  font-weight: bold;
  margin: 0px;
  font-size: 14px;
}

div.teaser-right div.box h3,
div.teaser-left div.box h3
{
  font-weight: bold;
  margin: 0px;
  font-size: 12px;
}

div.bereich div.box
{
  float: left;
  background-color: #F2F0EC;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
  width: 280px;
  padding: 10px;
  min-height: 100px;
}

div.content div.box
{
  background-color: #F2F0EC;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 275px;
  padding: 10px;
  float: left;
  min-height: 90px;
}

div.bereich div.large
{
  width: 580px;
}

div.bereich div.box-eine
{
  float: left;
  border: solid 1px #E4DFD6;
  width: 570px;
  padding: 10px;
  height: 100px; 
  margin-bottom: 10px;
}

div.bereich h2
{
  color: #333;
  padding-top:15px;
}

div.bereich h3
{
  color: #666;
  font-size: 18px;
}

div.bereich a
{
  cursor: pointer;
}

div.bereich div.firmen,
div.bereich div.boxen
{
  display: none;
}

div.zweibereiche
{
  width: 370px;
  height: 220px;
  background-image: url(/_images/zweibereiche_bg.jpg);
  background-repeat: no-repeat;
  background-color: white;
  padding: 15px;
  padding-left: 30px;
  padding-right: 30px;
  float: left;
  margin-bottom: 15px;
}

div.standortschnellsuche
{
  margin-top: 12px;
  width: 340px;
  float: left;
}

img.karte
{
  float: right;
}

form.schnellsuche input.standorte,
form.schnellsuche select
{
  width: 200px;
  margin-bottom: 10px;
}

div.textblock
{
  border-bottom:solid 1px #F2F0EC;
  padding-bottom: 20px;
  padding-top: 20px;
  padding-right: 60px;
}

div.foooter span
{
  color: #E60006;
  font-weight: bold;
}

/* Kontakt */

#contact {
	padding: 10px;
	margin:0 auto
}

.error {
	background: #E60006;
	border-color: #F00;
}
.success {
	display: none;
	font-weight: 700
}

div.inputs-left
{
  float: left;
  width: 250px;
}

div.inputs-left input,
div.inputs-right input
{
  width: 200px;
}

div.inputs-right textarea
{
  width: 300px;
  height: 240px;
}

/* sonstige texteara requestforms */
form#requestform div.inputs-right textarea
{
  height: 98px;
}

div.mandatory_textareas textarea
{
  width: 550px;
  height: 110px;
}

div.datenschutz
{
  /* clear: both; */
  padding-top: 10px;
}

form#contactform label,
form#requestform label
{
  padding-top: 8px;
  display: block;
}

div.datenschutz.red p
{
  color: #E60006 !important;
}
div.datenschutz label
{
  padding-top:0px !important;
}

div.datenschutz p
{
  margin-left: 20px;
}


/* uls im content */

div.content ul li
{
  background-image: url(/_images/bullet.gif);
  background-repeat: no-repeat;
  background-position:2px 5px;;
  padding-left: 15px;
  list-style-type: none;
}


div.clear
{
  clear: both;
}

div.textblock
{
  border-bottom: solid 1px #F2F0EC;
  padding-bottom: 20px;
  padding-top: 20px;
  padding-right: 60px;
}

div.adressen
{
  float: left;
  position: relative;
  width: 230px;
  /*padding-top: 15px;*/
}

div.adressen div
{
  margin-bottom: 15px;
}

div.karte
{
  float: left;
}

div.karte,
div.adressen
{
  min-height: 600px;
  _height: 600px;
  margin-bottom: 10px;
}

div#map
{
  background-color: #CC0000;
  height: 520px;
  width: 600px;
}

form.standorte
{
  padding-bottom: 5px;
  height: 25px;
}

form.standorte select.standorte,
form.standorte input.standorte
{
  width: 120px;
  padding: 1px;
  margin-right: 10px;
}

ul.seitenzahlen
{
  position: absolute;
  bottom: 0;
}

ul.seitenzahlen li 
{
  margin: 0;
  padding-left: 0;
  list-style-type: none;
  background-image: none;  
  display: inline;
  vertical-align: middle;
}

ul.seitenzahlen li a
{
  vertical-align: middle;
  display: inline;
}

ul.seitenzahlen li a img
{
  border: 0;
}

ul.seitenzahlen li a img
{
  vertical-align: middle;
  padding:0 4px 0 4px;
}

.adressen div p.details
{
  margin-bottom: 4px;
}

.adressen div p.morelink
{
  margin-bottom: 15px;
}

/* details news, events, jobs, etc.. */

div.content strong.datum-detail
{
  float: left;
  padding-right: 3px;
}
div.content a.right
{
  float: right;
}

/*  /7s-office/de/ueber-uns/branchen/index.php */

table.branchen
{
  border-collapse: collapse;
  width: 100%;
  border: 1px solid red;
}

table.branchen td
{
  padding: 10px; 
  
}

table.branchen td.bg
{
  background-color: #FBC5CD;
  padding: 10px; 
}


/* News & Events */

div.left_listbox {
  width: 45%;
  float: left;
  margin-left: 10px;
}

div.right_listbox {
  width: 45%;
  float: right;
  margin-right: 10px;
}




/****************************
 CALLBACK FORM
****************************/

div.callbackform
{
  background-image: url(/_images/callbackform/box_small_bg.png);
  background-repeat: repeat-y;
  margin: -10px;
  position: relative;
  padding-top: 40px;
}

div.callbackform div.mcontactbox
{
  width: 350px;
  height: 288px;
  background-image: url(/_images/microsite/box_bg.png);
  background-repeat: no-repeat;
}

div.callbackform form.contactbox
{
  padding-left: 5px;
}

div.callbackform form.contactbox ul
{
  float: left;
  list-style-type: none;
  width: 310px;
  margin-left: -5px;
}

div.callbackform form.contactbox ul input
{
  width: 110px;
  float: left;
  margin: 5px;
  height: 20px;
}

div.callbackform form.contactbox ul li.long input
{
  width: 232px;
}

div.callbackform p.pflicht
{
  text-align: left;
  color: #414141;
  padding:5px;
  margin: 0;
}
div.callbackform textarea.formtext
{
  width: 232px;
  height: 50px;
  font-family: arial;
  font-size: 12px;
}

div.callbackform input.mbutton
{
  border:0;
  float: right;
  left: 85px;
  position: absolute;
  bottom: -40px;
}

div.callbackform div.thnxtext
{
  padding: 10px;
}

div.callbackform img.head
{
  z-index: 12;
  position: absolute;
  top: 0;
  top: -30px;
}