html {
	overflow-y: scroll;
}

body {
	background-image:url(img/hg_lino.jpg);
	background-position: top left;
	background-repeat:repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #816950;
	margin:0px 0px 0px 0px;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
}

#maincontainer {
	width:990px;
	margin-left:auto;
	margin-right:auto;
	padding:0 0 0 0;
}
#maincontainer a{
	color: #816950;
	font-weight:bold;
	text-decoration:none;
}
#maincontainer a:hover{
	color: #816950;
	text-decoration:underline;
}

#header {
	clear:both;
	height: 125px;
	background-image:url(img/header.gif);
	background-position: top left;
	background-repeat:repeat-x;
}

#nav {
	height: 25px;
	background-color: #ece4d7;
	border-bottom: 1px solid #dacdbc;
	text-align: left;
	font-weight:bold;
	padding-top:35px;
	text-decoration:none;
}

#nav a{
	color: #816950;
	text-decoration:none;
}
#nav a:hover{
	color: #816950;
	text-decoration:underline;
}
#brown {
	min-height:50px;
	height:50px;
	background-color: #ece4d7;
}
.super {
	font-size:8px;
	vertical-align:super;
}
.bold {
	font-weight:bold;
}
h1,
.largebold {
	font-size:14px;
	font-weight:bold;
}
.smallbold {
	font-size:10px;
	font-weight:bold;
	
}
.picborder {
	border:8px solid #cbc1a6;
	/*border:0px;*/
}

/* column container */
.colmask {
	width:100%;			/* width of page */
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;	
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 0 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.main {
	background:#ece4d7;		/* right column background colour */
}
.main .colmid {
	right:25%;			/* width of the right column */
	background:#ece4d7;/* center column background colour */
}
.main .colleft {
	right:60%;			/* width of the middle column */
	background:#ece4d7;	/* left column background colour */
}
.main .col1 {
	min-height:350px;
	width:46.5%;			/* width of center column content (column width minus padding on either side) */
	left:111.5%;			/* 100% plus left padding of center column */
	line-height:22px;
}
.main .col2 {
	width: 23%;			/* Width of left column content (column width minus padding on either side) */
	left:37.8%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	height:100%;
	padding-left:0px;
	margin-left:0px;
}
.main .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:91.5%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

.required {
	font-weight:bold;
}

.requiredtext {
	font-size:10px;
	font-weight:bold;
}

#subnav {
	position: relative;
	float:right;
	background-image:url(img/subnav_hg.gif);
	background-repeat:repeat-y; 
	width:170px;
	border: 1px solid #dacdbc;
	padding-left: 50px;
	padding-top: 28px;
	padding-bottom: 10px;
	font-weight:bold;
}
#subnav a{
	color:#816950;
	text-decoration: none;
}

#subnav a:hover{
	text-decoration: underline;

}

#infobox{
	position: relative;
	float:right;
	/*position: relative;*/
	width: 196px;
	


}
#infoboxtitle{
	position: relative;
	background-color:#cebfa8;
	font-weight:bold;
	padding-left: 16px;
	padding-top: 10px;
	padding-bottom: 10px;

}
#infoboxmain{
	position: relative;
	background-color:#e0d6bd;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 10px;
	padding-bottom: 20px;
	line-height:18px;


}

#infoboxmain a{
	color: #816950;
	font-weight:bold;
	text-decoration:none;
}
#infoboxmain a:hover{
	color: #816950;
	text-decoration:underline;
}



#bottom {
	width:990px;
	height: 70px;
	background-color: #FEFBF4;
}

#footer {
	width:990px;
	height: 22px;
	background-color: #FEFBF4;
	text-align: right;
	font-size: 10px;
	font-weight:bold;
	background-color: #c6bfb5;
	padding-top: 8px;

}
#mobil {
	width:990px;
	height: 22px;
	text-align: left;
	font-size: 12px;
	font-weight:normal;
	background-color: #c6bfb5;
	padding-top: 8px;
	padding-bottom: 8px;
}
#footer a{
	color:#816950;
	text-decoration: none;
}

#footer a:hover{
	color:#816950;
	text-decoration: underline;
}
#arrowmainnavi {
	position:relative;
	top:-50px;
	width:28px;
	height:30px;
	background-image:url(img/arrowmainnavi.gif);
	background-repeat:no-repeat;
	z-index:2;
	
} 
#arrowsubnavi {
	position:relative;
	left:-26px;
	width:20px;
	height:18px;
	background-image:url(img/arrowsubnavi.gif);
	background-repeat:no-repeat;
	z-index:2;
}