@import url("menu.css");
@import url("artikel.css");
@import url("autocompleter.css");
@import url("mailform.css");
@import url("DatePicker.css");

body{
	background-color: #f3e7d1;
	background-image: url(../../images/body_bg.gif);
	background-repeat: repeat-x;
	margin:0px;
	padding:25px;
	text-align: center;
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: #333333;
}

#center{
width: 951px;
margin: auto;
}

#page{
width: 949px;
border: 1px #999966 solid;
background-color: #ffffff;
display: block;
float: left;
text-align:left;
position: relative;
}

.topleft{
position: absolute;
top: 0px;
left: 0px;
background: url(../../images/topleft.gif);
background-repeat: no-repeat;
width: 171px;
height: 114px;
margin: -1px 0px 0px -39px;
z-index: 1003;
}

.topright{
position: absolute;
top: 0px;
right: 0px;
background: url(../../images/topright.gif);
background-repeat: no-repeat;
width: 8px;
height: 8px;
margin: -1px -2px 0px 0px;
z-index: 1003;

}

.bottomleft{
display: block;
float: left;
position: absolute;
bottom: 0px;
left: 0px;
background: url(../../images/bottomleft.gif);
background-repeat: no-repeat;
background-position: bottom left;
width: 8px;
height: 8px;
margin: 0px 0px -1px -1px;
z-index: 1003;
}

.bottomright{
display: block;
float: left;
position: absolute;
bottom: 0px;
right: 0px;
background: url(../../images/bottomright.gif);
background-repeat: no-repeat;
background-position: bottom right;
width: 8px;
height: 8px;
margin: 0px -2px -1px 0px;
z-index: 1003;
}

#kopf{
position: relative;
display: block;
float: left;
height: 232px;
width: 949px;
background: url(../../images/kopf.png);
background-repeat: no-repeat;
z-index: 1002;
}

#headermenu{
position: absolute;
right: 15px;
top: 0px;
font-size: 1.2em;
}

.gras{
position: absolute;
left:-7px;
bottom:32px;
height: 52px;
width: 960px;
background: url(../../images/gras.png);
background-repeat: no-repeat;
z-index: 1004;
}

#stroh{
display: block;
position: absolute;
left:0px;
top:204px;
z-index: 1;
position: absolute;
left:605px;
top:184px;
width: 334px;
height: 66px;
background: url(../../images/stroh.png);
z-index: 1005;
}

#menu{
width: 949px;
display: block;
font-size: 1.2em;
z-index: 1006;
position: absolute;
left:0px;
top:204px;
}

#menu .menu_left{
position: absolute;
left: 0px;
top: 0px;
width: 9px;
height:31px;
background: url(../../images/menu_left.gif);
background-repeat: no-repeat;
}

#menu .menu_right{
position: absolute;
right: 0px;
top:0px;
width: 9px;
height: 31px;
background: url(../../images/menu_right.gif);
background-repeat: no-repeat;
}

#main{
background: url(../../images/background.png);
background-repeat: repeat-y;
display: block;
float: left;
width: 944px !important;
overflow: hidden;
margin-top: 18px;
margin-bottom: 5px;
}

#content{
width:586px;
display: block;
float: left;
padding: 5px;
}

#teaser{
width: 949px;
overflow: hidden;
margin: 0px;
padding:0px;
float:left;

}

#right{
display: block;
float: right;
width: 320px;
}