* {
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS";
}

html {
  background-color: #2a2a2a;
}

html, body {
  height: 100%;
  margin-top: 0px;
  padding-top: 0px;
} 

a {
  display: none;
}

#box a {
  display: inline;
}

* html #box {
  height: 100%; 
}

#bottom-pos {
  position: absolute;
  bottom: 0;
  width: 919px; 
  border-top: 1px solid #040404;
} 

img {
  border: 0;
}

p,li {
  color: #878787;
  font-size:  11px;
}

a {
  color: #52c5b5;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

div.hr {
  border-top: 1px solid #040404;
  border-bottom: 1px solid #333333;
}

hr.borderStyled {
  border: none;
  border-top: 1px solid #040404;
  border-bottom: 1px solid #333333;
  clear: both;
  margin: 30px 0;
  margin: 15px 0;
}


hr.border {
  border: none;
  border-top: 1px solid #040404;
  border-bottom: 1px solid #333333;
  clear: both;
  margin: 30px 0;
  border: none;
  margin: 15px 0;
}

#box {
  width: 919px;
  margin: 0 auto; 
  min-height: 100%; 
  position: relative;
}

#balken-top {
  width: 900px;
  height: 36px;
  background: url('../img/balken-top.jpg') repeat-x;
  float: left;
  color: #646464;
  text-align: right;
  font-size: 12px;
}

#balken-top a {
  color: #646464;
  text-decoration: none;
  margin-left: 5px;
  padding: 0px 3px;
}

#balken-top a:hover {
 /* background-color: #cccccc;*/
  color: black;
}

#balken-top-left {
  width: 9px;
  height: 36px;
  background: url('../img/balken-top-left.jpg') no-repeat;
  float: left;
}

#balken-top-right {
  width: 10px;
  height: 36px;
  background: url('../img/balken-top-right.jpg') no-repeat;
  float: left;
}

#logo {
  width: 300px;
  height: 45px;
  margin-left: 20px;
  float: left;
}

#navigation {
  list-style-type: none;
  float: right;
  margin-right: 25px;
  margin-top: 8px;
}

#navigation li {
  float: left;
  margin-right: 8px;
}

#navigation li a {
  background: url('../img/navi_right.png') no-repeat;
  background-position: right top;
  display: inline-block !important;
  height: 23px;
  color: white;
  font-size: 12px;
  text-decoration: none;
}

#navigation li a:hover {
  background: url('../img/navi_activ_right.png') no-repeat;
  cursor: pointer;
}

#navigation li a:hover span {
  background: url('../img/navi_activ_left.png') no-repeat;
}

#navigation li a span {
  padding: 3px 8px;
  display: inline-block !important;
  height: 23px;
  background: url('../img/navi_left.png') no-repeat;
}

#navigation li a.active {
  background: url('../img/navi_activ_right.png') no-repeat;
}

#navigation li a.active span {
  background: url('../img/navi_activ_left.png') no-repeat;
}

#teaser {
  clear: both;
  margin-left: 24px;
  padding-top: 30px;
}

#teaser1 {
  width: 869px;
  height: 303px;
  background: url('../img/teaser-1.png') no-repeat;
  text-align: left;
}


#teaser2 {
  width: 869px;
  height: 303px;
  background: url('../img/teaser-2.png') no-repeat;
  text-align: left;
}


#teaser3 {
  width: 869px;
  height: 303px;
  background: url('../img/teaser-3.png') no-repeat;
  text-align: left;
}


#teaser4 {
  width: 869px;
  height: 303px;
  background: url('../img/teaser-4.png') no-repeat;
  text-align: left;
}


#teaser5 {
  width: 869px;
  height: 303px;
  background: url('../img/teaser-5.png') no-repeat;
}

#teaser6 {
  width: 869px;
  height: 303px;
  background: url('../img/teaser-6.png') no-repeat;
  text-align: left;
}


#teaser7 {
  width: 869px;
  height: 303px;
  background: url('../img/teaser-7.png') no-repeat;
  text-align: left;
}

#teaser8 {
  width: 869px;
  height: 303px;
  background: url('../img/teaser-garantie.png') no-repeat;
  text-align: left;
}
#teasersonder{
  width: 869px;
  height: 303px;
  background: url('../img/teaser-sonder.png') no-repeat;
  text-align: left;
}


#teaser1 a, #teaser2 a, #teaser3 a, #teaser4 a, #teaser5 a, #teaser6 a, #teaser7 a, #teaser8 a {
	text-decoration: none;
	display: block !important;
	width: 750px;
	height: 303px;
}

#slider {
  width: 869px;
  height: 303px;
  overflow: hidden;
}

#slider ul {
  list-style: none;
}

#slider-control {
  margin-top: -45px;
  margin-left: 750px;
}

#slider-control ol {
  list-style: none;
  margin-top: -10px;
}

#slider-control ol li {
  float: left;
  margin-right: 4px;
  font-size: 16px;
}

#slider-control ol li a {
  width: 8px;
  height: 7px;
  background: url('../img/slider-button-8.png') no-repeat;
  display: inline-block !important;
  color: white;
  text-align: center;
  font-size: 1px;
}

#slider-control ol li.current a {
  background: url('../img/slider-button-active-8.png') no-repeat;
}

#slider-control a {
  text-decoration: none;
}

#slider-back a {
  width: 24px;
  height: 23px;
  background: url('../img/slider-button-back.png') no-repeat;
  display: inline-block !important;
}

#slider-next a {
  width: 24px;
  height: 23px;
  background: url('../img/slider-button-next.png') no-repeat;
  display: inline-block !important;
}

#slider-play a {
  width: 25px;
  height: 23px;
  background: url('../img/slider-button-play.png') no-repeat;
  display: inline-block !important;
}

#slider-stop a {
  width: 24px;
  height: 23px;
  background: url('../img/slider-button-stop.png') no-repeat;
  display: inline-block !important;
}

#teaser-bottom, #teaser-bottom-normal {
  width: 869px;
  height: 19px;
  background: url('../img/teaser-bottom.png') no-repeat;
}

#teaser-bottom {
  margin-top: 32px;
}

#footer-content {
  padding: 30px 25px; 
}

#footer-content p {
  color: #4c4c4c;
}

#footer {
  padding: 0 20px 15px 20px;
  height: 139px;
  margin-left: 14px;
  background: url('../img/footer.png') no-repeat center bottom; 
  margin-bottom:0px;
}

#footer ul {
  width: 165px;
  float: left;
  list-style-type: none;
}

#footer ul a {
  font-size: 11px;
  color: #6a6a6a;
  text-decoration: none;
}

#footer ul a:hover {
	color: #999999;
}

#footer ul li {
  margin-top: 1px;
}

ul#footer-glossar {
	width: 200px;
}

#main {
  margin-top: 10px;
  padding-bottom: 330px;
}

#sidebar {
  margin-left: 30px;
  float: left;
}

#under-navigation {
  width: 252px;
  background: url('../img/sidebar-box-bottom.png') #4ca497 no-repeat bottom;
  padding: 15px 0 24px 0;
}

#under-navigation ul {
  list-style: none;
  padding: 5px 15px;
}

#under-navigation ul li a {
  color: #0f4e45;
  display: block !important;
  padding: 10px 0px;
  font-size: 11px;
  border-bottom: 1px solid #419589;
}

#under-navigation ul li a:hover {
	color: white;
	text-decoration: none;
}

#under-navigation ul li a.active {
  color: white;
}

#under-navigation ul li a.last {
  border-bottom: none;
}

#u-navi-angebote {
  margin-left: 15px;
}

#infobox {
  width: 252px;
  background: url('../img/sidebar-box-bottom.png') #1d1d1d no-repeat bottom;
  padding: 0 0 24px 0;
}

#infobox p {
  padding: 15px;
}

#content {
  float: right;
  width: 565px;
  margin-top: 15px;
}

#inner-content {
  padding-right: 35px;
}


#content p {
  padding: 5px 0;
}

p.text-right {
	text-align: right;
}

#content ul {
  padding: 5px 0;
	margin-left: 25px;
	list-style-image: url('../img/aufzaehlung.gif');
}

ul.list-style-green li {
	color: #b3cb1b;
}

ul.list-style-green li span {
  color: #878787;
}

#content strong {
	color: #cccccc;
}

/************* CLASSES ****************/
.cear {
  clear: both;
}

#content p.error {
	background-color: #4ca497;
	border: 1px solid #0f4e45;
	color: white;
	padding: 5px;
}

#content p.success {
	background-color: #4ca497;
	border: 1px solid #0f4e45;
	color: white;
	padding: 5px;
}

#content p.info {
	background-color: #d353b2;
	border: 1px solid #69395d;
	color: white;
	padding: 5px;
}

.error span {
	display: inline-block;
	padding: 5px 15px;
}

a.button-tuerkis {
  background: url('../img/navi_right.png') no-repeat;
  background-position: right center;
  display: inline-block  !important;
  height: 23px;
  color: white;
  font-size: 12px;
  text-decoration: none;
	cursor: pointer;
}

a.button-tuerkis:hover {
  text-decoration: underline; 
	cursor: pointer;
}

a.button-tuerkis span {
  padding: 3px 8px;
  display: inline-block !important;
  height: 23px;
  background: url('../img/navi_left.png') no-repeat;
	cursor: pointer;
}

a.button-tuerkis:hover {
	background: url('../img/navi_activ_right.png') no-repeat; 
	cursor: pointer;
	text-decoration: none;
}

a.button-tuerkis:hover span {
	background: url('../img/navi_activ_right.png') no-repeat; 
	cursor: pointer;
	text-decoration: none;
}

p.right {
  text-align: right;
}

.padding-5-20 {
  padding: 5px 20px;
}

.border-top {
  border-top: 1px solid #333333;
}

.clear-30 {
  clear: both;
  height: 30px;
}

.boxes3 {
  padding-left: 45px;  
  padding-bottom: 400px;
}

.box1 {
  height: 100px;
  border-right: 1px solid #040404;
  width: 235px;
  float: left;
  padding: 5px 20px;
  text-align: left;
}
.box2 {
  height: 100px;
  border-right: 1px solid #040404;
  border-left: 1px solid #333333;
  width: 235px;
  float: left;
  padding: 5px 15px 5px 20px;
  text-align: left;
}
.box3 {
  height: 100px;
  border-left: 1px solid #333333;
  width: 230px;
  float: left;
  padding: 5px 20px;
  text-align: left;
}


.vorteile {
	list-style-image: url('../img/icons/tick_16.png');
}


.contentButton {
	width: 240px;
	background: url('../img/navi_right.png') no-repeat;
	background-position: right center;
	display: inline-block  !important;
	height: 23px;
	color: white;
	font-size: 12px;
	text-decoration: none;
	border: 0px;
	padding: 0;
	text-align: center; 
	cursor: pointer;
}

.contentButton span {
	display: inline-block !important;
	height: 23px;
	width: 240px;
	background: url('../img/navi_left.png') no-repeat left top;
	border: 0px;
	color: white;
	padding-top: 4px;
	font-size: 11px;  
	cursor: pointer;
}

.contentButton:hover {
	text-decoration: none;
	background: url('../img/navi_activ_right.png') no-repeat; 
	cursor: pointer;
}

.contentButton:hover span {
	text-decoration: none;
	background: url('../img/navi_activ_right.png') no-repeat; 
	cursor: pointer;
}

.red {
	color: #FF0000;
}

.durchgestrichen {
	text-decoration: line-through;
}


#content-margin-15 {
  margin-top: -15px;
}

/******************** Module News *******************/
.news-preview-date {
	float: right;
	color: white;
	font-size: 11px;
	padding-left: 20px;
	background: url('../img/icons/clock_16.png') no-repeat bottom left;
}

.news-preview-teaser-text {
	margin-top: -34px;
	font-size: 11px;
	color: white;
	padding-left: 15px;
	margin-bottom: 20px;
}

.last5start {
	list-style: none;
}

.img-left {
	float: left;
	margin: 0 5px 5px 0;
}

.img-right {
	float: right;
	margin: 5px 0 0 5px;
}

.small-icon {
	width: 10px;
	height: 10px;
}

/******************** Module Login ******************/
#loginform {
	margin-top: 30px;
}



#loginform label {
	width: 150px;
	color: #878787;
	display: inline-block;
	margin-bottom: 15px;
  font-size: 11px;
  padding-top: 3px;
}

#loginform .textinput {
	width: 240px;
	border: 1px solid #4c4c4c;
	background-color: #454545;
	color: white;
  font-size: 11px;
}

#loginBtn {
	width: 248px;
	margin-left: 150px;
	background: url('../img/navi_right.png') no-repeat;
	background-position: right center;
	display: inline-block;
	height: 23px;
	color: white;
	font-size: 12px;
	text-decoration: none;
	border: 0px;
	padding: 0;
	cursor: pointer;
}


#loginBtn button {
	display: inline-block;
	height: 23px;
	width: 240px;
	background: url('../img/navi_left.png') no-repeat left top;
	border: 0px;
	color: white;
	font-size: 11px;
	cursor: pointer;
}

#loginBtn:hover {
	text-decoration: none;
	background: url('../img/navi_activ_right.png') no-repeat;
}
#loginBtn:hover button {
	text-decoration: none;
	background: url('../img/navi_activ_left.png') no-repeat;
}


/******************** Module Kontakt ******************/
#kontaktForm {
	margin-top: 5px;
}


#kontaktForm label {
	width: 150px;
	color: #878787;
	display: inline-block;
	margin-bottom: 15px;
	vertical-align: top;
  font-size: 11px;
  padding-top: 3px;
}

#kontaktForm .textinput,#kontaktForm .select,  #kontaktForm .textarea {
	width: 340px;
	border: 1px solid #4c4c4c;
	background-color: #454545;
	color: white;
  font-size: 11px;
}

#kontaktForm .select {
  width: 348px;
}


#kontaktForm .textarea {
	height: 100px;
	margin-bottom: 15px;
}

#kontaktBtn {
	width: 240px;
	margin-left: 258px;
	background: url('../img/navi_right.png') no-repeat;
	background-position: right center;
	display: inline-block;
	height: 23px;
	color: white;
	font-size: 12px;
	text-decoration: none;
	border: 0px;
	padding: 0;
}
#datenschutz {
	margin-bottom:10px;
}
.datenschutz {
font-size: 9px;
	color: #878787;
}

#kontaktBtn button {
	display: inline-block;
	height: 23px;
	width: 240px;
	background: url('../img/navi_left.png') no-repeat left top;
	border: 0px;
	color: white;
	font-size: 11px;  
	cursor: pointer;
}

#kontaktBtn:hover {
	text-decoration: none;
	background: url('../img/navi_activ_right.png') no-repeat;  
	cursor: pointer;
}
#kontaktBtn:hover button {
	text-decoration: none;
	background: url('../img/navi_activ_left.png') no-repeat;  
	cursor: pointer;
}

/******************** Module Seitenanalyse ******************/
#seitenanalyseForm {
	margin-top: 5px;
}


#seitenanalyseForm label {
	width: 190px;
	color: #878787;
	display: inline-block;
	margin-bottom: 15px;
	vertical-align: top;
  font-size: 11px; 
  padding-top: 3px;
}

#seitenanalyseForm .textinput,#seitenanalyseForm .select, #seitenanalyseForm .textarea {
	width: 300px;
	border: 1px solid #4c4c4c;
	background-color: #454545;
	color: white;
  font-size: 11px;
}


#seitenanalyseForm .textarea {
	height: 100px;
	margin-bottom: 15px;
}

#seitenanalyseForm #captcha {
}

#seitenanalyseForm .captchaInput {
	width: 300px;
	border: 1px solid #4c4c4c;
	background-color: #454545;
	display: inline-block;
	color: white;
	font-size: 11px;
	margin: 5px 0 5px 190px;
}

#seitenanalyseBtn {
	width: 200px;
	margin-left: 298px;
	margin-top: 5px;
	background: url('../img/navi_right.png') no-repeat;
	background-position: right center;
	display: inline-block;
	height: 23px;
	color: white;
	font-size: 12px;
	text-decoration: none;
	border: 0px;
	padding: 0;
}

#seitenanalyseBtn button {
	display: inline-block;
	height: 23px;
	width: 200px;
	background: url('../img/navi_left.png') no-repeat left top;
	border: 0px;
	color: white;
	font-size: 11px;    
	cursor: pointer;
}

#seitenanalyseBtn:hover {
	text-decoration: none;
	background: url('../img/navi_activ_right.png') no-repeat; 
	cursor: pointer;
}
#seitenanalyseBtn:hover button {
	text-decoration: none;
	background: url('../img/navi_activ_left.png') no-repeat; 
	cursor: pointer;
}

.seitenanalyse-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 5px;
	margin-bottom: 15px;
}

.seitenanalyse-table th {
	background-color: #4ca497;
	color: #0f4e45;
	text-align: left;
	font-size: 11px;
	padding: 3px 5px;
}

.seitenanalyse-table td {
  border-bottom: 1px solid #419589;
  color: #878787;
  padding: 3px 5px;
  font-size: 11px;
}

.seitenanalyse-table  .percent-bar-outer {
	width: 100px;
}

.percent-bar-green, .percent-bar-red, .percent-bar-yellow {
	height: 15px;
	float: left;
	margin-right: 3px;
}

.percent-bar-green {
	background-color: #009900;
}

.percent-bar-red {
	background-color: #990000;
}

.percent-bar-yellow {
	background-color: #FFCC00;
}

/************************* Angebote **************************/
#angebote {
	border-collapse: collapse;
	width: 100%;
}

#angebote td, #angebote th {
	font-size: 11px;
	padding: 3px 5px;
	text-align: center;
	color: #878787;
  	border-bottom: 1px solid #419589;
	color: #cccccc;
	font-weight: bold;
}

#angebote tr:hover td {
  background-color: #3a3a3a;
  cursor: default;
}

#angebote tr:hover td.headline {
	background-color: #4ca497;
	cursor: default;
}

#angebote th {
	color: #b3cb1b;
	border-bottom: none;
}

#angebote th.width-40 a {
	color: #b3cb1b;
}

#angebote th.width-40 {
	width: 55px;
}

#angebote td.width-40, #paket td.width-40 {
	width: 15px;
}

.width-40-icon {
	width: 25px;
	text-align: center;
	float: left;
	margin-right: 5px;
}

#angebote td.left, #angebote td.left-activ {
	text-align: left;
	color: #878787;
	font-weight: normal;
}

#angebote td.no-border {
	border: none;
}
#angebote tr:hover td.no-border {
	background-color: transparent;
}

#angebote td.headline {
	background-color: #4ca497;
	color: #0f4e45;
	text-align: left;
	border-bottom: none;
}

#angebote td.price, #angebote td.price-activ {
	text-align: right;
	font-weight: normal;
	font-size: 12px;
  color: #878787;
}

#angebote td.price-activ, #angebote td.left-activ {
	/*color: #52c5b5;*/
	color: white;
}

#angebote td.left-activ div {
	color: #878787;
}

#angebote td {
	vertical-align: top;
}

.goBtn {
	width: 30px;
	background: url('../img/navi_right.png') no-repeat;
	background-position: right center;
	display: inline-block  !important;
	height: 23px;
	color: white;
	font-size: 12px;
	text-decoration: none;
	border: 0px;
	padding: 0;
	cursor: pointer;
}

.goBtn span {
	display: inline-block  !important;
	height: 23px;
	width: 30px;
	background: url('../img/navi_left.png') no-repeat left top;
	border: 0px;
	color: white;
	padding-top: 3px;
	font-size: 11px;
}

.goBtn:hover {
	text-decoration: none;
	background: url('../img/navi_activ_right.png') no-repeat;
}
.goBtn:hover span {
	text-decoration: none;
	background: url('../img/navi_activ_left.png') no-repeat;
}

.angebot-rechnungs-tabelle {
	border-collapse: collapse;
	width: 100%;
}

.angebot-rechnungs-tabelle td {
	font-size: 11px;
	color: #878787;
	border-bottom: 1px solid #333333;
}

.angebot-rechnungs-tabelle td.item {
	text-align: left;
}

.angebot-rechnungs-tabelle td.price {
	text-align: right;
	width: 100px;
}

.angebot-rechnungs-tabelle .item-price {
	border-top: 3px solid #333333;
	border-bottom: none;
}

.angebot-rechnungs-tabelle .summe {
	border-top: 3px solid #333333;
	text-align: right;
	font-weight: bold;
	color: #CCCCCC;
	background-color: #222222;
	border-bottom: none;
}



/********************* REFERENZEN *******************/
.bez, .bez-wide, .bez-high {
	display: inline-block;
	color: #cccccc;
	float: left;
}

.bez, .bez-high {
	width: 190px;
}

.bez-high {
	height: 35px;
}

.bez-wide {
	width: 350px;
}

/******************** Module Ranking Check ******************/
#rankingCheckForm {
	margin-top: 5px;
}


#rankingCheckForm label {
	width: 190px;
	color: #878787;
	display: inline-block;
	margin-bottom: 15px;
	vertical-align: top;
	font-size: 11px;  
  padding-top: 3px;
}

#rankingCheckForm .textinput {
	width: 300px;
	border: 1px solid #4c4c4c;
	background-color: #454545;
	color: white;
	font-size: 11px;
}

#rankingCheckForm #captcha {
}

#rankingCheckForm .captchaInput {
	width: 300px;
	border: 1px solid #4c4c4c;
	background-color: #454545;
	display: inline-block;
	color: white;
	font-size: 11px;
	margin: 5px 0 5px 190px;
}

#rankingCheckBtn {
	width: 240px;
	margin-left: 258px;
	margin-top: 5px;
	background: url('../img/navi_right.png') no-repeat;
	background-position: right center;
	display: inline-block;
	height: 23px;
	color: white;
	font-size: 12px;
	text-decoration: none;
	border: 0px;
	padding: 0;
}

#rankingCheckBtn button {
	display: inline-block;
	height: 23px;
	width: 240px;
	background: url('../img/navi_left.png') no-repeat left top;
	border: 0px;
	color: white;
	font-size: 11px;   
	cursor: pointer;
}

#rankingCheckBtn:hover {
	text-decoration: none;
	background: url('../img/navi_activ_right.png') no-repeat;
	cursor: pointer;
}
#rankingCheckBtn:hover button {
	text-decoration: none;
	background: url('../img/navi_activ_left.png') no-repeat;
	cursor: pointer;
}


#visitorDataForm {
	margin-top: 5px;
}


#visitorDataForm label {
	width: 140px;
	color: #878787;
	display: inline-block;
	margin-bottom: 15px;
	vertical-align: top;
	font-size: 11px; 
  padding-top: 3px;
}

#visitorDataForm .textinput {
	width: 340px;
	border: 1px solid #4c4c4c;
	background-color: #454545;
	color: white;
	font-size: 11px;
}

#visitorDataFormBtn {
	width: 160px;
	background: url('../img/navi_right.png') no-repeat;
	background-position: right center;
	display: inline-block;
	height: 23px;
	color: white;
	font-size: 12px;
	text-decoration: none;
	border: 0px;
	padding: 0;
}

#visitorDataFormBtn button {
	display: inline-block;
	height: 23px;
	width: 160px;
	background: url('../img/navi_left.png') no-repeat left top;
	border: 0px;
	color: white;
	padding-top: 0px;
	font-size: 11px;
	cursor: pointer;
}

#visitorDataFormBtn:hover {
	text-decoration: none;
	background: url('../img/navi_activ_right.png') no-repeat;
	cursor: pointer;
}
#visitorDataFormBtn:hover button {
	text-decoration: none;
	background: url('../img/navi_activ_left.png') no-repeat;
	cursor: pointer;
}
/************************** Module: Angebot bestellen ******************/
#angebot-bestellen {
	margin-top: 5px;
}


#angebot-bestellen label {
	width: 150px;
	color: #878787;
	display: inline-block;
	margin-bottom: 15px;
	vertical-align: top;
  font-size: 11px;
  padding-top: 3px;
}

#angebot-bestellen .textinput,#angebot-bestellen .select, #angebot-bestellen .textarea {
	width: 340px;
	border: 1px solid #4c4c4c;
	background-color: #454545;
	color: white;
  font-size: 11px;
}

#angebot-bestellen .select {
  width: 348px;
}

#angebot-bestellen .textarea {
	height: 100px;
	margin-bottom: 15px;
}

#angebot-bestellen .checkbox {
	border: 1px solid #4c4c4c;
	background-color: #454545;
	color: white;
  	font-size: 11px;
	margin-right: 10px;
}

#angebot-bestellen .checkboxLabel {
	width: 450px;
}

#angebotBestellenBtn {
	width: 240px;
	margin-left: 290px;
	background: url('../img/navi_right.png') no-repeat;
	background-position: right center;
	display: inline-block;
	height: 23px;
	color: white;
	font-size: 12px;
	text-decoration: none;
	border: 0px;
	padding: 0;
}

#angebotBestellenBtn button {
	display: inline-block;
	height: 23px;
	width: 240px;
	background: url('../img/navi_left.png') no-repeat left top;
	border: 0px;
	color: white;
	padding-top: 0px;
	font-size: 11px;
	cursor: pointer;
}

#angebotBestellenBtn:hover {
	text-decoration: none;
	background: url('../img/navi_activ_right.png') no-repeat;
	cursor: pointer;
}
#angebotBestellenBtn:hover button {
	text-decoration: none;
	background: url('../img/navi_activ_left.png') no-repeat;
	cursor: pointer;
}
/********************* Module: Sitemap ********************/

#sitemap a {
  color: #878787;
  font-size: 11px;
  text-decoration:none;
}

#sitemap a:hover {
  color: #52c5b5;
  text-decoration:none;
}
/********************* Module: Angebot bestellen ********************/   
#angebot-bestellen-steps {
	margin-top: -15px;
	height: 90px;
  background: url('../img/bestellen-box-bottom.png') #4ca497 no-repeat bottom;
  margin-bottom: -5px;
}

.bestellen-step, .bestellen-step-activ {
	float: left;
	width: 156px;
	height: 70px;
	background-color: #1d1d1d;
	vertical-align:middle;
	text-align: center;
}

.step-3 { width: 158px; }

.bestellen-step p, .bestellen-step-activ p {
	margin-top: 5px;
	font-size: 14px;
}

.bestellen-step span, .bestellen-step-activ span {
	font-size: 24px;
	color: #52c5b5;
}

.bestellen-step-activ { background-color: #52c5b5; }
.bestellen-step-activ p { color: #0f4e45; }
.bestellen-step-activ span { color: white; }

.bestellen-step-activ-right {
	background: url('../img/step-activ-right.png') no-repeat;
	float: left;
	width: 30px;
	height: 70px;
}

.bestellen-step-activ-left{
	background: url('../img/step-activ-left.png') no-repeat;
	float: left;
	width: 30px;
	height: 70px;
}

.bestellen-step-inactiv{
	background: url('../img/step-inactiv.png') no-repeat;
	float: left;
	width: 30px;
	height: 70px;
}

.angebot-bestellen-baustein {
	/*color: #878787;*/
	color: white;
	font-size: 11px;
}

.angebot-bestellen-baustein .price {
	float: right;
	/*color: #52c5b5;*/
	color: white;
	margin-right: 2px;
	font-size: 12px;
}

.angebot-bestellen-baustein {
  	/*border-bottom: 1px solid #419589;*/
	font-size: 12px;
}

.icon12 {
	width: 12px;
	height: 12px;
}

#gesamtpreis, #paket {
	width: 100%;
	border-collapse: collapse;
}

#gesamtpreis td, #gesamtpreis th,  #paket td,  #paket th {
	font-size: 12px;
	color: #52c5b5;
	padding: 3px 5px;
}

#gesamtpreis td, #paket td {
  	border-bottom: 1px solid #419589;
 }
 

#gesamtpreis td.summe {
	text-align: right;
	color: #52c5b5;
	/*color: white;*/
}

#angebote td#summe-special-einmalig, #angebote td#summe-special-monatlich { color: white; }

#angebot-bestellen select {
	width: 50px;
	border: 1px solid #4c4c4c;
	background-color: #454545;
	color: white;
 	font-size: 11px;
}

.white {
  color: white;
 }
 
 #paket td{
  color: white;
  font-size: 12px;
  padding: 3px 5px;
 }
 
#paket td span{
  color: #878787;
}
 
#paket th {
  padding: 3px 5px;
}

#paket td {
  vertical-align: top;
}

.textareaForCopy {
  width: 530px;
  height: 200px;  
	border: 1px solid #4c4c4c;
	background-color: #454545;
	color: white;
  font-size: 11px;
}


.analyse-red, .analyse-green {
  width: 100px;
  height: 12px;
}

.analyse-green {
  background-color: green;
}

.analyse-red {
  background-color: red;
}

.tool-bar {  
  width: 100px;
  height: 10px;
  background: url('../img/tool-bar.png') no-repeat;
}

.tool-bar-outer {
  border: 1px solid #52c5b5;
  width: 100px;
  margin-left: 25px;
  text-align: left;
}


.textinput, .select , .textarea, .captchaInput {
	padding: 3px;
}

/********************** KUNDEN LOGIN *********************************/
.kundencenter-entry
{
  border: 1px solid #4ca497;
  padding: 10px;
  width: 170px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
}

.kundencenter-entry .contentButton, .kundencenter-entry .contentButton span {
  width: 150px !important;
}

#ersteinrichtungsassistentTexteKeys {
  list-style-type: none !important;
  margin-left: 0px !important;
  list-style-image: none !important;
  float: right;
  width: 150px;
}

#ersteinrichtungsassistentTexteKeys li {
  padding-left: 20px;
  height: 16px;
  margin-bottom: 3px;
}

#ersteinrichtungsassistentTexteKeys .keyNotFound {
  background: url('../img/icons/delete_16.png') no-repeat;
}
#ersteinrichtungsassistentTexteKeys .keyFound {
  background: url('../img/icons/tick_16.png') no-repeat;
}


.zitat {
	background: url('../img/zitat_bg.png') no-repeat top left;
	color: white;
	font-size: 11px;
	padding: 0px;
	padding-top: 40px;
	font-style: ;
}


/* Ordered List */
ol {
margin-left: 20px;
}

#wronginput{
color:#db0076;
font-weight:500;
font-size:11px;
}