/* ---------- DEFAULT CSS ---------- */
/* Contains basic HTML-elements. */

/* Reset ... */
* {
	margin: 0;
	outline: 0;
	padding: 0;
}

.clear {clear: both; line-height: 0px; float: none;}

/* ---------- BODY ---------- */

html, body {
	width: 100%;
}

body {
  /*background: url(../img/framework/beton_256x256.jpg) repeat 100% 0;*/
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  color: #707173;
  margin: 0;
  padding: 0;
  position: relative;
  margin-bottom:20px;
}

/* ---------- LINKS ---------- */

a {
	color: #707173;
	cursor: pointer;
	text-decoration: none;
}

a:hover {
	color: #b1c903;
	text-decoration:none;
}

/* ---------- IMAGE HANDLING ---------- */
img {
	border: none;
	vertical-align:bottom;
}


/* ---------- HORIZONTAL LINE ---------- */
hr {
	display: none;
}


/* ---------- TYPO AND LAYOUT ---------- */
h1, h2, h3, h4, h5, h6, p, address {
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	color: #707173;
	font-size: 18px;
	margin: 0 0 20px;
	padding: 0 0 0 20px;
	font-weight: normal;
	
}

h2 {
	color: #707173;
	font-size: 14px;
	margin-top:10px;
	padding-left: 106px;
	font-weight: normal;
	width:610px;
	
}

h3 {
	color: #707173;
	font-size: 16px;
}

p {line-height: 1.2;}

/* ---------- LIST ---------- */
ul, ol, dl {
	
	/*list-style-position: outside;*/
}

li {
	list-style-type: none;
	list-style-image: none;

}

dt,dd {}





/* ---------- FORM ---------- */
form, fieldset, legend, label, input, option, select, textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
}

form {display: inline;}

fieldset {
	border: none;
}

legend {
	display: none;
}

label {
	
}

input {
	border:none;
	vertical-align:top;
	background-color:#EBEBEB;
}

select {
}
option {
}

textarea {
	border:none;
	background-color:#EBEBEB;
}

.main {
	background-color:white;
	width: 1000px;
	margin: 20px auto 0 auto;
	height: auto;
	border-color:#b1c903;
	border-style:solid;
	border-width:1px;
}


/* CONTENT FONTS */

#topline_contentarea{
	font-size:20px;
	color:#b1c903;
	margin-left:-4px;
	margin-bottom:15px;
}

#topline_contentarea_impressum{
	font-size:20px;
	color:#b1c903;
	margin-left:107px;
	margin-bottom:-15px;
}

/* HEADER */

.head{

	position:relative;
	top:20px;
	left:20px;
	width:500px;
}

/* MENUE */

ul#main_menu {
	height: 40px;
	padding-top: 50px;
	padding-left: 20px;
	text-align: left;
}

ul#main_menu li {
	display: inline;
}

ul#main_menu li#partner {
	margin-left: 22px;
}
ul#main_menu li#kontakt {
	margin-left: 22px;
}
ul#main_menu li#bestellung {
	margin-left: 22px;
}
ul#main_menu li#team {
	margin-left: 22px;
}

ul#main_menu li a {
	position: relative;
}



ul#sub_menu {
	
	text-align: left;
	padding-left: 90px;
	margin-top: -7px;
}

ul#sub_menu li {
	margin-left: 15px;
	display: inline;
}

/* SUBTEXT */

#subtext h2{
	
}


/* STARTPAGE */

#content{
	
	width:100%;
	height:auto;
	

}

#startpage_newsbuttons{
	position:absolute;
	margin-top:60px;
	z-index:5000;
	width:auto;
}

ul#startpage_newsbuttons li{
	z-index:1000;
	margin-bottom:10px;
	margin-left:20px;
	
}

/* SORTIMENT */

#sortiment_menu{

	margin-top:55px;
	margin-left:106px;
	margin-bottom:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	width:250px;;
}

ul#sortiment_menu li{
	margin-bottom:5px;
}

#sortiment_area{
	position:absolute;
	margin-left:320px;
	top:300px;
	border-color:#b1c903;
	border-style:solid;
	border-width:1px;
	width:370px;
	height:400px;
	overflow:auto;
	padding-left:5px;
	font-size:16px;	
}

#sortiment_area_sort{
	font-weight:bold;
	margin-bottom:2px;
	margin-top:20px;
	color:#b1c903;
}

/* PARTNER*/

#customer_content{
	margin-top:40px;
	width:800px;
	margin-left:107px;

}

#customer_content img{
	margin-right:15px;
	margin-bottom:15px;
}


/* KONTAKT */

#kontakt_leftarea{
	position:relative;
	margin-top:20px;
	padding-left:105px;
	margin-bottom:75px;
	font-size:22px;
	color:#b1c903;
}

ul#kontakt_leftarea li{
	margin-bottom:15px;
}

#kontakt_container {
	position:absolute;
	margin-top:-190px;
	margin-left:350px;

}


#kontakt_container label {
	display:block;
	float:left;
	width:150px;
}

#kontakt_container input {
	padding-left:5px;
	margin-bottom: 5px;
	width: 200px;
}

#kontakt_container textarea {
	padding-top:5px;
	padding-left:5px;
	width: 250px;
	height: 100px;
}

#kontakt_container input.submit {
	width: 80px;
	margin-left:328px;
	margin-top: 25px;
}


/* BESTELLUNG */



#order_rightarea{
	position:absolute;
	margin-top:20px;
	margin-left:465px;
	width:300px;
}

#order_rightarea textarea {
	padding-left:5px;
	padding-top:5px;
	margin-left:-2px;
	margin-bottom:8px;
	width: 300px;
	height: 240px;
}

#order_container {
	position:relative;
	margin-top:20px;
	margin-left:110px;
	width:348px;

}

#order_container label {
	display:block;
	float:left;
	margin-left:-3px;
	width:120px;
}

#order_container input {
	margin-bottom: 5px;
	width: 153px;
	padding-left:5px;
}

/* TEAM */

#team_content{
	position:absolute;
	top:240px;
	margin-top:30px;
	width:400px;
	margin-left:207px;
}

#team_content p{
	margin-top:5px;
}

#team_submenu{
	margin-bottom:210px;
}

/* FOOTER */


#startpage_img{
	margin-top:100px;

}

#shophour{
	width:auto;
	position:absolute;
	vertical-align:bottom;
	margin-top:-90px;
	margin-left:20px;
}

#shophour_first{
	margin-bottom:15px;

}

#impressum{
	width:auto;
	position:absolute;
	vertical-align:bottom;
	margin-top:-26px;
	margin-left:460px
}

#route{
	width:auto;
	color:#FFFFFF;
	position:absolute;
	vertical-align:bottom;
	margin-top:-40px;
 	margin-left:750px
}

#route_button{
	width:auto;
	position:absolute;
	vertical-align:bottom;
	margin-top:-40px;
 	margin-left:915px
}

#event_content{

	margin-top:-290px;
	margin-left:107px;
	width:650px;
	position:absolute;
}


/* Erste und Dritte Zeile - die Zelle in der Jahr/Monat steht*/
.cal_cell_monat
{
height:20px;
border-bottom:1px solid #b1c903;
background-color:#b1c903;
color:#FFFFFF;
font-weight:bolder;
}

/* Zellen in den die Navigationspfeile sind (nach rechts) */
.cal_cell_monat_rechts
{
height:20px;
border-bottom:1px solid #b1c903;
border-right:1px solid #b1c903;
background-color:#b1c903;
color:#FFFFFF;
font-weight:bolder;
}

/* Zellen in den die Navigationspfeile sind (nach links) */
.cal_cell_monat_links
{
height:20px;
border-bottom:1px solid #b1c903;
border-left:1px solid #b1c903;
background-color:#b1c903;
color:#FFFFFF;
font-weight:bolder;
}

/* Zellen in den die Wochentage stehen*/
.event_head
{
text-align:center;
font-weight:bold;
height:25px;
border-bottom:1px solid #b1c903;
border-left:1px solid #b1c903;
}

/* Letzte Zelle in der ein Wochentag steht*/
.event_head_right
{
text-align:center;
font-weight:bold;
border-bottom:1px solid #b1c903;
border-left:1px solid #b1c903;
border-right:1px solid #b1c903;
}

/* Zellen in der ein Datum steht*/
.event_datum
{
height:20px;
background-color:#CCCCCC;
color:#FFFFFF;
font-weight:bolder;
text-align:center;
}

/* Die linke zellen in jeder Reihe */
.event_tag_links
{
/*border-left:1px solid #CCCCCC;*/

}

/* Die restlichen Zellen in einer Reihe*/
.event_tag
{
border-left:1px solid #CCCCCC;
/*border-right:1px solid #CCCCCC;*/
}

/* Letzte Zeile im Kalender */
td.event_cell_monat
{
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
/*border-right:1px solid #CCCCCC;*/
background-color:#b1c903;
color:#FFFFFF;
font-weight:bolder;
text-align:center;
}