/*
  Frosch.biz - Styles
*/

* {
	margin: 0;
	padding: 0;
	border: 0
}

body{
	width: 100%;
	text-align: center;
	background: #c0c0c0
}

#spacer{
  margin: auto;
  width: 955px;
  height: 35px
}

#wrapper {
  margin: auto;
	width: 955px;
	height: 600px;
	text-align: left;
	background: #fff
}

#head{
  width: 955px;
  height: 149px;
  float: left;
  position: relative
}

#grey_background{
  width: 955px;
  height: 77px;
  background: #f3f3f3;
  margin: 35px 0 0;
  position: absolute
}

#logo{
  width: 348px;
  height: 121px;
  z-index: 2;
  position: absolute;
  top: 35px;
  left: 35px
}

#navigation{
  width: 205px;
  height: 382px;
  float: left;
  border-right: solid 1px #bbbdbe;
  padding: 35px 0 0
}

#content {
  width: 495px;
  height: 347px;
  float: left;
  margin: 35px 0 0 25px;
  padding: 0 23px 35px 0;
  overflow: auto
}

    #content ul li {
      list-style-type: none;
      background: url(pix/li_dot.gif) no-repeat 0 6px;
      padding: 0 0 0 7px
    }

#content_contact {
  width: 495px;
  float: left;
  margin: 35px 0 35px 25px;
  padding: 0 23px 0 0
}

#news {
  width: 135px;
  float: left;
  border-left: solid 1px #bbbdbe;
  padding: 35px 35px 0 35px
}

#footer {
  width: 955px;
  height: 25px;
  margin: auto;
  padding: 10px 0 0;
}

/*
  Navigation-Styles
*/

.nav_1_n{
  clear: both;
  width: 135px;
  height: 16px;
  font-weight: 700;
  padding: 2px 35px 0 35px
}

.nav_1_h{
  clear: both;
  width: 135px;
  height: 16px;
	font-weight: 700;
	background: url(pix/nav_arrow.gif) no-repeat 6px 0 #f5f6f6;
	padding: 2px 35px 0 35px;
	margin: 0 0 10px 0
}

.nav_2_n{
  clear: both;
  width: 135px;
  height: 16px;
	font-weight: 700;
	color: #004971;
	padding: 2px 35px 0 35px;
	background: url(pix/nav_line.gif) no-repeat 35px 13px
}

.nav_2_h{
  clear: both;
  width: 128px;
  height: 16px;
  font-weight: 700;
  color: #004971;
  background: #f5f6f6;
  padding: 2px 35px 0 7px;
  margin: 0 0 0 35px
}

/*
  Text-Styles
*/

h1,h2,h3 {
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: 700;
	color: #c8b700
}

div,td,p,span,a {
	color: #787878;
	text-decoration: none;
	font-size: 11px;
	font-family: arial,verdana,helvetica
}

a:link,a:visited,a:hover,a:active,a:focus {
  outline: none;
  text-decoration: none
}

/*
  Baustein-Styles
*/

.input_text{
	width: 388px;
	height: 16px;
	padding: 2px 2px 0 2px;
	background: #f5f6f6
}

.textarea{
	width: 388px;
	height: 48px;
	padding: 2px 2px 0 2px;
	background: #f5f6f6
}

.input_text,
.textarea {
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	color: #787878
}

.input_text:hover,
.input_text:focus,
.textarea:hover,
.textarea:focus {
  background: #ccc
}

.formular_text{
  height: 12px;
  font-weight: 700;
  background: url(pix/contact_border.gif) no-repeat;
  padding: 6px 0 0
}

.button {
	width: 73px;
	background: url(pix/senden_button.gif) no-repeat;
	cursor: pointer
}

* html .button {
 width: 73px
}

.bildlinks {
	float: left;
	margin: 0 15px 15px 0
}

.bildrechts {
	float: right;
	margin: 0 0 15px 15px
}

.links {
  margin: 0 0 5px 0;
  float: left;
  width: 473px;
  height: 1px;
  background: url(pix/referenz_dots.gif) repeat-x 0 0
}