a.boldbuttons{
background: #7eb066 url('/strohhaus/img/nav_bg.gif') no-repeat top left;
/*background: #add09d url('/strohhaus/img/nav_bg.gif') no-repeat top left;*/
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 56px; /* Height of button background height */
width: 150px;
 /* Width of left menu image */
text-decoration: none;
text-align: center;
padding-top: 40px;

}

a:link.boldbuttons, a:visited.boldbuttons, a:active.boldbuttons{
color:white; /*button text color*/
}

a:hover.boldbuttons{ /* Hover state CSS */
/*text-decoration: underline;*/
background: #add09d url('/strohhaus/img/nav_bg.gif') no-repeat top left;
color: #334882;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

a.boldbuttons span{
/*background: transparent url('media/roundedge-gray-right.gif') no-repeat top right;
display: block;*/
padding: 40px 60px 40px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
color:#ffffff;
}

html, body, div, p, h1, span, a, table, td, form, img, titlePicturePanel {
	margin: 0;
	padding: 0;
	color:#716861;
	font: 13px/20px Arial, Helvetica, Geneva, sans-serif;
}


.infoPicturePanel {
	border-left: 1px solid #B3ACA7;
	padding-left: 10px;
	text-transform: uppercase;
	/*font-size: 20px;*/
}

body {
	background: #ffffff url(/strohhaus/img/hinten.gif) repeat-x;
}

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

img {
	border: 0;
}

#logo {
	background: url(/strohhaus/img/lehmputz2_blumen.jpg) no-repeat top left;
	position:absolute;
	padding-top: 140px;
	left:0px;
	top:0px;
	z-index:1;
	text-align: center;
	height: 350px; /* Height of button background height */
	width: 300px;
}
#stroh {
	background: url(/strohhaus/img/strohBG.jpg) no-repeat top left;
	position:absolute;
	left:900px;
	top:0px;
	z-index:9;
	height: 350px; /* Height of button background height */
	width: 500px;
}
#subNav {
	
}

#logo a.logoTitle{
	font: 20px Arial;
	text-align: center;
	color: white;
}
#logo a.logoClaim{
	font: 18px Arial;
	text-align: center;
	color: white;
}
a.logoTitle {
	
	font: 24px Arial;
	color: white;
}

a.logoClaim {
	
	font: 20px Arial;
	text-align: center;
	color: white;
}


/* -------- navigation --------  */

#nav1 {
	position:absolute;
	left:0px;
	top:354px;
	z-index:3;
}
#nav2 {
	position:absolute;
	left:443px;
	top:80px;
	height:21px;
	z-index:3;
}

/* -------- content area --------  */


#picture {
	position:absolute;
	left:300px;
	top:0px;
	z-index:2;
	height: 351px;
}
#picturepanel {
	position:absolute;
	left:301px;
	top:453px;
	z-index:5;
	width:598px;
	height: 97px;
}
#title {
	position:absolute;
	left:350px;
	top:500px;
	width:500px;
	z-index:5;
}

#language {
	position:absolute;
	left:930px;
	top:490px;
	width:500px;
	z-index:8;
}

#language a{
	font-weight: bold;
	font-size: 15px;
}


#titlePicturePanel {
	position:absolute;
	left:350px;
	top:600px;
	width:550px;
	z-index:5;
}
#linien {
	position:absolute;
	left:450px;
	top:453px;
	z-index:1;
}
#content {
	position:absolute;
	left:450px;
	top:570px;
	width:400px;
	z-index:5;
	padding-bottom: 50px;
}
#contentPicturePanel {
	position:absolute;
	left:450px;
	top:660px;
	width:400px;
	z-index:5;
	padding-bottom: 50px;
}
#marginalback {
	position:absolute;
	left:0px;
	top:453px;
	width:301px;
	height: 306px;
	z-index:2;
	background: url(/strohhaus/img/marginal.gif) no-repeat;
}

#marginal {
	position:absolute;
	left:70px;
	top:500px;
	width:180px;
	z-index:3;
	padding-bottom: 50px;
}
#marginal p{
	line-height: 15px;
	/*padding-top: 10px;*/
	padding-left: 10px;
	
	padding-bottom: 10px;
	border-bottom: 1px dashed #334882;
}

#marginalPicturePanel {
	position:absolute;
	left:70px;
	top:500px;
	width:180px;
	z-index:3;
	padding-bottom: 50px;
}
#marginalPicturePanel p{
	font-size: 10px;
	line-height: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #334882;
}
#marginalPicturePanel a{
	font-size: 10px;
	line-height: 15px;
}

#subNav {
	border-bottom: 1px dashed #334882;
	padding-bottom: 34px;
	font-size: 18px;
}

#subNav a{
	font: bold;
	font-size: 18px;
	line-height: 23px;
	color: #334882;
}
#subNavActive _a{
	color: #617EC0;
}

#subNavNotActive a{
	color: #617EC0;
}


#subNav a:hover{
	color: #617EC0;
}

.absenden {
	color: #FF0000;
	background: #ab0707;
	text-transform: uppercase;
	font: bold 10px Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 2px;
border: 1px solid #FF0000;
}
.linie {
	border-bottom: 1px dashed #334882;
	padding-top: 8px;
}
.news {
	font-size: 12px;
	line-height: 20px;
	color: #334882;
	font-weight: bold;
	text-transform: uppercase;
}
.news2 {

	font-size: 11px;
	line-height: 15px;
	color: #334882;
	font-weight: bold;
	text-transform: uppercase;
}

.headline {
	font-size: 20px;
	line-height: 15px;
	color: #334882;
	font-weight: bold;
}

.linietab {

	border-bottom: 1px solid #F3F2F1;
}
.weissinput {
	font-size: 11px;
	color: #334882;
	background-color: #F3F2F1;
	text-transform: uppercase;
	font-weight: bold;
	width: 170px;
	height: 25px;
}
.buchung {
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #716861;
}
.buchung:hover {
	color: #000;
}