html{
	height:100%;
	margin:0;
	padding:0;
}

/* Allgemeine Formatierungen*/
body
	{
	margin: 0;
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: black;
	background-color: white;
	background: url(/opencms622/opencms/system/modules/de.grobi.opencms.template/resources/global_back2.gif) repeat;
}

h1, h2, h3, h4, h5
	{
	font: bold 12px Arial, Helvetica, sans-serif;
}

p
	{
	font: 12px Arial, Helvetica, sans-serif;
	padding: 0;
}

table, td
	{
	margin: 0;
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: black;
	}

a{
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #344CA7;
}

a:hover{
	color:#A73436;
}

.logo{
	float:left;
}
#searchform{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #A73436;
	position: absolute;
	top: 7px;
	right: 15px;
	text-transform: uppercase;
}
.search{
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 12px;
	height: 18px;
	margin: 0 5px 0 5px;
}
.searchSend{
	border: none;
	background: url(/opencms622/opencms/system/modules/de.grobi.opencms.template/resources/arrowRed.gif) no-repeat 5%;
}
.quickbar{
	font: 11px Arial, Helvetica, sans-serif;
	width: 200px;
}

/*Impressum*/
#impressum{
	font: 11px Arial, Helvetica, sans-serif;
}
#impressum a{
	font: 11px Arial, Helvetica, sans-serif;
	color: #344CA7;
	text-decoration:none;
}
#impressum a:hover{
	color: #A73436;
	text-decoration:none;
}
/* Layout /////////////////////////////////////////*/	
#container
	{
	width: 100%;
	background: url(/opencms622/opencms/system/modules/de.grobi.opencms.template/resources/head_back.gif) repeat-x;
}

/*Head /////////////////////*/
#header
	{
		width: 100%;
		height: 125px;
	}
#headLeft{
	width:251px;
	height:107px;
	position: absolute;
	left: 15px;
	top:18px;
}
#headRight{
	width: 715px;
	position: absolute;
	left: 284px;
	top:56px;
	
}
#search{
	float: right;
}
#navTop{
	display: block;
	clear: both;
	float: left;
}
#navi {
	display: table-row;
}

/* Content ////////////////////*/
#content
	{
	margin:0px 15px 0px 0px;
	}

#navLeft {
	width:238px;
	position: absolute;
	left: 12px;
}
#middle_content {
	width: 715px;
	position: absolute;
	left: 284px;
}
#middle {
	width: 460px;
	position: absolute;
	left: 284px;
}

#middle .flash{
	margin: 0px 0px 15px 0px;
}

#right {
	width:240px;
	position: absolute;
	left: 760px;
}

	
/* Layout Box Content ///////////////////////////////////////////////////////////////////*/

/* set millions of background images */
.rbroundbox {
	background: White;
}

.rbtop div {
	background: url(/opencms622/opencms/system/modules/de.grobi.opencms.template/resources/edgeContLT.gif) no-repeat top left;
}
.rbtop {
	background: url(/opencms622/opencms/system/modules/de.grobi.opencms.template/resources/edgeContRT.gif) no-repeat top right;
}
.rbbot div {
	background: url(/opencms622/opencms/system/modules/de.grobi.opencms.template/resources/edgeContLB.gif) no-repeat bottom left;
}
.rbbot {
	background: url(/opencms622/opencms/system/modules/de.grobi.opencms.template/resources/edgeContRB.gif) no-repeat bottom right;
}

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 16px;
font-size: 1px;

}
.rbcontent { margin:-6px 10px -6px 10px;}
.rbroundbox {
	width: 100%;
	margin: 0px 0px 15px 0px;
	display: table;
}

/* Layout Box Navi ///////////////////////////////////////////////////////////////////*/

 /* set millions of background images */
.navrbroundbox {
	background: White url(/opencms622/opencms/system/modules/de.grobi.opencms.template/resources/navBack.gif);
}
.navrbtop {
	background: url(/opencms622/opencms/system/modules/de.grobi.opencms.template/resources/edgesNavTop.gif) no-repeat top left;
}
.navrbbot {
	background: url(/opencms622/opencms/system/modules/de.grobi.opencms.template/resources/edgesNavBottom.gif) no-repeat bottom left;
}

/* height and width stuff, width not really nessisary. */
.navrbtop div, .navrbtop, .navrbbot div, .navrbbot {
width: 100%;
height: 16px;
font-size: 1px;

}
.navrbcontent { padding:0 10px 0 16px; }
.navrbroundbox { width: 100%; margin: 0 0 5px 0;}

/* Layout Infobox ///////////////////////////////////////////////////////////////////*/
.hauptcontent {
	padding-bottom:30px;
}

/*Inhalt Infobox*/
.hauptcontent h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A73436;
	font-weight: bold;
	padding: 0px 0px 5px 15px;
	margin:0 0 0 0;
    border-bottom: 1px solid #99A5D3;
}
.hauptcontent p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 15px 0px 15px;
}

.tabelle p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
}

.hauptcontent h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 5px 15px;
}

.hauptcontent .liste{
	padding: 10px 5px 0 15px;
}

#hauptlink{
	float:right;
}
.infocontent {margin:-6px 0px -6px 0px; }

/*Inhalt Infobox*/
.infocontent h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A73436;
	font-weight: bold;
	margin: 0 0 -8px 15px;
       
}
.infocontent p.box{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 10px 5px 0 15px;
	border-top: 1px solid #99A5D3;
}
.infocontent img{
	float: left;
	margin: 0 10px 10px 0;
}
.inforoundbox {
	width: 222px;
	margin: 0px 0px 10px 0px;
	background: White;
	float:left;
}
.hauptroundbox {
	width: 100%;
	height:100%;
	margin: 0px 0px 10px 0px;
	background: White;
	
}

#fillbox{
	width: 15px;
	height: 10px;
	float:left;
}
#infobox{
	margin: 0;
	padding: 0;
	height:1px;
}


/*Navigation //////////////////////////////////////////////////////////////////////////*/

/*Top Navi*/
#nav a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	margin: 0 0 0 12px;
	color: #344CA7;
	text-transform: uppercase;
	display: inline;
}
#nav a:hover{
	color:#A73436;
}
#nav a.set{
	color:#A73436;
}
#nav a.active{
	color:#A73436;
}

#infolink a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #344CA7;
}

#nav a:hover{
	color:#A73436;
}



/*Left Navi*/
.navrbcontent a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding:5px 0 5px 0;
	color:#344CA7;
	border-bottom: 1px solid #CAC9C9;
	display: block;
}
.navrbcontent a:hover{
	color:#A73436;
}

a.shop{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
        line-height: 5px;
	border: none;
	color: #A73436;
	width: 80px;
	background: url(/opencms622/opencms/system/modules/de.grobi.opencms.template/resources/arrowShop.gif) no-repeat right;
}
a.eintrag{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
     	border: none;
	color: #A73436;
	margin: 5px 0 0 0;
	width: 90px;
	background: url(/opencms622/opencms/system/modules/de.grobi.opencms.template/resources/arrowShop.gif) no-repeat right;
}

/* Neuigkeiten    /////////////////////////////////////////////*/
#news {
	padding:5px;
	margin: 0px;
}
#news h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #344CA7;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
}
#news .newsdatum{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A73436;
	display: block;
	font-weight: bold;
}
#news p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;}
#newslink{
        font-family: Arial, Helvetica, sans-serif;
}
#newsaktiv{
        font-family: Arial, Helvetica, sans-serif;
	color: #A73436;
}