<!--
body {
	background:#A0CD65 url(../images/css/background.gif) repeat-x top;
	text-align: center; /*centers the main in IE5/win */
}
body, td {
	font-family: Futura, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	color: #939393;
}

p, input, div, td, textarea, div.content,select,textarea {
  font-family: Futura, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666;
	line-height:1.5em;
	}

input, textarea {
	padding: 2px 4px;
}

label {
 cursor: pointer;
 cursor: hand;
}

.form_row {
	margin-bottom: 10px;
}

h1 {
	font-size:24px;
	margin-top:5px;
	margin-bottom:20px;
	padding-bottom:1px;
	font-weight:normal;
	color:#ccc;
	font-family: Futura, Arial, Helvetica, sans-serif;
	}

h2 {
	font-size:18px;
	margin-top:25px;
	margin-bottom:7px;
	font-weight:normal;
	display:block;
	color: #96C165;
  font-family: Futura, Arial, Helvetica, sans-serif;
	}

h3 {
	margin-bottom:5px;
	margin-top:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #96C165;
}

h4 {
	font-size:28px;
	margin-top:25px;
	margin-bottom:5px;
	padding-bottom:15px;
	font-weight:normal;
        display:block;
	color: #96C165;
	font-family: Futura, Arial, Helvetica, sans-serif;
}

hr {
	height:1px;
	background:white;
	border:none;
	border-bottom:1px dotted #DEDEDE;
	width:auto;
	margin-top:3px;
	margin-bottom:3px;
	display:block;
}

a:link, a:visited, a:active {
	color:#96C165;
	text-decoration:none;
	}

a:hover {
	color:#333;
	}

a.white:link, a.white:visited, a.white:active {
	color:#fff; }

a.white:hover {
	color:#fff;
	text-decoration:none;
	border-bottom:1px dotted #000000;
}

a img{
  border: none;
}

div.screens{
	float:right;
	width:400px;
}
div.screens span {
	text-align:center;
	display:block;
}

div.screens a,
div.screens a:link,
div.screens a:hover{
background:none!important;
}
/* Logo */

#spot {
	height:279px;
	background:url(../images/css/circle.jpg) no-repeat;
	position: relative;
	right: 50px;
	top:0px;
	width:500px;
}

#container {
	width: 970px;
	margin: auto; /* centers the whole container */
	text-align: left;
	padding:none;
	border-top: 1px solid #B4E772;
	z-index:2;
	position:relative;
}

#topbar {
  color: white;
	float: right;
	text-align: right;
	margin-right: 40px;
	margin-top: 5px;
	padding: 8px;
	color: #769B51;
	position:absolute;
	width:93%;
}

#topbar input {
	background: #C2EC8D;
	width: 150px;
	border: 1px solid #fff;
	padding: 2px 4px;
}

#topbar input.btn {
	width: auto;
	margin-left: 5px;
	background: #799F53;
	padding: 1px 4px;
}

#popup {
	margin: auto; /* centers the whole container */
	margin-top: 10px;
	text-align: center;
	font-size:12px;
	padding:0px;
	border:0px solid #C70E11;
}


/* main===== */

#eyecatcher {
	float:right;
	border:1px solid;
	margin-right:20px;
	margin-top:60px;
}

#main {
	position:relative;
	top:-180px;
	width:930px;
	margin-left:10px;
	clear: left;
	font-family:Arial;
	font-size:12px;
	line-height:18px;
	z-index:2;
}

#main div.logo{
	position:absolute;
	left:0px;
	top:-70px;
	z-index:999;
	float:left;
}

#main div.catchphrase{
	padding:35px 30px 0px 180px;
  color: #96C165;
	background:url(../images/css/main_header_bg.png) no-repeat;
}

#main div.content{
	padding:20px 40px;;
	background:url(../images/css/main_bg.png) repeat-y;
	min-height:500px;
	_height:500px;
}

#main div.footer{
	padding:5px 16px 15px 16px;
	background:url(../images/css/main_footer_bg.png) no-repeat bottom;
	text-align:right;
}

#main div.footer div.inner
{
  padding: 8px;
  background-color: #c2ec8d;
  zoom:1;
}

#main div.footer a
{
  color: #888;
}

#main div.footer span.left
{
  display: block;
  background: url(../images/css/made_by_be_logo_small.gif) no-repeat left center;
  padding-left: 18px;
  float: left;
}

#main input, #main textarea{
	border:1px solid #CCC;
	background:#F3F3F3;
}

#main input:focus,#main textarea:focus{
	border:1px solid #96C165;
	background:#E3F7C9;
}

#main input.form_element,
#main textarea.form_element {
	width:90%;
}

div.msg {
  background:#E3F7C9;
  padding:4px 10px;
  margin-bottom: 10px;
}

div.error_msg {
	border:1px solid #AB1622;
	background:#FFDFE2;
	padding:4px 10px;
	margin-bottom: 10px;
}

#main input.field_error,
#main select.field_error,
#main textarea.field_error {
	border-color:#AB1622;
	background-color:#FFDFE2;
}


#main div.content a:link,
#main div.content a:visited,
#main div.content a:active {
	color:#96C165;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: left;
	}

#main div.content a:hover {
	color:#000;
	background-color:#C5EC91;
	background-repeat: no-repeat;
	background-position: left;
	}


#main div.gallery a,
#main div.gallery a:link,
#main div.gallery a:visited,
#main div.gallery a:active {
  background:none;
	color:#069;
	text-decoration:none;
	border:none;
	padding:0;
	}

#main div.gallery a:hover {
	background:none;
	color:#333;
	border:none;
	padding:0;
	}

#main div.gallery img {
	margin:0;
	padding:0;
	text-decoration:none;
	border:none;
}


/* NAVIGATION ===== */

ul#primary {
	margin: 0;
	padding: 0;
	position: relative;
  top: -13px;
  padding-right: 16px;
  float: right;
	z-index:5;
}

ul#primary li  {
  width: auto;
  display: inline;
  text-align: center;
  font-family: Arial, sans-serif;
  font-size: 13px;
  text-decoration: none;
  color: #2c4f61;

}


ul#primary li.on {
 /* background: url(../images/css/tab_bg.gif) no-repeat left top; */
}

ul#primary div.tab_right
{
  background: #b4e772 url(../images/css/tab_bg_on.gif) no-repeat right top;
  float: left;
  height: 28px;
  width: 5px;
}

ul#primary li.on div.tab_right {
  background: #b4e772 url(../images/css/tab_bg.gif) no-repeat right top;
}

ul#primary a,ul#primary span, ul#primary a.current {

}

ul#primary a {
	background: url(../images/css/tab_bg_on.gif) no-repeat left top;
  padding: 6px 7px 6px 12px;
  width: 75px;
  color: #bbb;
  float: left;
  margin-left:10px;
  text-align:center;
}

ul#primary a.on, ul#primary span, ul#primary a.current, ul#primary a.current:hover {
	background: url(../images/css/tab_bg.gif) no-repeat left top;
	margin-top: 0;
  color: #8eb65a;
	font-weight:bold;
}

ul#primary a:hover {
	margin-top: 0;
}

div.gallery {
  margin-top: 10px;
}

/* IE 6 Version without Transparency */
* html #main div.catchphrase,
* html #main div.content,
* html #main div.footer{
	background: white;
	margin:0px 16px;
}

* html #main div.footer{
	padding:0;
}

* html ul#primary {
top:-28px;
}

* html #main div.logo {
	top:-80px;
}

* html #main div.logo a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/css/spot.png);
  height:162px;
	display:block;
	cursor:hand;
}
* html #main div.logo img{
	display:none;
}

/* HACKS (hide from) */

/* Mac IE */

@media screen, projection {
.search-box { color:white }
}
/* end Mac IE */


-->


/* sIFR */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These      */

.sIFR-hasFlash h1 {
	visibility: hidden;
	line-height:32px;
	margin-bottom:10px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	line-height:25px;
	margin-top:20px;
}

div.teaser
{
  margin-bottom: 20px;
}

.news
{
  margin-right: 380px;
}

.news .next
{
  margin-top: 10px;
}

.home_sidebar
{
  float: right;
  width: 340px;
}

.tbox,
a.tbox
{
	display:block;
  background: #fff url(../images/css/gradient_grey_200.gif) repeat-x bottom !important;
  margin-bottom: 10px;
  border: 1px solid #ddd;
  padding: 5px;
  padding-left: 10px;
}

a.tbox:hover
{
  border: 1px solid #999;
}

a.tbox:visited,
a.tbox:link,
a.tbox
{
   color: #999 !important;
}

.tbox h3{
  margin: 0px;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: normal;
  color: #FF8C55;
}

.home_sidebar .tour div{
  padding: 10px;
	background: url(../images/css/home_icon_tour.gif) center left no-repeat !important;
	padding-left: 80px;
}
.home_sidebar .demo div{
  padding: 10px;
	background: url(../images/css/home_icon_demo.gif) center left no-repeat !important;
	padding-left: 80px;
}
.home_sidebar .hotline div{
  padding: 10px;
	background: url(../images/css/home_icon_hotline.gif) 15px 15px no-repeat !important;
	padding-left: 80px;
}
.home_sidebar .buy div{
  padding: 10px;
	background: url(../images/css/home_icon_buy.gif) center left no-repeat !important;
	padding-left: 80px;
}

a.btn,
.btn{
  color: #fff !important;
  cursor: pointer;
  margin: 0;
  margin-left: -4px;
}

a.btn span,
.btn span{
  background: url(../images/css/btn_bg.gif) no-repeat left top;
  padding: 10px 8px 10px 18px;
  line-height: 40px;
}

a.btn span.btn_right,
.btn span.btn_right{
  padding: 0;
  width: 10px;
  background: url(../images/css/btn_bg.gif) no-repeat right top;
  padding: 10px 4px 10px 4px;
  line-height: 40px;
}

/** TABLE */
table.default,
table.default th,
table.default td{
	border: 0;
	margin: 0;
	padding: 5px;
	text-align: center;
	line-height: 1em;
}

table.default tr.title
{
	background: #eee;
	margin-top: 50px;
}

table.default td.label{
	font-size: 14px;
	text-align:left;
}

table.default td,
table.default th
{
	height: 45px;
}

table.default th{
	background: #bbb;
	color: #fff;
	font-size: 14px;
}

table.default tr td{
	border-bottom: 1px solid #ddd;
}

/* Tour Table Spezial */

div.tour {
	margin-bottom:20px;
}
div.tour img {
	border:1px solid #ddd;
	border-top-color: #ddd;
	zoom:1;
}
div.tour div.title {
	background:#ddd;
	border:1px solid #ddd;
	border-bottom:none;
	color:#555;
	padding:4px 10px;
	text-align:left;
	font-size:15px;
	background: #fff url(../images/css/gradient_grey_title.gif) repeat-x bottom;
}
div.tour a {
	width:382px;
	float:left;
	margin-bottom:25px;
	display: block;
}
div.tour a.even{
	clear:left;
}
div.tour a.odd{
	margin-left:25px;
}
div.tour a:hover{
	background:none!important;
}
div.tour div.message{
	display:none;
	position:absolute;
	width:358px;
	margin:2px;
	padding:20px 10px;
	color:#333;
	font-size:13px;
	z-index:5;
}

div.tour a:hover div.message{
	display: block;
	cursor:pointer;
}

div.tour div.bg{
	display:none;
	background:#fff;
	position:absolute;
	width:380px;
	margin:1px;
	height:200px;
	zoom:1;
}

div.tour a:hover div.bg{
	display:block;
}

* html div.tour a:hover div.bg{
	filter:alpha(opacity=100);/* Do not ask.. as usual*/
}
div.tour a:hover img{
	border-color: #A0CD65;
}
div.tour a:hover div.title {
	border-color: #A0CD65;
	background:#A0CD65;
	color: white;
}

div.tour_gallery {
	float: right;
	width: 205px;
	padding: 15px;
	background-color: #ecf7dd;
	border: 1px dotted #BFE987;
	margin-top: 50px;
	min-height: 400px;
	_height: 400px;
}

div.tour_gallery .title,
.green_box .title{
	margin-bottom: 15px;
	font-weight: bold;
	border-bottom: 1px dotted #799F53;
}

div.tour_text{
	margin-right: 280px;
}

div.tour_gallery .images{
	margin: auto;
}

div.tour_gallery .image{
	border:1px solid #ccc;
	vertical-align:center;
	background-color:#fff;
	margin-bottom: 5px;
	display: block;
  float: left;
  margin-right: 5px;
}

div.tour_gallery a,
div.tour_gallery a:visited,
div.tour_gallery a:focus
{
  color: #CB0D17 !important;
}

div.tour_gallery .image:hover{
	border: 1px solid #779C52;
}

div.tour_gallery div.hotline{
  background: url(../images/css/tour_icon_hotline.gif)  no-repeat 0px 2px !important;
  padding-left: 35px;
}

a.icon_pdf{
	background: url(../images/css/pdf.png)  no-repeat 0px 2px !important;
	padding-left: 25px;
	display: block;
}

a.icon_pdf span{
	font-size: 80%;
}

a.icon_video{
	background: url(../images/css/film.png)  no-repeat 0px 2px !important;
	padding-left: 20px;
	display: block;
}

/* Demo Form */

div.demo_account_form,
.green_box{
  padding: 15px;
  background-color: #ecf7dd;
  border: 1px dotted #BFE987;
}

.green_box h2{
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
}

#main div.demo_account_form input,
#main div.demo_account_form textarea,
#main div.green_box input,
#main div.green_box textarea
{
  background-color: white;
}

#main .sidebar {
	width: 250px;
	float: right;
	margin-left: 30px;
}

#main div.sidebar a:link,
#main div.sidebar a:visited,
#main div.sidebar a:active {
	color:#CB0D17 ;
	}

#main div.sidebar a:hover {
	color:#000;
	}
  
#international{
  background: #799F53; 
}

#international span{
  background: url(../images/css/gb.gif) no-repeat 0px 2px;
  padding-left: 20px;
  color: #BAE684;
}

img.border{
  background: white;
  padding: 5px;
  border: 1px solid #ccc;
}

/* Site Switcher */
div.site_switcher{
    position: absolute;
    right: 1px;
    top: 4px;
    z-index: 12; 
    color: #999; 
    font-size: 11px;

}

div.site_switcher_center{
    width: 880px;
    margin: auto; 
    position: relative;
}

div.site_switcher a{
  color: #ccc;
  padding: 5px 6px 4px 6px;
  -moz-border-radius: 0px 0px 3px 3px;
  background-color: #666;
}

div.site_switcher a.community{
  color: white;
  background-color: #A0CD65;
}

div.site_switcher a.business:hover{
  color: white;
  background-color: #0D85EF;
}

div.site_switcher div{
    padding-right: 12px;
    background: url(../images/dropdown_arrow.gif) no-repeat right center; 

}

#site_switcher_container{
  height: 28px;
  position: relative;
  background: #444;
}

#switch_modal_mask{
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: #000;
  z-index: 950;
  opacity: .5;
  filter: alpha(opacity=50);
}

#switch_modal{
  height: 1px;
  position: relative;
  width: 700px;
  margin: auto;
  z-index: 999;

}

#switch_modal .container{
  position: absolute;
  z-index: 999;
  top: 100px; 
  width: 700px;
  height: 500px;
  background: #fff;
  left: 0;
  -moz-border-radius: 6px;
  padding: 5px;
}

#switch_modal .container td{
  font-size: 16px;
  color: white;
}

#switch_modal .container td.business{
  background: url(/images/css/switcher_business.jpg) no-repeat top right;
  cursor: pointer;
  vertical-align: top;
  padding-top: 250px;
}

#switch_modal .container td.community{
  background: url(/images/css/switcher_community.jpg) no-repeat top left;
  cursor: pointer;
  vertical-align: top;
  padding-top: 250px;
}

#switch_modal .container td.business:hover,
#switch_modal .container td.community:hover{
  opacity: .9;
  filter: alpha(opacity=90);  
}

#switch_modal .container td.space{
    width: 15px;
}

#switch_modal .container a{
  color: white;
  text-decoration: none;
}