/*
- Copyright (c) 2010, BrainFactory, Inc All rights reserved.
- Have a nice day and happy coding!


/* General Tags
============================================================ */
* {
  font-family:Arial, Helvetica, sans-serif;
}
html {
  overflow-y:scroll;
  height: 100%;
}
body {
  height: 100%;
  background:#eaeaea url(../images/body-bg.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
  color:#4e555a;
}

h1, h2, h3, h4, h5, h6 {color:#939a00; font-weight:bold;}
h1 {font-size: 20px;margin-bottom: 3px;}
h2 {font-size: 16px;margin-bottom: 5px;color:#a7af00;}
h3 {font-size: 12px;color:#4e555a;}
h4 {font-size: 12px;margin-bottom: 11px;}
h5 {font-size: 12px;margin-bottom: 10px;}
h6 {font-size: 12px;margin-bottom: 10px;}

a:link {
  color:#939a00;
  text-decoration:none;
}
a:visited {
  color:#939a00;
  text-decoration:none;
}
a:link:hover {
  color:#939a00;
  text-decoration:underline;
}
a:visited:hover {
  color:#939a00;
  text-decoration:underline;
}

a[target=_blank]{
  display:inline-block;
  background:url(../images/ui/outbound.13x13.png)  center right no-repeat;
  padding-right:12px;
}
a.wikiOutbound{cursor:help;}


/* Generic Classes
============================================================ */
.cursorpointer{cursor:pointer;}
.hr {background:#e5e5e5; height:1px; width:100%; margin:20px 0px; clear:both; line-height:1px;}
.minmargin {margin-bottom:1px;}
.nomargin {margin-bottom:0px;}
.marginleft {margin-left:20px;}
.minmarginleft {margin-left:10px;}
.margintop {margin-top:20px;}
.minmargintop {margin-top:10px;}
.marginright {margin-right:20px;}
.minmarginright {margin-right:10px;}
.marginbottom {margin-bottom:20px;}
.minmarginbottom {margin-bottom:10px;}
.alignleft {float:left;}
.alignright {float:right;}
.clearfix {clear:both;height:0px;}
.textalignright{text-align:right;}
.textalignleft{text-align:left;}
.textaligncenter{text-align:center;}
.smallfont{font-size:9px;}
.border{border:1px solid #e5e5e5;}
#loading{display:none;}
.thumb{
  margin-top:20px;
  margin-right:25px;
}


/* form assets
============================================================ */
input,select,textarea{
	padding:3px;
	border:1px solid #cccccc;
	margin-top:5px;
	width:200px;
	font-size:11px;
  color:#4e555a;
}

input:focus,select:focus,textarea:focus{background:#f0f1db;}

select{
	width:auto;
	padding:2px;
}

textarea{width:300px;}

label{
	font-size:11px;
	text-align:right;
  float: right;
  margin-right:5px;
}
label.error {
  margin-left:10px;
  float: none;
  color:#888888;
  background:url(../images/ui/warning.16x16.png) no-repeat left;
  padding-left:25px;
}
.submit{
	width:auto;
	margin:10px 0 0 2px;
	padding:3px 4px 3px 4px;
	color:#535a61;
	background:#c9d201;
	outline:none;
	border:1px solid #a3a82f;
	font-weight:bold;
  cursor:pointer;
}
.submit:active{
	background-color:#939a00;
	padding:4px 3px 2px 5px;
  color:#ffffff;
}

ul.error{
  border:1px dashed #cccccc;
  font-size:11px;
  padding:5px;
}
ul.error li{
  color:#888888;
  padding:4px;
  background:url(../images/ui/warning.16x16.png) no-repeat left;
  padding-left:25px;
}



#wrapper {height:100%;}
body > #wrap {height:auto; min-height:100%;}


/* toggleMenu
============================================================ */
a.toggle,a.toggle:hover{text-decoration: none;padding:5px;}
a.toggle span {
	background:url(../images/ui/toggle.png) right 1px no-repeat;
  padding-right:18px;
  height:13px;
}
a.menu-open {
  background:#f0f1db;
  -moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border:5px;
	outline:none;
}
a.toggle.menu-open span {
	background:url(../images/ui/toggle.png) right -13px no-repeat;
}

/* langMenu
============================================================ */
#langMenu{
  display:none;
  background:#f0f1db;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
	-khtml-border-radius-bottomleft:5px;
  -khtml-border-radius-bottomright:5px;
	-webkit-border-radius-bottomleft:5px;
  -webkit-border-radius-bottomright:5px;
  padding:5px;
  padding-top:10px;
  position:absolute;
  top:54px;
  width:59px;
  z-index:1000;
  text-align: left;
  filter:alpha(opacity=90);
  -moz-opacity:0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
}
#langMenu a, #langMenu a:hover{
  text-decoration:none;
}


/* header
============================================================ */
#header{
  width:1000px;
  /*height:175px; /* supercharged var */
  margin: 0 auto;
  margin-bottom:15px;
}


/* metaNavigation
============================================================ */
#metaNavigation{
  margin-top:41px;
  font-size:11px;
}
#metaNavigation ul li{
  float:left;
  display:inline;
  padding:0 10px;
}


/* mainNavigation
============================================================ */
#mainNavigation{height:35px;}
#mainNavigation ul li {float:left;display:inline;position:relative;}
#mainNavigation ul li a{
  float:left;
  width:200px;
  height:0;
  padding-top:30px;
  overflow: hidden;
  background: transparent url(../images/mainNavigation-bg.png) no-repeat;
}
#mainNavigation ul li:hover ul.subNavigation{display:block;}
/* default */
#mainNavigation ul li#mainNavigation-produkt a {background-position: 0 0;}
#mainNavigation ul li#mainNavigation-vorteile a {background-position: -200px 0;}
#mainNavigation ul li#mainNavigation-ueberuns a {background-position: -400px 0;}
#mainNavigation ul li#mainNavigation-referenzen a {background-position: -600px 0;}
#mainNavigation ul li#mainNavigation-kontakt a {background-position: -800px 0;}
/* hover */
#mainNavigation ul li#mainNavigation-produkt a:hover {background-position: 0 -30px;}
#mainNavigation ul li#mainNavigation-vorteile a:hover {background-position: -200px -30px;}
#mainNavigation ul li#mainNavigation-ueberuns a:hover {background-position: -400px -30px;}
#mainNavigation ul li#mainNavigation-referenzen a:hover {background-position: -600px -30px;}
#mainNavigation ul li#mainNavigation-kontakt a:hover {background-position: -800px -30px;}
/* active */
#mainNavigation ul li#mainNavigation-produkt a:active {background-position: 0 -60px;}
#mainNavigation ul li#mainNavigation-vorteile a:active {background-position: -200px -60px;}
#mainNavigation ul li#mainNavigation-ueberuns a:active {background-position: -400px -60px;}
#mainNavigation ul li#mainNavigation-referenzen a:active {background-position: -600px -60px;}
#mainNavigation ul li#mainNavigation-kontakt a:active {background-position: -800px -60px;}
/* selected */
#mainNavigation.produkt ul li#mainNavigation-produkt a {background-position: 0 -90px !important;}
#mainNavigation.vorteile ul li#mainNavigation-vorteile a {background-position: -200px -90px !important;}
#mainNavigation.ueberuns ul li#mainNavigation-ueberuns a {background-position: -400px -90px !important;}
#mainNavigation.referenzen ul li#mainNavigation-referenzen a {background-position: -600px -90px !important;}
#mainNavigation.kontakt ul li#mainNavigation-kontakt a {background-position: -800px -90px !important;}


/* subNavigation
============================================================ */
#mainNavigation ul li ul.subNavigation {
  position:absolute;
	left:0; top:30px;
  height:0;
	display:none;
	float:left;
	width:200px;
  background: transparent url(../images/ui/b.png);
}
#mainNavigation ul li ul.subNavigation li {
  text-align: center;
  padding-top:10px;
}
#mainNavigation ul li:first-child ul.subNavigation li:first-child {
background: transparent url(../images/subNavigation-first-bg.gif) no-repeat;
}
#mainNavigation ul li ul.subNavigation li a {
	width:200px;
  height:25px;
  background:transparent;
  padding:0;
  color:#ffffff;
  text-decoration:none;
}
#mainNavigation ul li ul.subNavigation li a:hover {color:#939a00;}

#headerTheme {
  width:1000px;
  background:#eaeaea;
  -moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border:5px;
}


/* breadcrumb
============================================================ */
#breadcrumb{
  width:1000px;
  height:20px;
  margin:0 auto;
  color:#888888;
  font-size:10px;
}
#breadcrumb a:hover{
  color:#4a8fd8;
  text-decoration: none;
}
#breadcrumb ul li{
  float:left;
  padding-left:5px;
}
#breadcrumb ul li:first-child{padding:0;}


/* container
============================================================ */
#container{
  width:1000px;
  background:#ffffff;
  margin:0 auto;
  -moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border:5px;
  border:1px solid #e5e5e5;
}


/* content
============================================================ */
#content{
  width:960px;
  /*width:710px; /* supercharged var */
  min-height:260px;
  margin:20px;
  padding-bottom:20px;
  /*background-color:#cccccc;*/
}
#content > p, #sidebar p{
  line-height:16px;
}
#content .contentList{
  margin-top:10px;
}
#content .contentList li{
  background:transparent url(../images/list-style-image.jpg) no-repeat scroll left center;
	display:block;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
  line-height:16px;
  padding-top:6px;
	padding-bottom:6px;
	padding-left:18px;
	text-align:left;
}

#content .agbList{
  margin-top:10px;
  list-style: decimal;
}
#content .agbList li{
  line-height:16px;
  padding-top:6px;
	padding-bottom:6px;
	padding-left:18px;
	text-align:left;
    margin-left:17px;
}

#content .agbListUl{
  margin-top:0px;
  list-style: disc;
}
#content .agbListUl li{
  line-height:16px;
  padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	text-align:left;
    margin-left:47px;
}

.checkList{
  margin-top:5px;
}
#content .checkList li{
  background:transparent url(../images/ui/check.20x20.png) no-repeat scroll left center;
	display:block;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
  line-height:16px;
  padding-top:6px;
	padding-bottom:6px;
	padding-left:28px;
	text-align:left;
}


/* sidebar
============================================================ */
#sidebar{
  width:210px;
  /*min-height:260px;*/
  margin:20px;
  float:right;
}
#sidebar a {color:#4a8fd8;}
#sidebar h2{color:#7b7b7b;}
#sidebar .item{
  width:210px;
  float:right;
  padding:10px;
  color:#888888;
  background:#f0f1db;
  -moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border:5px;
  margin-bottom:20px;
}
#sidebar ul.subNavigation li{
  width:210px;
  margin-bottom:5px;
}
#sidebar ul.subNavigation li:last-child{margin:0;}
#sidebar ul.subNavigation li a{
  color:#939a00;
  line-height:30px;
  width:188px;
  height:30px;
  padding:0;
  padding-left:21px;
  text-decoration:none;
  display: block;
  background: transparent url(../images/subNavigation-bg.png) no-repeat;
}
#sidebar ul.subNavigation li a:hover, #sidebar ul.subNavigation li a.selected{
  background: transparent url(../images/subNavigation-bg.png) bottom left no-repeat;
  color:#676a6c;
  padding-left:24px;
}


/* footer
============================================================ */
#footer{
  margin:0 auto;
  margin-top:20px;
  width:1000px;
  height:30px;
  color:#888888;
  font-size:10px;
}
#footer ul{
  width:840px;
  margin: 0 auto;
}
#footer ul li{
  display:inline;
  float:left;
  border-left:1px solid #d0d0d0;
  padding:0 10px;
  height:15px;
  line-height:15px;
}
#footer ul li:first-child {border:none;}
#footer a {color:#4a8fd8;}


/* tooltip
============================================================ */
.tooltippInfo {
	z-index:100;
	position:relative;
  width:40px;
  height:40px;
}
.tooltip {
	width:120px;
	height:58px;
  margin-left:-45px;
  padding: 5px;
	background: url(../images/tooltip-bg.png) no-repeat left top;
	position:absolute;
	display:none;
  text-align:center;
  line-height:45px;
}