@import url('http://fonts.googleapis.com/css?family=Roboto');
@import url('http://fonts.googleapis.com/css?family=Roboto+Slab:300');

p {
	font-family: Roboto;
	font-size: 16px;
	font-weight: 300;
  	line-height: 150%;
}

#wrapper b {
	font-family: Roboto;
	font-size: 16px;
  	/*background-color: #09C;*/
	font-weight: 700;
}

#wrapper h2 {
	font-family: "Roboto Slab";
	font-size: 30px;
	color: #df9b1b;
	font-weight: 300;
  text-transform: none;
}

#wrapper h3 {
	font-family: "Roboto Slab";
	font-size: 20px;
	color: #df9b1b;
	font-weight: 300;
  text-transform: none;  
  padding-top: 10px;
  padding-bottom: 15px;
}

#wrapper h4 {
	font-family: "Roboto Slab";
	font-size: 16px;
	color: #df9b1b;
	font-weight: 300;
  text-transform: none;
}

#wrapper {
	margin: auto;
  	width: 748px;
    /*background-color: #09C;*/
	position: relative;

}

#wrapper a {
  	color: #df9b1b;
   	text-transform: none;
}

#wrapper a:hover {
  	color: #999;
   	text-transform: none;
}

#wrapper table td {
	font-family: "Roboto";
  	font-size: 13px;
  	padding: 5px;
}


/* mehrspaltige Layouts */

.cont_2spaltig {
	  -moz-column-count: 2;
	  -moz-column-gap: 20px;
	  -moz-column-rule: none;
	  -webkit-column-count: 2;
	  -webkit-column-gap: 20px;
	  -webkit-column-rule: none;
	column-count: 2;
	column-gap: 20px;
	column-rule: none;
	}



/* ab hier alles zu "Wissenswertes" */

.waffg_link {
	width: 68px;
	padding: 30px;
	border-radius: 100px;
	text-align: center;
	color: #000;
	background-color: #FFFFFF;
	float: left;
	margin-right: 20px;
}

.waffg_link a {
  	text-decoration: none;
}
#wrapper .waffg_link a:hover {
  	text-decoration: none;
    color: #fff;
}

.waffg_link:hover {
	cursor: pointer;
	background-color: #FF9900;
}

#wrapper .waffg_link:hover a {
  	color: #FFF;
  	text-decoration: none;
}

.headline_table {
  	font-family: "Roboto Slab";
  	font-size: 13px;
  	color: #fff;
  	border-color: #ccc;
  	border-width: 0px;
  	text-align: left;
}


/* Ende "Wissenswertes" */


/* ab hier alles zu "Vetrieb" */

#karte_box {
	height: 702px;
	width: 748px;
  	position: relative;
}

#karte_rechts {
	height: 202px;
	width: 180px;
  	position: absolute;
  	left: 500px;
	top: 50px;
}

<!-- Ende "Vetrieb" -->

<!-- ab hier alles zu "Über uns" -->

#his_textwrap1 {
	width: 748px;
    position: relative;
}
#his_textwrap2 {
	width: 748px;
    position: relative;
}
#his_textwrap3 {
	width: 748px;
    position: relative;
}
#his_textwrap4 {
	width: 748px;
    position: relative;
}
#his_textwrap5 {
	width: 748px;
    position: relative;
}
#his_textwrap6 {
	width: 748px;
    position: relative;
}

#his_textfeld1 {
	width: 500px;
}
#his_textfeld2 {
	width: 446px;
	position: relative;
    left: 0px;
	top: 0px;
}
#his_textfeld3 {
	height: 500px;
	width: 445px;
	position: relative;
	left: 304px;
	top: 0px;
}
#his_textfeld4 {
	width: 295px;
    position: absolute;
    left: 0px;
	top: 0px;
}
#his_textfeld5 {
	width: 295px;
    position: relative;
    left: 0px;
	top: 0px;
}
#his_textfeld6 {
	height: 295px;
  	width: 520px;
    position: relative;
    left: 218px;
	top: 0px;
}
#his_bd_wappen {
	height: 225px;
	width: 169px;
	position: absolute;
	left: 578px;
	top: 0px;
}
#his_bd_gesellenbrief {
	height: 294px;
	width: 290px;
	position: absolute;
	left: 454px;
	top: 0px;
}
#his_bd_k-hebsacker {
	height: 496px;
	width:425px;
	position: absolute;
	left: 323px;
	top: 0px;
}
#his_bd_logos {
	height: 496px;
	width:425px;
	position: absolute;
	left: 0px;
	top: 550px;
}


<!-- Ende "Über uns" -->

<!-- ab hier alles zu "Links" -->

#links_textfeld1 {
	width: 220px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#links_textfeld2 {
	width: 220px;
	position: absolute;
	left: 260px;
	top: 0px;
}
#links_textfeld3 {
	width: 220px;
	position: absolute;
	left: 520px;
	top: 1px;
}
#textwrap1 {
	height: 200px;
    width: 748px;
	position: relative;
}
#textwrap2 {
	height: 500px;
    width: 748px;
	position: relative;
}
#links_textfeld4 {
	width: 220px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#links_textfeld5 {
	width: 500px;
	position: absolute;
	left: 260px;
	top: 0px;
}
#textwrap1 a {
	text-decoration: none;
}
#textwrap1 a:hover {
	color: #999;
}
#textwrap2 a {
	text-decoration: none;
}
#textwrap2 a:hover {
	color: #999;
}

<!-- Ende "Links" -->

<!-- ab hier alles zu "Team" -->

#wrapper_team {
	margin: auto;
  	width: 748px;
    /*background-color: #09C;*/
	position: relative;
}

#team_container_hoch {
	/*background-color: #9F0;*/
	width: 740px;
	position: relative;
  	height: 420px;
}
#team_container_quer {
	/*background-color: #9F0;*/
	width: 740px;
	position: relative;
	height: 345px;
}
#team_bild_hoch {
	/*background-color: #C93;*/
	height: 400px;
	width: 350px;
	float: left;
}
#team_bild_quer {
	/*background-color: #C93;*/
	height: 325px;
	width: 470px;
	float: left;
}
#team_text_hoch {
	/*background-color: #FF9;*/
	width: 300px;
	position: absolute;
	left: 350px;
	top: 50px;
}
#team_text_quer {
	/*background-color: #FF9;*/
	width: 260px;
	position: absolute;
	left: 470px;
	top: 50px;
}

<!-- Ende "Team" -->

<!-- ab hier alles zu "Newsletterarchiv" -->
#wrapper_newsletter {
	margin: auto;
	width: 748px;
	position: relative;
}
#newsletter_container {
	/*background-color: #9C3;*/
	height: 250px;
	width: 748px;
	position: relative;
}
#newsletter_li {
	/*background-color: #C93;*/
	height: 200px;
	width: 215px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#newsletter_mi {
	/*background-color: #C93;*/
	height: 200px;
	width: 215px;
	position: absolute;
	left: 265px;
	top: 0px;
}
#newsletter_re {
	/*background-color: #C93;*/
	height: 200px;
	width: 215px;
	position: absolute;
	top: 0px;
	right: 0px;
}