@import url("tipafriend.css");



/* CSS Document */
*{
  padding:0px;
  margin:0px;
}

* html {/*overflow:auto;*/}

body {
	text-align:center;
	font-family: Arial,Helvetica, Verdana,  sans-serif;
	font-size:13px;
	background-image:url(http://www.bglrieber.co.uk/images/bgKachel.gif);
	padding-top:25px;
}

img {border:0px;}

ul{list-style-type:none;}

.showbullets li {list-style-type:disc;}

/*hauptcontainer erzeugt schatten rechts und links */
#container {
	position:relative;
	margin:auto;
	width:814px;
	height:auto;
	background-image:url(http://www.bglrieber.co.uk/images/shadowMidle.gif);
	border:0px;
	z-index: 2;
	/*border:1px dotted #CC3366;*/
}

#schattenOben {
	width:814px;
	height:12px;
	background-image:url(http://www.bglrieber.co.uk/images/shadowTop.gif);
	background-repeat:no-repeat;
}



#containerHeader {
	position:relative;
	left:0px;
	top:0px;
	margin:auto;
	width:814px;
	height:65px;
	
	border:0;
	text-align:left;
	z-index: 3;
	/*border:1px dotted #CC3366;*/
}

#headerLogo {
	width:90px;
	height:20px;
	position: relative;
	float:left;
	left:10px;
	top:4px;
}

/* menu oben */
#headerTopmenu {
	float:right;
	padding-right:35px;
	line-height:16px;
	color:#777879;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

#headerTopmenu a{
	color:#777879;
	text-decoration:none;
	font-size: 11px;
	font-weight:normal;
}

#headerTopmenu a:hover{color:#303437;} /* ende menu oben */

.topSelected {font-weight:bold;}

#containerContent{
	position:relative;
	left:0px;
	top:0px;
	margin:auto;
	width:800px;
	
	border:0;
	text-align:left;
	
	/*border:1px dotted yellow;*/
}



#container #mainCol{
	position:relative;
	left:0px;
	top:0px;
	margin:auto;
	width:800px;
	height:auto;
	
	border:0;
	text-align:left;
	background-image:url(http://www.bglrieber.co.uk/images/shadowMidleContent.gif);
	background-repeat:repeat-y;
	
	/*border:1px dotted #CC3366;*/
}

#container #mainCol #topContent {
	/*padding:10px 0px 40px 0px;*/
	background-color:#081319;
	overflow:hidden;
}

#container #mainCol #menuCol{
	float:left;
	
	width:200px;
	border:0;
	border-top:1px solid #646769;
	color:#FFFFFF;
	/*border:1px dotted blue;*/
}

#container #mainCol #headerImage{overflow:hidden;}

#container #contentWrapper{
  padding:5px 25px;

}

#container #mainCol #contentCol{
	width:600px;
	float:left;
	border:0;
	/*overflow:hidden;*/	

}

#container #mainCol #content {
    /*padding:10px 0px 40px 0px;*/
	color:#FFFFFF;
	height:438px;
	float:left;
	clear:both;
} /* hack fr den ie - mindesthhe*/

#container #mainCol #content[id] {
	/*padding: 0px 0px 40px 0px;*/
	color:#FFFFFF;
	min-height:438px;
	height:auto;
	
} /* anzeige fr mozilla, etc. */



* html #container #contentWrapper{
  display:block;
  float:left;
}

* html #contentCol{
/*  background:violet !important;*/
}

#schattenUnten {
	width:814px;
	height:12px;
	background-image:url(http://www.bglrieber.co.uk/images/shadowBottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	font-size:1px;
}

.cleaner {
	clear:both;
	height:0.1em;
	font-size:0px;
	background:#FFFFFF;
	background-color:#FFFFFF;
}




/*stylez for the navigation links - parent link, home link and back link*/

/* stylez for the homelink*/
#MainMenuFirst {
  font-size:13px;
  font-weight:bold;  
  display:inline;  
  background-color:#303437;
  color:#CBCCCD;
  text-decoration:none;  
  white-space:nowrap;
}

#MainMenuFirst li a{float:left;}

#mainMenuHome li a{
padding:1px !important;
float:left;
}



#mainMenuBack a{
  border-right:1px solid #646769;
  padding:7px 11px 7px 20px !important;
}

#mainMenuHome a{
 padding:7px 43px 7px 11px !important;

}



* html #mainMenuHome a{
/*  padding:7px 11px 7px 20px !important;*/
}

#MainMenuFirst li a:hover {
  color:#001722;
  /*background:#fff url(http://www.bglrieber.co.uk//images/linkRO.gif) left no-repeat;*/
}



#mainMenuHome a {
color:#A2A4A5;
padding:7px 0 7px 0;
font-weight:bold;
}

#mainMenuHome a:hover {
	color:#001722;
	background-color:#FFF;
}

#mainMenuBack a{
	color:#A2A4A5;
	padding:7px 0 7px 0;
	font-weight:bold;
}

#mainMenuBack a:hover{
	color:#001722;
	/*background:#fff url(http://www.bglrieber.co.uk//images/linkRO.gif) left no-repeat;*/
	background-color:#FFF;
	border-right:1px solid #BFC5C9;
}

#mainMenuHome span#trenner {
	width: 1px;
	border-right:1px solid #646769;
	margin: 0 15px 0 15px;
}







































/* parent menu item */
#navAct {
	margin: 0;
	padding: 0;
	clear:left;
	list-style: none;
	width: 200px; /* Width of Menu Items */
	voice-family: "\"}\"";
	voice-family:inherit;
    width:160px;
}

#navAct li.navAct {
	width: 175px; /* Width of Menu Items */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:175px;
	display: block;
	padding: 7px 5px 7px 20px;
	border-top:1px solid #646769;
	background-image:url(http://www.bglrieber.co.uk/images/pfeil_ACT.gif);
	background-repeat: no-repeat;
	background-position: 7px 13px;
}

#navAct li.navAct a {
  background-color:#303437;
  color:#CBCCCD;
}

#navAct2 {
    text-align:left;
    /*background-color: #45494B;*/
    color:#A2A4A5;
    font-weight:bold;
    display:block;
/*	border-top:1px solid #646769; */
    border-bottom:1px solid #646769;
    text-decoration:none;
    
    padding:15px 20px 15px 20px; /* em units can creat little graphic bug in mozilla */
    voice-family: "\"}\"";
    voice-family:inherit;
    width:160px;
	
}

#navAct3 {
    text-align:left;
    background-color: #303437;
    color:#A2A4A5;
    font-weight:bold;
    display:block;
    width:200x;
	border-bottom:1px solid #646769;
    text-decoration:none;
    
    padding:10px 20px 10px 20px; /* em units can creat little graphic bug in mozilla */
	voice-family: "\"}\"";
	voice-family:inherit;
    width:160px;
	
}


/*
  main navigation
*/
#nav {
	list-style: none;
	width:200px;
}

#nav a{
  display:block;
  font-weight:bold;
  font-size:13px;
}

#nav li {position:relative;}

#nav li a {
  background-color:#303437;
  color:#CBCCCD;
	border-bottom:1px solid #646769;
	border-right:1px solid #303437;
  text-decoration:none;  
  padding:7px 19px 7px 25px;
}

#nav li a:hover, #nav .active {
  color:#001722;
  background:#fff url(http://www.bglrieber.co.uk/images/linkRO.gif) left no-repeat;
  border-right:1px solid #BFC5C9;
}




/* 2.ebene */
#nav li ul {
  width:200px;
	position:absolute;
  z-index:49;
	left:200px;
  top:0px;
	list-style:none;
	display:none;
}

#nav li ul li a {
  background-color:#fff;
  color:#001722;
  font-weight:normal;
	border-bottom:1px solid #646769;
	border-right:0px;
  text-decoration:none;    
  padding:5px 20px 5px 25px;
	filter:Alpha(opacity=90);
	-moz-opacity:0.9;
	/* width: 100%; */
}

#nav li li a:hover {
  color:#EE7900;
	background-color:#fff;
	border-right:0px;
	filter:Alpha(opacity=100);
	-moz-opacity:1.0;
}

#nav li:hover ul, #nav li.over ul{ 
	display: block; 
	background-color:none;
} 


/* transparenter hintergrund fr die 2.ebene */
#nav div.whiteCol {
  position:absolute;
  left:0px;
  top:-500px;
	background-color:#fff;
	width:200px;
  height:500px;
  background:url(http://www.bglrieber.co.uk/images/opera_2ebene.png) top left repeat;
}

* html #nav div.whiteCol {
  background-image:none;
  background-color:#fff;
  -moz-opacity:0.5;
  filter:Alpha(opacity=50);
}

#whiteCol-hover {background-image:url(http://www.bglrieber.co.uk/images/menu-abdecker.jpg);
	background-repeat:no-repeat;
	position: absolute;
	top: -25px;
	left: 202px;
	z-index: 50;
	width:210px;
	height:100px;
}


/* Holly Hack. IE Requirement \*/
* html #menuCol ul li { float: left; height: 1%; }
* html #menuCol ul li a { height: 1%; }
/* End */

#menuCol li:hover ul, #menuCol li.over ul{ 
	display: block; 
	/* border: 1px dotted red;  */
	background-color:none;
} /* The magic */

/*ende navigation*/


/* breadcrumpnavigation*/
#breadcrump {
	padding:15px 30px 15px 30px;
	color:#86888A;
}


/* breadcrumpnavigation
aenderungen an Farbe 24.04.07 engelhard
*/
#breadcrump {
	padding:15px 30px 15px 30px;
	background-color:#494C4F;
	display:table;
	  width:540px; 
}



* html #breadcrump{width:540px;}

#breadcrump span.trenner {
	margin:0 4px;
	float:left;
	position:relative;
	bottom:2px;
}

* html #breadcrump span.trenner {
  float:none;
  position:static;
  bottom:0px;
}

#breadcrump a{
	color:#BFC3C5;
	text-decoration:none;
	font-size:12px;
	/*display:inline !important;*/
	float:left;
	text-decoration:underline;
}

#breadcrump #rootlineStart {
	color:#FFF;
	font-size:12px;
	/*display:inline !important;*/
	float:left;
	margin-right: 5px;
}

* html #breadcrump a{
	display:inline-block;
	float:none;
}

#breadcrump a:hover{
	color:#fff;
	text-decoration:none;
	font-size:12px;
	text-decoration:underline;
}

#breadcrump li.ACT a{
  text-decoration:underline;
  color:#fff;
}

/* 17.05.07 anderung fuer breadcrup act fett no link*/
#breadcrump .breadcrump_act {
font-weight:bold;
display:inline-block;

float:left;
}


/* ende breadcrumpnavigation*/







/* id fr footer */
#footer {
	background-color:#FFF;
	font-size: 0.85em;
	
	width:800px;
	height:30px;
	/* dient als clearer f�������������������������������¼r die beiden contentspalten*/
	clear:both;

}

#footer a {
	color:#777879;
	margin-left: 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#footer #tipafriend {

}




#footer #menuBottom {
	float:right;
	padding:11px 25px 0 0;
	color:#777879;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}







/* stylez fuer die suchbox*/

/* neue Position der Suche ME:CMS-A*/
#newSearch {
}



.suchBoxContainer {
height: 1.6em;
width:12em;
position:relative;
left:505px;
top:20px;
overflow:hidden;
margin-left:35px;
margin-top:0;
padding-top:0;
  float: left;
  height: auto;
  padding:0;
  font-family:Verdana, Arial, sans-serif;
  position:relative;
}



.suchBoxContainer form {float:left;}

.suchBoxContainer form div {
  /*float:left;*/
  /*width:127px;*/
  /*border:1px solid #646769;*/
}

.suchBoxContainer form div input {
  float: left;
  width:101px;
  font-size: 13px;
  height:16px;
/*  background-color:#646769;*/
  background-color:#FFFFFF;
border:1px solid #B2B3B4;
border-right:0px solid #B2B3B4;
 /* color:#B2B3B4;*/
  color:#646769;
  padding-left:5px;
  padding-right:5px;
}


* html .suchBoxContainer form div input{
  border:1px solid #646769; 
  height:16px;
}

* html .suchBoxContainer form #searchsubmit{margin-left:-3px;}

/* .suchBoxContainer #searchsubmit{
  width:18px !important;
  height:18px !important;
  position:absolute;
  right:-18px;
  top:20px;
}*/
/* ende suchbox */









/* languageMenu */
#languageMenu{
  clear:left;
  float:left;
  width:145px;
  padding:0px 27px;
  background:#303437;
margin-top:10px;
}

* html #languageMenu{

}

#languageMenu img{
  float:left;
  display:block;
  margin-right:2px;
}

#languageMenu img{
}








/* the clearer */
div.clearer{
  clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}


#headerImage {
margin:0;
padding:0;
background-color:#494C4F;
}


/* the clearer */
div.clearer{
  clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}












#tipafriend_link{
clear:both;
width:250px;
height:25px;
display:block;
float:left;

padding-left:4px;
margin-left:18px;
margin-top:9px;
background-position: 19px 32px;
background-position: left 2px;
background-repeat:no-repeat;
}

#tipafriend_link A {
color:#CBCCCD;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:18px;
color:#777879;
}


#footer #tipafriend_link2 {display:none;}



#tipafriend2 {

position:relative;
top:15px;
right:5px;
float:right;
width:20px;
margin-bottom:-15px;
padding-left:10px;

}

#tipafriend2 #tipafriend_link {display:none;}


.newsitem
{
	clear:both;
	position:relative;
	padding-top:8px;
}

.newsthumb
{
    float:left;
    padding:5px;
    padding-top:0;
}

a.contentlink{
        color:#BFC3C5;
        text-decoration:none;
        font-size:12px;
        /*display:inline !important;*/
        text-decoration:underline;
}

.mainheading
{
	font-size:14pt;	
	font-weight:normal;
}

.whitebody
{
	padding:10px;
	color:#FFFFFF;	
}

.whitebody ul li
{
	color:#FFFFFF;	
}

.brochuresspan
{
	width:190px; 
	height:269px; 
	float: left; 
	padding:2px;
}

#pdfoverview
{
height:278px;
}