/*-----------------------------------------------------*/
/*--- Stylesheet for Detektiv-und-Detektei.de       ---*/
/*--- Wednesday, 10. September 2006                 ---*/
/*-----------------------------------------------------*/


/*--------------------- Allgemeines -------------------*/

* {
  margin:         0;
  padding:        0;
} 

img {
  border:         0;
}

a {
  color:          #CC0000;
  font-weight:    bold;
  text-decoration:none;
}

p {
  margin:         1em 0;
  padding:        0.5em 0;
}
        
ul {
  padding:        1em 0.5em 1em 2.5em;
}
     
ol {
  padding:        0.5em 0.5em 1.5em 2.5em;
}

  ul li,
  ol li {
    margin:        0;
  }

hr {
  height:         1px;
  margin:         1em 0 2em 0;
  color:          #6d7c91;
  background:     #6d7c91;
  border:         0;
}

dd { 
  margin:         0 0 1em 0;
}

table {
  margin:         1em 0;
}
    
form fieldset {
  border:         0;
}

/*--------------------- Style my Site -----------------*/
		
html, body {
  width:          100%;
  color:          #444444;
  font:           0.9em Arial, Helvetica, Sans-Serif;
  background:     #FFF url(images/background.png);
}

#container {
  position:       relative;
  left:           50%;
  width:          658px;
  margin:         30px 0 30px -327px;
  border:         1px solid #BBB;
}

#box {
  border:         3px solid #FFF;
  background:     #FFF;
}

/*--------------------- Logoset -----------------------*/

#header {
  height:           330px;
  font-size:        1px;
  text-decoration:  none;
  text-indent:      -9979px;
  letter-spacing:   -9999px;
  background:       url(images/header.jpg) no-repeat 0 96px;
}

#header span {
  display:          block;
  background:       url(images/bg_header.jpg) repeat-x;
}

    #logo {
      display:          block;
      height:           96px;
      width:            306px;
      text-decoration:  none;
      background:       url(images/logo.jpg) no-repeat;
    }


h1 {
  margin:           0 0 15px 0;
  color:            #CC0000;
  font-size:        1.5em;
}
    
h2 {
  margin:           15px 0 10px 0;
  color:            #666;
  font-size:        1.4em;
}
    
h3 {
  color:            #666;
  font-size:        1.3em;
}

h4 {
  color:            #666;
  font-size:        1.2em;
}

h5 {
  color:            #666;
  font-size:        1.1em;
}

h6 {
  font-size:        1.0em;
  font-weight:      normal;
  text-decoration:  underline;
}

   
/*--------------------- Navigation --------------------*/

  #navigation {
    height:             44px;
    width:              654px;
    background:         #555;
  }
  
  #navigation ul {
    padding:            0;
    list-style-type:    none;
  }
  
  #navigation ul.level1 {
    margin:             0 0 0 -1px;
  }
  
  #navigation ul li {
    float:              left;
  }
  
  #navigation ul li ul.level2 {
    display:            none;
    position:           absolute;
    margin:             36px 0 0 0;
    border-top:         1px solid #FFF;
  }
  
  #navigation ul li:hover ul {
    display:            block;
  }
  
  #navigation ul li ul li {
    float:              none;
  }
  
  #navigation ul li a {
    float:              left;
    display:            block;
    padding:            11px 0 12px 0;
    height:             25px;
    width:              130px;
    color:              #FFF;
    font:               bold 0.85em Verdana, Helvetica, Sans-Serif;
    text-decoration:    none;
    text-align:         center;
    vertical-align:     middle;
    background:         #3f3f3f;
    border-left:        1px solid #FFF;
  }

  #navigation ul li a:hover {
    background:         #CC0000;
  }
  
      #navigation ul li ul li a {
        float:              none;
        width:              auto;
        padding:            11px 10px 12px  10px;
        text-align:         left;
      }
      
      
          #navigation ul li ul li ul {
            padding:            0 0 5px 45px;
            list-style-type:    square;
          }
  
          #navigation ul li ul li ul li {
          }
          
          #navigation ul li ul li ul li a {
            height:             13px;
            padding:            0;
            color:              #FFF;
            font-size:          13px;
            background:         none;
          }
          
  #navigation ul li a.level1current,
  #navigation ul li a.level2current,
  #navigation ul li a.level3current {
    background:         #CC0000;
  }
  

/* Second Navigation
===========================================================*/

#secnav {
  position:           absolute;
  top:                10px;
  right:              20px;
  height:             1em;
  width:              350px;
  color:              #777;
}

#secnav ul {
  float:              right;
  list-style-type:    none;
}

#secnav ul li {
  float:              left;
  margin-right:       10px;
}

#secnav ul li a {
  font-size:          10px;
  color:              #777;
  text-decoration:    none;
}


/*-----------------------------------------------------*/
/*--------------------- Content -----------------------*/
/*-----------------------------------------------------*/

#content {
  margin:           0;
  padding:          40px;
  line-height:      1.5em;
  text-align:       left;
}

#content a:hover {
  text-decoration:  underline;
}

#content img {
  margin:           3px 0 5px 0;
  padding:          1px;
  border:           1px solid #b5b5b6;
}

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

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

#content .weiter {
  padding:          0 0 0 16px;
  font-weight:      bold;
  background:       url(images/arrow.jpg) no-repeat 0 2px;
  border:           0;
}

#content .weiter:hover {
  border:           0;
}

/*--------------------- Content Small+Big Box ---------*/

.highlightbox {
  margin:           0 0 15px 0;
  padding:          10px;
  background:       #f4f4ea;
  border-left:      1px solid #F4F4F4;
  border-top:       1px solid #F4F4F4;
  border-right:     1px solid #c4c4c4;
  border-bottom:    1px solid #c4c4c4;
}

.highlightboxtitle {
  display:          block;
  font-weight:      bold;
  color:            #ef681e;
  text-decoration:  none;  
}

.highlightboxtitle:hover {
  padding:          0;
  border:           0;
}

#content .highlightboxtitle:hover {
  padding:          0;
  border:           0;
}





/*--------------------- Footer ------------------------*/

#footer {
  clear:              both;
  height:             50px;
  margin:             0 40px;
  padding:            1px 0 0 0;
  text-align:         center;
  color:              #BBB;
  border-top:         1px solid #DDD;
}


#footer a {
  color:              #BBB;
  text-decoration:    none;
}

/* ContactForm Kontaktformular
=========================================================*/

.contactform table {
  width:            100%;
}

.contactform table td {
  padding:          5px;
  vertical-align:   top;
  white-space:      nowrap;
  background:       #FFFFFF;
  border-bottom:    1px solid #F0F0F0;
}

.contactform label {
}

.contactform input,
.contactform select,
.contactform textarea {
  padding:          2px;
  border-left:      1px solid #CCC;
  border-top:       1px solid #CCC;
  border-bottom:    1px solid #999;
  border-right:     1px solid #999;
}

.contactform select {
  padding:          1px;
}

.contactform textarea {
  border-left:      1px solid #CCC;
  border-top:       1px solid #CCC;
  border-bottom:    1px solid #999;
  border-right:     1px solid #999;
}

.contactform h2 {
  font-weight:      normal;
  border-bottom:    2px solid #999;
}

.contactform h3 {
  text-decoration:  underline;
}

#form_submit1,
#form_submit2 {
  margin:           5px 0 30px 0;
}

ul.error {
  font-weight:      bold;
  color:            #FFF;
  background:       #EE0000;
}

/* Ditu Google Map 
==============*/

#map {
  margin-top:       2em;
}


/* Maßangaben
==============*/

#form_name      { width: 150px; }
#form_vorname   { width: 150px; }

#form_strasse   { width: 250px; }
#form_hausnr    { width: 50px;  }

#form_plz       { width: 50px;  }
#form_ort       { width: 150px; }

#form_telefon   { width: 210px; }
#form_email     { width: 210px; }

#form_bkontakt  { width: 110px; }

#form_nachricht { width: 310px; height: 140px; }
#form_betreff   { width: 310px; }

.form_dateien   { width: 310px; }

#form_dachform  { width: 210px; }
#form_dachflaeche{ width: 140px; }
#form_dachziegel{ width: 145px; }
#form_dachneigung{width: 145px; }
#form_wunschfarbe{width: 145px; }
#form_kies      { width: 145px; }

#form_datum     { width: 90px; }
#form_zeitraum  { width: 110px; }



/* Begin Contact Form CSS */
.contactform {
	position: static;
	overflow: hidden;
}

.contactleft {
	width: 15%;
	text-align: left;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contactright {
	width: 80%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contactform .contacterror {
	border: 1px solid #ff0000;
}

/* End Contact Form CSS */



.adsense {
  margin:             1em 0;
  padding:            20px 10px 20px 20px;
  border:             2px solid #FF0000;
}