/* Stand 22.09.2009 Bearbeiter Alexander Göhs */

html { margin:0; padding:0; overflow-x:hidden; }

body {
  height: auto;
  margin: 0px;
  padding: 0px;
  font-family:"Trebuchet MS",arial,sans-serif;  
  font-size: 10pt; 
  color: black;
  background-color: rgb(198,198,198);
  background-repeat: repeat-x;
  background-attachment:fixed;
}

img {
  vertical-align: top;
  padding: 0px;
  border: 0px;
}

div {
  margin: 0px;
  padding: 0px;
  
}

ul {
  margin: 0px;
  margin-bottom: 10px;
  padding: 0px
  margin-left: 15px;
  padding-left: 25px;
  list-style-type: square;
  list-style-position:outside
}

li {
  font-size: 10pt; 
  color: black;
}

table {
  margin: 0px;
}

td {
  padding: 0px;
  border-collapse: collapse;
  font-size: 10pt; 
}




a {
  font-family:"Trebuchet MS",arial,sans-serif;  
  font-size: 10pt; 
  color: rgb(210,37,65);
  font-weight: bold;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
    color: rgb(20,37,65)
}

input {
  font-family:"Trebuchet MS",arial,sans-serif;  
  font-size: 10pt; 
  font-weight: bold;
  border: 1px solid rgb(157,157,157);
}

#page {
  width: 990px;
  height: auto;
  background-color: #ffffff;
  border-collapse: collapse;
}

#pageweiss {
  background-color: #ffffff;
}

#pagetable {
  width: 980px;
  height: auto;
  border-collapse: collapse;

}

#pageheader {
  width:980px;
  height: 195px;
}

#pageheader IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    /*opacity:0.0;*/
}

#pageheader IMG.active {
    z-index:10;
    opacity:1.0;
}

#pageheader IMG.last-active {
    z-index:9;
}

#mainnav {
  width: 980px;
  height: 28px;
  background-color: rgb(95,95,95);
}

#content {
  width: 980px;
}

#tablecontent {
  width: 980px;
  height: auto;
  border-collapse: collapse;
  border: 0px;
  table-layout: fixed;
}

#maincontent {
  width: 700px;
  vertical-align: top;
  border: 0px;
}



td#rueckruf {
  vertical-align: top;
  padding: 20px;
  padding-top: 30px;
  border: 0px;
  background: url(../../fileadmin/sewobe.com/templates/mainback.jpg);
  background-repeat: repeat-x;
  background-attachment:fixed;
}

#searchbox {
  position: absolute;
  top: 195px;
  left: 720px;
  padding-top:2px;
}

div.searchform_suche {
  float: left;
  width: 165px;
}

div.searchform_button {

}

input.suche {
  height: 20px;
  width: 155px;
  font-size: 9pt;
  color: black;
  font-weight: bold;
  border: 1px solid #ffffff;
}

input.suchebutton {
  padding: 0px;
  color: white;
  background-color: rgb(150,17,36);
  border: 1px solid rgb(150,17,36);
  font-size: 9pt;
  height: 20px;
}

input.rueckruf {
  padding: 0px;
  color: white;
  background-color: rgb(150,17,36);
  border: 1px solid rgb(150,17,36);
  font-size: 9pt;
  height: 20px;
  width: 160px;
}

input.button {
  padding: 0px;
  color: white;
  background-color: rgb(150,17,36);
  border: 1px solid rgb(150,17,36);
  font-size: 9pt;
  height: 20px;
  width: 160px;
  text-transform: uppercase;
}

/*
  Inhaltliche Templates
*/
#mainueberschrift {
  margin: 20px;
  margin-top: 35px;
}

#mainueberschrift h2 {
  margin: 0px;
  color: rgb(210,37,65);
  font-size: 16pt;
  font-weight: normal;
}



#imagecontainer {
  padding: 0px;
  padding-left: 20px;
  width: 210px; 
  vertical-align: top;
}

div.bildrahmen {
  width: 205px;
  border: 1px solid rgb(157,157,157);
  padding: 5px;
}

#bild1 {
  margin-top: 0px;
}

#bild2 {
  margin-top: 10px;
}

#bild3 {
  margin-top: 10px;
}


#fliesstext {
  text-align: justify;
  margin: 0px;
  padding: 0px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
  vertical-align: top;
}
 

div.csc-header {
  
} 

h1 {
  margin: 0px;
  margin-bottom: 10px;
  font-size: 11pt; 
  color: black;  
  font-weight: bold;
}

h2 {
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12pt; 
  color: rgb(210,37,65); 
  font-weight: bold;
}

h3 {
  margin: 0pt;
  margin-bottom: 2pt;
  font-size: 10pt;
  color: rgb(210,37,65);
}

h6 {
  margin: 0pt;
  font-size: 8pt;
}

#servicenummer {
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16pt; 
  color: rgb(210,37,65);
  font-weight: bold;
}

#rueckruf_grafik img {
  float: left:
  margin-right: 10px;
}

p {
  font-size: 10pt; 
  color: black; 
  margin: 0px;
}

p.support {
  font-size: 10pt; 
  color: black; 
  margin: 0px;
}

p.formular {
  font-size: 10pt; 
  color: black; 
  margin: 0px;
}

p.formularpflicht {
  font-size: 10pt; 
  color: rgb(210,37,65);
  margin: 0px;
}


/* Hauptnavigation */

ul.menu, ul.menu ul {

    list-style-type: none;
    background-color: rgb(95,95,95);

}

ul.menu a {

    display: block;
    text-decoration: none;
    background-color: rgb(95,95,95);
    padding: 5px 10px 7px 10px;
    font-weight: normal;
    color: white;

}

ul.menu a:hover {
	color: white;
        background-color: rgb(210,36,62);


}


ul.menu li {

    padding: 0;
    margin: 0;
    float: left;
    background-color:  rgb(95,95,95);
    height: 30px;



}



/* Für Unterpunkte keine Float-Eigenschaft */

ul.menu ul li {

    float:none;



}

/* IE-Hack für die Breite */
*html ul.menu ul {
    width:350px;
}


/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */

ul.menu ul li.hover, ul.menu ul li:hover {

background-color: rgb(210,36,62);

}



/* Subnav */

 ul.menu ul {
margin:0;
width:180px;
padding: 0;
position: absolute;
width:250px;
background-color: rgb(110,110,110);      
display: none;
   


     }



ul.menu ul li a {
    display: block;
    padding: 6px 10px 6px 10px;
    text-decoration: none;
    font-weight: normal;
    color: white;
    background-color:  rgb(110,110,110);


}


}


ul.menu ul li a:hover {
    display: block;
    padding: 6px 10px 6px 10px;
    text-decoration: none;
    font-weight: normal;
    color: white;
    background-color: rgb(210,36,62);
}

ul.menu ul li {
    float:none;
    background-color: transparent;
    border-bottom: 1px solid rgb(157,157,157);
}



   /* Subnav anzeigen */

       ul.menu li.hover ul, ul.menu li:hover ul  {

               display: block;
}

 /* hier background farbänderung dritte Ebene */

ul.menu ul li ul li a {
    background-color:  rgb(125,125,125);

    
}



/* Subnav2 */

   ul.menu li.hover ul ul, ul.menu li:hover ul ul {
   
   display: none;
   margin-left: 160px;/* Breite eines Listenelements - Überlagerung */
	
         margin-top: -20px; /* Höhe eines Listenelements */

}



   /* Subnav2 anzeigen */

       ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
      
/* Hack für IE6 Rahmenverschiebung AG */
  margin-bottom: 1px;
/* Hack Ende*/

 color:  rgb(95,95,95);
   display: block;

   }

/* Ende Hauptnavigation */

/* Seitennavigation */
  table.unternav {
  margin: 0px;
  margin-top: 0px;
  margin-left: 0px;
}
 
table.unternav td {
  vertical-align: middle; 
  padding-left:5px;
}

table.unternav td a {
  text-decoration: none;
  font-weight: normal;
 
 
table.unternav td a:hover {
  color:#2e3192;
  text-decoration: underline;
}


}

/* hier die in der typoscript subnavi abgerufene Klasse aktiv, zur permanenten Auszeichnung des gerade aktiven Links
der Seitennavigation */




	.aktiv a  {
  		color:#000000; 	
  		font-size: 10pt;
  		
  		} 					
 					







/* Startseite */

/*
  Inhaltliche Templates
*/
#startseitecontent {

  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 40px;
  color: black;
  font-size: 10pt;
}

div.startseite_col {
  background-color: rgb(244,244,244);
  width: 205px; 
  height: auto;
  float: left;
  
}

#startseite_col1 {
  margin-left: 20px;
  margin-bottom: 0px;
  height: 360px;
}

#startseite_col2 {
  margin-left: 15px;
  height: 360px;  
    margin-bottom: 0px;
}

#startseite_col3 {
  margin-top:80px;
  margin-left: 15px;
  height: 360px;  
    margin-bottom: 0px;
}

td.startseitebild {
  
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
}

td.startseiteheader {

  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 5px;
  font-weight:bold;
}

td.startseiteheaderfett {
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 5px;
  font-size: 14pt;
  font-weight:bold;
  color: rgb(210,37,65);
}


td.startseitecolcontent {

  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
}

td.startseitecolcontent div {
  margin: 0px;
  padding-top: 10px;
}

td.startseitecolcontent div h1 {
  font-size: 10pt;
    color: rgb(210,37,65);
}

td.startseitecolcontent div h3 {
  font-size: 10pt;
    color: rgb(210,37,65);
}

td.startseitecolcontent p {
  margin-bottom: 5px;
}

td.testimonial_image {
  width: 210px;
  vertical-align: top;
}

table.testimonial {
  margin-bottom: 10px;
}

td.testimonial_text {

  padding-right: 20px;
  padding-bottom: 10px;
  vertical-align: top;
  border-bottom: 1px solid rgb(157,157,157);
}

td.testimonial_text h3 {
  font-size: 12pt;
  color: rgb(210,37,65);
}


td.testimonial_text p {
  text-align: justify;
  size: 10pt;
  margin-bottom: 5px;
}

/* Suche */
div.tx-indexedsearch-res {
  margin: 0px;
  margin-bottom: 10px;
  width: 650px;
}

hr.spacer {
  margin-bottom: 20px;

}

div.startseitecontent p.bodytext a {
  color: #000000;
  font-weight: normal;
}