/*
  Style Index
 
  $0 - Imported Styles
  $1 - Common Elements
  $2 - Header
  $3 - Navigation
  $4 - Content
  $5 - Footer
  $6 - Infosite
*/

/* $0 - Imported Styles //////////////////////////////////////////////////////*/
 
@import url(reset.css);
 
 

/* $1 - Common Elements //////////////////////////////////////////////////////*/

body
{
  font-family:Verdana,Arial,Helvetica;
  font-size:12px;
  background-color:#FFFFFF;
}

h1
{
  font-family:Arial,Verdana,Helvetica;
  font-size:22px;
  font-weight:bold;
  color:#00853B; 
}

h2
{
  font-family:Arial,Verdana,Helvetica;
  font-size:16px;
  font-weight:bold;
  color:#00853B;
  text-align:justify;
}

p
{
  font-size:12px;
  text-align:justify;
  line-height:1.2em;
}

div.main_container
{
  background-color:#FFFFFF;
  left:50%;
  margin:0px 0px 0px -465px;
  position:absolute;
  width:950px;
}

div.clear_float
{
  clear:both;
}

.colored
{
  font-family:Verdana,Arial,Helvetica;
  color:#FF0000;
  line-height:1.2em;
}

.small
{
  color:#000000;
  font-size:12px;
}

b
{
  line-height:1.2em;
}

div.headline
{
  margin:20px 0 20px 0;
}

a
{
  font-family:Verdana,Arial,Helvetica;
  color:#00853B; 
  font-size:12px;
}

a:hover
{
  color:#00BB3B;
}

ul
{
  list-style-image:url(../images/info.gif);
  padding:0px 0px 0px 15px;
}

li
{
  list-style-type:disc;
  padding:0px 0px 10px 0px;
}


/* $2 - Header ///////////////////////////////////////////////////////////////*/

div.header
{
  background:#FFFFFF url(../images/head.jpg) no-repeat scroll left top;
  height:130px;
}



/* $3 - Navigation ///////////////////////////////////////////////////////////*/
  
div.buttons
{
  padding:0 0 0 70px;
  margin:5px 0 10px 0;
} 

  
  
/* $4 - Content //////////////////////////////////////////////////////////////*/

.red
{
  color:#ff0000;
}

div.container_left
{
  float:left;
  width:470px;
  padding:0 0 0 15px;
}

div.container_left_content
{
  margin:5px 0 0 10px;
  padding:10px 0 0 0;
  float:left;
}

div.container_right
{
  float:left;
  width:450px;
}

div.container_right_content
{
  margin:0 0 0 10px;
  float:left;
}

div.info
{
  background:#FFFFFF url(../images/info_box.png) no-repeat scroll left top;
  font-size:14px;
  margin:30px 0 20px 10px;
  padding:10px 20px 10px 10px;
  float:left;
}
div.info td
{
  line-height:1.3em;
}

td.bold
{
  font-weight:bold; 
}

div.detail_box_left
{
  width:215px;
  margin:0 20px 20px 0;
  float:left;
}

div.detail_box_right
{
  width:215px;
  margin:0 0 20px 0;
  float:right;
}

div.detail_box_head
{
  background:#FFFFFF url(../images/bg_box.png) no-repeat scroll left top;
  font-family:Verdana,Arial,Helvetica;
  font-size:14px;
  font-weight:bold;
  color:#FFFFFF;
  padding:5px 0 5px 10px;
  height:14px;
}

div.detail_box_content_top
{
  border:1px solid #70C185;
  padding:10px 10px 10px 10px;
  margin:0 0 0 0;
  height:110px;
  line-height:1.2em;
}

div.detail_box_content_bottom
{
  border:1px solid #70C185;
  padding:10px 10px 10px 10px;
  margin:0 0 0 0;
  height:190px;
  line-height:1.2em;
}

div.contact
{
  background:#FFFFFF url(../images/kreuzkraut_post.jpg) no-repeat scroll left top;
  margin:0 0 0 10px;
  
}

div.contact_content
{
  font-size:14px;
  line-height:1.3em;
  padding:140px 50px 70px 50px;
}

div.contact_info
{

}

div.pic-text
{
  padding:10px 15px 5px 15px;
}

div.pic-title
{
  padding:10px 10px 15px 10px;
}

div.pic-text p
{
  padding:0px;
}

div.pic-text h1
{
  padding:0px;
  margin:0px 0px -10px 0px;
}

img.pic-right
{
  cursor:pointer;
  padding:0px 0px 0px 27px;
}

img.thumbnail_first
{
  background:url(../images/search.png) no-repeat right bottom;
  cursor:pointer;
  padding:0px 0px 16px 0px;
}

img.thumbnail
{
  background:url(../images/search.png) no-repeat right bottom;
  cursor:pointer;
  padding:0px 0px 16px 8px;
}

/* SSH - Kontaktformular */
div.formular_box
{
  width:374px;
  margin:0 0 20px 0;
  padding:0 0 0 30px;
}

div.formular_box_head
{
  background:#FFFFFF url(../images/bg_box.png) repeat-x scroll left top;
  font-family:Verdana,Arial,Helvetica;
  font-size:14px;
  font-weight:bold;
  color:#FFFFFF;
  padding:5px 0 5px 10px;
  height:14px;
}

div.formular_box_content
{
  border:1px solid #70C185;
  padding:10px 10px 83px 10px;
  margin:0 0 0 0;
  height:110px;
  line-height:1.2em;
}

div.formular_send
{
  padding:7px;
  text-align:center;
}

/* Info-Box */
div.info_box
{
  width:374px;
  margin:0 0 20px 0;
  padding:0 0 0 30px;
}

div.info_box_head
{
  background:#FFFFFF url(../images/bg_box.png) repeat-x scroll left top;
  font-family:Verdana,Arial,Helvetica;
  font-size:14px;
  font-weight:bold;
  color:#FFFFFF;
  padding:5px 0 5px 10px;
  height:14px;
}

div.info_box_content
{
  border:1px solid #70C185;
  padding:10px 10px 5px 10px;
  margin:0 0 0 0;
  line-height:1.2em;
}

/* $5 - Footer ///////////////////////////////////////////////////////////////*/
div.footer
{
  margin-right:-300px;
  padding:0px 0px 20px 0px;
}

/* $6 - Infosite ///////////////////////////////////////////////////////////////*/
.infosite h1
{
  padding:5px 10px 5px 10px;
}

.infosite p
{
  padding:5px 10px 5px 10px;
}