/*Stylesheet für Trusted Shops Kundenbewertungs Website*/

h1 {
	margin-top:15px;	
	
}

.linkliste {
	padding-left:0;
	margin-top:5px;
}

* html .linkliste {
	padding-left:0;
	margin-top:5px;
	margin-left:0;
}

*+html .linkliste {
	padding-left:0;
	margin-top:5px;
	margin-left:0;
}

.linkliste li {
-x-system-font:none;
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:120%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:140%;
list-style-image:url(images/list_dot.gif);
margin-left:15px;
padding-bottom:8px;
padding-left:0;
padding-top:0;
}

#contenttopdivbox {
background-color:#F7F8F9;
border-top:1px none #E3E5E5;
float:left;
padding:0;
position:relative;
vertical-align:middle;
width:753px;
}

#contentcenterdivbox {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F2F6F9 none repeat scroll 0 0;
border-bottom:1px solid #E3E5E5;
border-left:0px solid #E3E5E5;
border-right:0px solid #E3E5E5;
float:left;
height:165px;
padding:10px;
position:relative;
width:733px;
}

#contentleftdivbox_rating {
	padding-left:19px;
	
}


* html, *+html #contentleftdivbox_rating {
	padding-top:15px;
}


.bodytext2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: transparent;
	text-align:left;
	font-size: 120%;
	line-height: 140%;
	vertical-align: top;
	width:710px;
}

#jbox .nummer {
	font-size:130%;
	font-weight:bold;
	color:#0169b4;
}

#jbox .bezeichnung  {
	font-weight:bold;
	color:#000;
}

#jbox {
	background:#FFF;
	width:710px;
	height:359px;
	border:1px solid #cfcfcf;
	font: 115%  Arial, Verdana, sans-serif;
	font-size:130%;
	line-height:165%;
	margin:20px 0 20px 0;
	color:#666;
	overflow:hidden !important;
}

ul.tabs {
	margin: -1px 0 0 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	width: 111px;
	font-size:95%;
	text-align:center;
}

/*ul.tabs .tab1 {
	background:#FFF url(images/tab-start.gif) 30px 30px no-repeat !important;
}*/


ul.tabs li {
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #cfcfcf;
	border-left:none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e5f4fc;
	width:111px;
	height:89px;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 50px 15px 0 10px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
	height:89px;
	border-left:none;
}
ul.tabs li a:hover {
	background: #FFF;
}

html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-right: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab1 {
	background:#e5f4fc url(images/bg_tab1.png) 34px 20px no-repeat !important;
}

.tab1 a:hover {
	background:#FFF url(images/bg_tab1.png) 34px 19px no-repeat !important;
}

li.active.tab1 {
	background:#FFF url(images/bg_tab1.png) 34px 20px no-repeat !important;
}

.tab2 {
	background:#e5f4fc url(images/bg_tab2.png) 30px 10px no-repeat !important;
}

li.active.tab2 {
	background:#FFF url(images/bg_tab2.png) 30px 10px no-repeat !important;
}

.tab2 a:hover {
	background:#FFF url(images/bg_tab2.png) 30px 9px no-repeat !important;
}

.tab3 {
	background:#e5f4fc url(images/bg_tab3.png) 30px 10px no-repeat !important;
}

li.active.tab3 {
	background:#FFF url(images/bg_tab3.png) 30px 10px no-repeat !important;
}

.tab3 a:hover {
	background:#FFF url(images/bg_tab3.png) 30px 9px no-repeat !important;
}

.tab4 {
	background:#e5f4fc url(images/bg_tab4.png) 32px 22px no-repeat !important;
}

li.active.tab4 {
	background:#FFF url(images/bg_tab4.png) 32px 22px no-repeat !important;
}

.tab4 a:hover {
	background:#FFF url(images/bg_tab4.png) 32px 21px no-repeat !important;
}


.tab_container {
	/*overflow: hidden;*/
	clear: both;
	float: right; 
	width: 589px;
	background: #fff;
	margin-top:-32px;
}

* html .tab_container {

	margin-top:0px;

}

*+html .tab_container {

	margin-top:0px;

}

.tab_content {
	padding: 10px;
	font-size: 1.2em;
}

#tab2 {

}

#tab2 p {
	color:#333;
	width:200px;
	margin-top:0;
	text-align:left;
	margin-bottom:10px;
}

.funktionskreis{
	float:right;
	margin:11px 10px 0 0;
}

#faq {
	margin:15px 0 0 20px;
	height:32px;
	vertical-align:center;
	font-weight:bold;
	font-size:85%;
}

.ablauftext {
	font-size:75%;
	line-height:120%;
}

#faq a {
	line-height:34px;
}

#faq img {
	float:left;
	margin:0 10px 0 0;
}

.funktion1, .funktion2, .funktion3 {
	width:240px;
	margin:22px 0 0 20px;
}

.quote {
	font-size:75%;
	width:480px;
	line-height:140%;
	padding:0 !important;
	margin:10px 0 0 0 !important;
	padding-left:40px !important;
}

.quote .quote-left {
	float:left;
	margin-right:20px;
	padding:10px 0 0 10px;
}

.quote .quote-right {
	float:right;
	margin-left:20px;
	padding:10px 15px 0 0;
}

* html, *+html #tab2 p {
	margin-bottom:5px;
}

.imgstart {
	float:right;
	margin:30px -10px 0 0;
}

*+html .imgstart {
	margin-top:-10px !important;
}

.eins {
	margin-top:20px !important;
	background:#FFF url(images/1.gif) 0 30px no-repeat !important;
}

.zwei {
	background:#FFF url(images/2.gif) 0 30px no-repeat !important;
}

.drei {
	background:#FFF url(images/3.gif) 0 30px no-repeat !important;
	margin-bottom:0px !important;
}

a img {
	border:none;
}

.startanmeldung {
	margin-top:10px;
	margin-left:20px;
}

* html, *+html .startanmeldung {
	margin-top:5px !important;
}

.clear {
	clear:both;
}

#tab1 {
	background:url(images/tab1-widget.jpg) 310px 80px no-repeat;
	height:340px;
	font-weight:bold;
	color:#333;
}

#tab1 p {
	margin-top:15px;
	margin-left:15px;
	width:490px;
}

*+html #tab1 p {
	margin-top:30px !important;
	margin-left:-1px;
}

#tab1 ul {
	list-style-image: url(images/list.gif);
	padding-left:30px;
	margin:0px;

}

* html #tab1 ul, *+html #tab1 ul {
	margin-left:-14px !important;
	margin-top:10px;
	
}



* html, *+html #tab1 img {
	margin-top:0px;
}

#tab1 ul li {
	line-height:220%;
	font-size:75%;
	
}
/*
* html #tab1 ul li, *+html #tab1 ul li {
	line-height:120%;
	padding:0 0 5px 0;
}
*/
.imgvorteile {
	float:right;
	margin-top:24px;
} 

.vorteileanmeldung {
	margin-left:40px;
}

#tab3 .gallerytoptext {
	font-weight:bold;
	font-size:.85em;
	color:#333;
}

.gallerytoptext {
	margin-left:25px;
}

*+html .gallerytoptext {
	margin-left:-10px !important;
}

#tab3 ul {
	margin-left:30px;
	margin-top:20px;
}

* html, *+html #tab3 {
	margin-left:45px;
	margin-top:10px;
}

#tab3 ul li {
	list-style: none;
	height:140px;
	width:120px;
	float:left;
	margin-right:30px
}

* html #tab3 ul li {
	width:100px;
	margin-right:20px !important;
}

#tab3 ul li p {
	width:130px;
	font-size:70%;
	float:left;
	margin-top:0px;
	line-height:140%;
}

#tab3 ul li img {
	border:1px solid #999;
	padding:0;
}

#tab4 .ref_banner {
	margin-top:30px;
}

.touranmeldung {
	margin-left:180px;
	margin-top:15px;
}

a {
outline: 0;
}

* html, *+html .touranmeldung {
	margin-left:130px;
}

.preiseanmeldung {
	margin-left:140px;
	margin-top:30px;
}

* html, *+html #tab3 .preiseanmeldung {
	margin-left:140px;
}

.sterntext {
	color:#999;
	font-size:90%;
	line-height:120%;
	margin-bottom:5px;
}

#contentleftdivbox6 {
	padding:none;
}

.tablefree {
	width:130px;
	text-align:center;
}

.tablepro {
	width:170px;
	text-align:center;
}

th {
	border-bottom:1px solid #ccc;
}

.t1, .t2, .t3, .t4 {
	font-size:70%;
	border-right:1px solid #dfdfdf;
	padding-right:5px;
	font-weight: normal;
	width:180px;
	vertical-align:top;
	text-align:left;
} 

.kostenlostext {
	margin-left:20px;
	text-align:left;
}

.preisbig {
	font-size:140% !important;
	font-weight: bold;
	line-height:140%;
}

.protext {
	float:left;
	margin-left:12px;
	padding-right:6px;
	height:65px;
	text-align:left;
}

.borderright {
	border-right:1px dotted #999;
}




.red {
	color:red;
}


/* ------------------------------------------------------------ Lightbox ----------------------------------------------------------------- */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 70%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
	height:70px;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left;
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

#pakete {
	border:1px solid red;
}

.smalltext {
	font-size: 70%;
	line-height:120%;
	color:#999;
	margin-top:0px !important;
}


.smalltext2 {
	font-size: 70%;
	color:#cc0000;
}

.smalltext3 {
	font-size: 85%;
	color:#000;
	font-weight: normal;
	line-height:160%;
}

.smalltext4 {
	font-size: 90%;
	line-height:140%;
	color:#999;
	margin-top:20px !important;
}

#tab4 a {
	text-decoration: underline;
}

#tab4 td {
	text-align:center;
}

#tab4 table {
	margin-left:0px;
	text-align:center;
}

#tab4 p {
	margin-left:10px;
	margin-top:0px;
}

*+html #tab4 p:first-child {
	margin-top:30px !important;
}

.anmeldung_pro_ts {
	margin-top:6px;
	margin-bottom:5px;
	height:51px;
}

.textgrey {
	color:#999;
}

.flashvideo a {
	float:right;
	width:260px;
	height:260px;
	display:inline;
}

#flashvideo {
	border-bottom:solid 1px #E3E5E5;
}

.flash_bg {
	height: 409px;
	cursor: pointer;
	background: url(images/flashstart.jpg) 0 0 no-repeat;
	border-bottom:1px solid #E3E5E5 !important;
}

#flashlink {
	background:#f6e4e4;
	border:1px solid #ce000c;
	padding: 20px;	
	width:370px;
	margin-left:180px !important;
}

#flashlink a {
	text-decoration: underline;
}

/*------------------------------------------------------------- Start Tabelle ----------------------------------------------------------*/

table#cellTable {
	width:712px;
	border:1px solid #E8E8E8;
}

.table_top {
	background-color:#FFF;
	height:134px;
}

.top_pro {
	background:#fff;
}

.top_start, .top_premium {
	background:#F2F8FE;
}

#cellTable {
	text-align: left;
	border-top: 0px solid #A1BAD9;
	border-bottom: 0 solid #e8e8e8;
	border-left: 1px solid #A1BAD9;
	font-size: 93%;
	width: 541px;
	vertical-align: top;
	margin-top: -10px;
	padding-top: 0px;
}

#cellTable tr {
	height:10px !important;
}


#cellTable td {
	background: #FFF;
	padding:.5em;
	border-bottom: 1px solid #e8e8e8;
	vertical-align: top;
	font-weight: normal;
}

#cellTable .cellText {
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	padding:.5em;
	border-bottom: 1px solid #e8e8e8;
	background:#FFF;
}

#cellTable .cellTextb {
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	padding:.5em;
	border-bottom: 1px solid #e8e8e8;
	background: #F2F8FE;
}


#cellTable .lCell {
	background: #FFF;
	padding:.5em;
	width:40%;
	border-right: 0px;
	border-bottom: 1px solid #e8e8e8;
	vertical-align: top;

}

#cellTable .lCell0 {
	background: #E8EEF4;
	text-align: center;
	vertical-align: top;
	padding:.5em;

	border-bottom: 1px solid #e8e8e8;

}

#cellTable .lCell1 {
	background: #EAF0F8;
	font-weight: bold;
	padding:.5em;
	border-bottom: 1px solid #e8e8e8;
	vertical-align: top;
}

#cellTable .lCell2 {
	text-align: center;
	vertical-align: middle;
	background:#F2F8FE;
	border-bottom: 1px solid #e8e8e8;
}

#cellTable .lCell2a {
	text-align: center;
	vertical-align: middle;
	background:#FFF;
	border-bottom: 1px solid #e8e8e8;
}

#cellTable .lCelllast {
	text-align: center;
	vertical-align: top;
	background:#F2F8FE;
	border-bottom: 1px solid #e8e8e8;
}

#cellTable .lCelllasta {
	text-align: center;
	vertical-align: top;
	background:#FFF;
	border-bottom: 1px solid #e8e8e8;
}

#cellTable .lCelllast img, #cellTable .lCelllasta img {
	margin:10px 0 5px 0;
}

#cellTable .table_top img, #cellTable .table_top img {
	margin:10px 0 5px 0;
}


#cellTable .lCellinfo {
	
	vertical-align: middle;
	border-left: 0px;
	border-bottom: 1px solid #e8e8e8;
	background: #FFF;
	width:3%;
}


#cellTable .lCell3 {
	background-color: #F7F8F9;
	padding:.5em;
	border-bottom: 1px solid #e8e8e8;
	vertical-align: top;
}

#cellTable .lCell4 {
    background-color: #E8EEF4;
	padding:.5em;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #A1BAD9;
	border-bottom: 1px solid #A1BAD9;
}
#cellTable .lCell5 {
	padding:.5em;
	text-align: left;
	vertical-align: top;
}

.preis_bottom {
	height:65px;

}

td.on {
	background:#c0dff6 !important;
	border-top:1px solid #d0e8f9 !important;
    border-left:0px solid #c0dff6 !important;
    border-right:0px solid #c0dff6 !important;
	border-bottom:1px !important;
}

tfoot td.on {
	border-left:2px solid #c0dff6 !important;
	border-right:2px solid #c0dff6 !important;
	border-bottom:1px !important;
    border-top:2px solid #c0dff6 !important;
    
    
}

thead td.on {
	background:#c0dff6 !important;
	border-bottom:1px !important;
	border-top:0px !important;
	border-left:0px solid #c0dff6 !important;
    border-right:0px solid #c0dff6 !important;
}

.glinksmall img {
	margin-top:3px;
}

.pdf_icon {
	float:left;
	margin:0 5px 0 45px;
}

.bodytextsmallgrey2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: transparent;
	text-align:left;
	font-size: 85%;
	line-height: 130%;
	margin-left:10px;
	width:700px;
	margin-top:25px;
}

/*------------------------------------------------------------- End Tabelle ----------------------------------------------------------*/


/*------------------------------------------------------------- Start Form ----------------------------------------------------------*/


#register {
	margin-top:20px;
}

#register .input-form {	
	width:340px;
}

.produktauswahl {
	height:84px;
	border-top:2px solid #666 !important;
	border-left:0px !important;
	border-right:0px !important;
	border-bottom:0px !important;
	padding-top:5px !important;
	padding-bottom:10px !important;
}

.floatright {
	float:right;
	height:55px;
}

.floatleft {
	float:left;
	height:55px;
}

.lable-newsletter {
	margin:0 20px 0 0;
	height:10px !important;

}

.lable-nutzungsbedingungen {
	margin:10px 20px 0 0;

}

#anmelden input{
    background:url("../images/anmeldebutton.gif") no-repeat;
    height:35px;
    width:228px;
    border:none !important;
    cursor:pointer;
}

.button-bewertungabgeben input {
    background:url("../images/button-bewertung_abgeben.gif") -1px -1px no-repeat;
    height:42px;
    width:225px;
    border:none !important;
    cursor:pointer;
    margin-top:5px;
}

.radio {
	margin-top:4px;
}

.borderright {
	border-right:1px solid #eee;
}

.nobackground {
	height:170px !important;
}

.toptablebg {
	padding-top:60px !important;
}

.produktauswahl input {
	margin-top:5px;
}

.input-form p {
	width:86px;
	float:left;
	margin-right:0px;
	margin-top:18px;
}

.input-form input, .input-form2 input {
    border:1px solid #999;
    width:240px;
    padding:5px;
    margin:12px 0px 15px 0px !important;
}

.input-form select {
    border:1px solid #999;
    width:200px;
    padding:2px;
    margin:12px 0 15px 0px;
    height:28px;
}

.input-form2 select{
    border:1px solid #999;
    width:200px;
    padding:2px;
    margin:12px 0 15px 0px;
    height:28px;
}


/*------------------------------------------------------------- End Form ----------------------------------------------------------*/