

/* Component containers
----------------------------------*/
#widget-docs .ui-widget { font-family: Trebuchet MS,Verdana,Arial,sans-serif; font-size: 1em; }
#widget-docs .ui-widget input, #widget-docs .ui-widget select, #widget-docs .ui-widget textarea, #widget-docs .ui-widget button { font-family: Trebuchet MS,Verdana,Arial,sans-serif; font-size: 1em; }
#widget-docs .ui-widget-header { border: 1px solid #ffffff; background: #464646  url('') 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
#widget-docs .ui-widget-header a { color: #ffffff; }
#widget-docs .ui-widget-content { border: 1px solid #ffffff; background: #ffffff  url('') 50% 50% repeat-x; color: #222222; }
#widget-docs .ui-widget-content a { color: #222222; }

/* Interaction states
----------------------------------*/
#widget-docs .ui-state-default, #widget-docs .ui-widget-content #widget-docs .ui-state-default { border: 1px solid #666666; background: #555555  url('') 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; }
#widget-docs .ui-state-default a { color: #ffffff; text-decoration: none; outline: none; }
#widget-docs .ui-state-hover, #widget-docs .ui-widget-content #widget-docs .ui-state-hover, #widget-docs .ui-state-focus, #widget-docs .ui-widget-content #widget-docs .ui-state-focus { border: 1px solid #666666; background: #444444  url('') 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; }
#widget-docs .ui-state-hover a { color: #ffffff; text-decoration: none; outline: none; }
#widget-docs .ui-state-active, #widget-docs .ui-widget-content #widget-docs .ui-state-active { border: 1px solid #666666; background: #ffffff  url('') 50% 50% repeat-x; font-weight: normal; color: #F6921E; outline: none; }
#widget-docs .ui-state-active a { color: #F6921E; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
#widget-docs .ui-state-highlight, #widget-docs .ui-widget-content #widget-docs .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee  url('') 50% 50% repeat-x; color: #363636; }
#widget-docs .ui-state-error, #widget-docs .ui-widget-content #widget-docs .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec  url('') 50% bottom repeat-x; color: #cd0a0a; }
#widget-docs .ui-state-error-text, #widget-docs .ui-widget-content #widget-docs .ui-state-error-text { color: #cd0a0a; }
#widget-docs .ui-state-disabled, #widget-docs .ui-widget-content #widget-docs .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
#widget-docs .ui-priority-primary, #widget-docs .ui-widget-content #widget-docs .ui-priority-primary { font-weight: bold; }
#widget-docs .ui-priority-secondary, #widget-docs .ui-widget-content #widget-docs .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
#demo-frame-wrapper .ui-icon, #widget-docs .ui-icon { width: 16px; height: 16px; background-image:  url(''); }
#widget-docs .ui-widget-content .ui-icon {background-image:  url(''); }
#widget-docs .ui-widget-header .ui-icon {background-image:  url(''); }
#widget-docs .ui-state-default .ui-icon { background-image:  url(''); }
#widget-docs .ui-state-hover .ui-icon, #widget-docs .ui-state-focus .ui-icon {background-image:  url(''); }
#widget-docs .ui-state-active .ui-icon {background-image:  url(''); }
#widget-docs .ui-state-highlight .ui-icon {background-image:  url(''); }
#widget-docs .ui-state-error .ui-icon, #widget-docs .ui-state-error-text .ui-icon {background-image:  url(''); }


/* Misc visuals
----------------------------------*/

/* Corner radius */
#widget-docs .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
#widget-docs .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
#widget-docs .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
#widget-docs .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
#widget-docs .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
#widget-docs .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
#widget-docs .ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
#widget-docs .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
#widget-docs .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Overlays */
#widget-docs .ui-widget-overlay { background: #aaaaaa  url('') 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
#widget-docs .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa  url('') 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }

/*
----------------------------------*/

#widget-docs { margin:20px 0 0; border: none; }

#widget-docs h2, #widget-docs h3, #widget-docs h4, #widget-docs p, #widget-docs ul, #widget-docs code { margin:0; padding:0; }
#widget-docs code { display:block; color:#444; font-size:.9em; margin:0 0 1em; }
#widget-docs code strong { color:#000; }
#widget-docs p { margin:0 3em 1.2em 0; }
#widget-docs p.intro { font-size:13px; color:#666; line-height:1.3; }
#widget-docs ul { list-style-type: none; }

#widget-docs h2 { font-size:16px; margin:1.2em 0 .5em; }
#widget-docs h3 { font-size:14px; color:#e6820E; margin:1.5em 0 .5em; }
.normal #widget-docs h4 { font-size:12px; color:#000; border:0; margin:0 0 .5em; }

#docs-overview-main { width:400px; }
#docs-overview-sidebar { float:right; width:200px; }
#docs-overview-sidebar a span { color:#666; }
#widget-docs #docs-overview-main p { margin-right:0; }
#widget-docs #docs-overview-sidebar h4 { padding-left:0; }

.docs-list-header { float:left; width:100%; margin:10px 0 0; border-bottom:1px solid #eee; }
#widget-docs .docs-list-header h2 { float:left; margin:0; }
#widget-docs .docs-list-header p { float:right; margin:5px 0; font-size:11px; }

.docs-list { float:left; width:100%; padding:0 0 10px; }
.docs-list .param-header { float:left; clear:left; width:100%; padding:8px 0; border-top:1px solid #eee; }
#widget-docs .param-header h3, #widget-docs .param-header p { margin:0; float:left; }
#widget-docs .param-header h3 { width:50%; }
#widget-docs .param-header h3 span { background:  url('') no-repeat left; padding-left:13px; }
#widget-docs .param-open .param-header h3 span { background:  url('') no-repeat left; }
#widget-docs .param-header p { width:24%; }
#widget-docs .param-header p.param-type span { background:  url('') no-repeat left; cursor:pointer; border-bottom:1px dashed #ccc; padding-left:15px; }

.param-details { padding-left:13px; }
.param-args { margin:0 0 1.5em; border-top:1px dotted #ccc;}
.param-args td { padding:3px 30px 3px 5px; border-bottom:1px dotted #ccc;  }


/* overrides for ui-tab styles */
#widget-docs ul.ui-tabs-nav { padding:0 0 0 8px; }
#widget-docs .ui-tabs-nav li { margin:5px 5px 0 0; }

#widget-docs .ui-tabs-nav li a:link,
#widget-docs .ui-tabs-nav li a:visited,
#widget-docs .ui-tabs-nav li a:hover,
#widget-docs .ui-tabs-nav li a:active { font-size:14px; padding:4px 1.2em 3px; color:#fff; }

#widget-docs .ui-tabs-nav li.ui-tabs-selected a:link,
#widget-docs .ui-tabs-nav li.ui-tabs-selected a:visited,
#widget-docs .ui-tabs-nav li.ui-tabs-selected a:hover,
#widget-docs .ui-tabs-nav li.ui-tabs-selected a:active { color:#e6820E; }

#widget-docs .ui-tabs-panel { padding:20px 9px; font-size:12px; line-height:1.4; color:#000; }

#widget-docs .ui-widget-content a:link,
#widget-docs .ui-widget-content a:visited { color:#1b75bb; text-decoration:none; }
#widget-docs .ui-widget-content a:hover,
#widget-docs .ui-widget-content a:active { color:#0b559b; }

/* START HiDrive-Slider */
.box7Cols {
	position: relative;
	width: 600px;
}

.box7Cols .top {
	height: 11px;
	background: url("/_assets_de/module/slider_hidrive/img/whitebox_slider_top.png") no-repeat;
}
.box7Cols > div.middle {
	background: url("/_assets_de/module/slider_hidrive/img/whitebox_slider_middle.png") repeat-y;
	min-height: 1px;
	padding: 0 17px 0 14px;
	height:343px;
}
.box7Cols .bottom {
	height: 14px;
	background: url("/_assets_de/module/slider_hidrive/img/whitebox_slider_bottom.png") no-repeat;
}

.box2_15Cols {
	position: relative;
	width: 155px;
}
.box2_15Cols .top {
	height: 11px;
	background: url("/_assets_de/module/slider_hidrive/img/whitebox_teaser_top.png") no-repeat;
}
.box2_15Cols > div {
	background: url("/_assets_de/module/slider_hidrive/img/whitebox_teaser_middle.png") repeat-y;
	padding: 0 13px 0 11px;
	min-height: 1px;
}
.box2_15Cols .bottom {
	height: 14px;
	background: url("/_assets_de/module/slider_hidrive/img/whitebox_teaser_bottom.png") no-repeat;
}

#hidrive_slider {
	margin-top:10px;
	font-size:14px;	
}

.ui-state-focus, .ui-state-default, a:focus, .ui-state-hover, .ui-state-active {
	outline: none;
}
a.ui-slider-handle, #slider {
		outline: none;
	cursor:pointer;
}
a.ui-slider-handle  {
	outline: none;
height:40px;
}

#slider a:focus {outline: none;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default ,.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
background: url("/_assets_de/module/slider_hidrive/img/hidrive_slider_handle.png") no-repeat center;
	outline: none;
	border:0px;
	background-attachment: scroll;
	background-position: 50% 50%;
	font-weight: normal;
	color: #212121;
	height:75px;
	width:21px;
}

.ui-slider, .ui-slider-horizontal, .ui-widget, .ui-widget-content, .ui-corner-all {
	border:0px;
	outline: none;
}

div.ui-slider-horizontal .ui-slider-handle {
    top: 0;
	outline: none;
}


#slider_plus, #slider_minus {
float: left;
height:16px;
margin-top: 29px;
width: 26px;
cursor: pointer;
border: thin;
margin-left:138px;
}

#slider_steps {
    float:left;
	background:none;
	margin-left:0px;
	top:0;
	height:60px;
	width: 235px;
}

#slider {
	background:none;
	height:60px;
	width: 300px;
	left: 38px;
/*	left: 176px;
*/}

.moreLinkBerater span {
    background: url("/_assets_de/image/element/arrow_left_blue.spr.png") no-repeat scroll 100% 0 transparent;
    display: inline-block;
    font-size: 9px;
    height: 9px;
    line-height: 9px;
	margin-right:4px;
    padding: 0 0 0 13px;
}

.moreLink.small{font-size: 12px;}

#hidrive_features {margin-top: 14px;}
#hidrive_features .bg_left,
#hidrive_features .product_box,
#hidrive_features .bg_right {float:left; height:240px;}

#hidrive_features .bg_left {
	width: 9px;
	background: url("/_assets_de/module/slider_hidrive/img/hidrive_bg_product_box_left.png") no-repeat top left;
}
#hidrive_features .bg_right {
	width: 9px;
	background: url("/_assets_de/module/slider_hidrive/img/hidrive_bg_product_box_right.png") no-repeat top right;
}
#hidrive_features .product_box {
	width: 551px;
	background: url("/_assets_de/module/slider_hidrive/img/hidrive_bg_product_box.png") repeat-x top left;
}

#hidrive_features .product_box .box_inner {padding: 7px 6px 5px 6px; position:relative; height:228px;}

#hidrive_bullets table{
		position: relative;
		display: block;
		border-collapse: collapse;
	    border-spacing: 0;
		margin-top: 25px;
		font-size: 14px;
		margin-left: -15px;
}
#hidrive_bullets table tr{margin-bottom: 5px;}
#hidrive_bullets table td{padding-bottom: 6px;}
#hidrive_bullets table td:first-child{padding-right: 10px;text-align: right; width: 80px; font-weight:bold;}

#hidrive_vlz {
position:absolute;
bottom:40px;
right:0;
color: #707070;
font-size: 12px;
width: 162px;
}
#hidrive_change_quota {
	position:absolute;
	z-index: 5;
	top:66px;
	left:15px;
}
#hidrive_weiter {
	position:absolute;
	bottom:5px;
	right:8px;
}
#hidrive_detail {
	position:absolute;
	bottom:35px;
}
#hidrive_pakete {
	position:absolute;
	bottom: 10px;
}

#hidrive_preis {
	position:absolute;
	bottom:90px;
	right:0;
	height:96px;
	width:162px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:bottom;
}

#hidrive_bullets div {display:none;}
#hidrive_bullets ul li,#hidrive_bullets ul {
	font-size:13px;
	line-height:22px;
}

/* Teaser-Angaben */
#hidrive_teaser {
	position:absolute;
	top:0px;
	right:0px;
}

#hidrive_teaser_img{
background-position: center center;
background-repeat: no-repeat;
width:130px;
}
a#hidrive_teaser_link {margin-top:5px;}

#tuev_link {
	position:absolute;
	top:230px;
	right:0px;
}

#tuev_link a{	
display:block;
height:140px;
width:160px;
}

/* Hardware-Angaben */

#hidrive_hardware {
display:none;
position:absolute;
}

#hidrive_hardware.m {
bottom:0px;
right: 0px;
}

#hidrive_hardware.p {
top:0px;
right: 0px;
}
#hidrive_hardware_img {
background-position: center center;
background-repeat: no-repeat;
width:130px;
}

#hidrive_slider_marks.m,
#hidrive_slider_marks.p {
	height:60px;
	background-position: 136px 0;
	background-repeat: no-repeat;
}

#hidrive_slider_marks.m.step1 {background-image: url("/_assets_de/module/slider_hidrive/img/hidrive_bg_marks_media_1.png");}
#hidrive_slider_marks.m.step2 {background-image: url("/_assets_de/module/slider_hidrive/img/hidrive_bg_marks_media_2.png");}
#hidrive_slider_marks.m.step3 {background-image: url("/_assets_de/module/slider_hidrive/img/hidrive_bg_marks_media_3.png");}

#hidrive_slider_marks.p.step1 {background-image: url("/_assets_de/module/slider_hidrive/img/hidrive_bg_marks_pro_1.png");}
#hidrive_slider_marks.p.step2 {background-image: url("/_assets_de/module/slider_hidrive/img/hidrive_bg_marks_pro_2.png");}
#hidrive_slider_marks.p.step3 {background-image: url("/_assets_de/module/slider_hidrive/img/hidrive_bg_marks_pro_3.png");}

.hidrive_pfeil {
position:absolute;
left:-11px;
top:42px;
height:18px;
width:12px;	
background: url("/_assets_de/module/slider_hidrive/img/hidrive_box_pfeil.png") no-repeat;
}

#hidrive_outer_container {position:relative;
background: transparent url("/_assets_de/image/rubrik/online_speicher/img_tuev_slider.png") 638px bottom no-repeat;
}
/* END HiDrive-Slider */

/* _ToolTipp [  ]	
================================================================================================================= */
#hidrive_bullets table td a.tooltip {
	color: #222;
	font-weight: normal;
	text-decoration: none;
	padding-right: 20px; 
	background: transparent url("/_assets_de/module/produkt_tabelle/image/icon_tooltip.png") right 3px no-repeat;
}

#hidrive_bullets table td a.tooltip:hover { background-image: url("/_assets_de/module/produkt_tabelle/image/icon_tooltip_hover.png"); }

#JT {
	margin: -12px 0 0 -9px;
	line-height: 16px;
    position: absolute;
    z-index: 2000;
	background: transparent url("/_assets_de/module/produkt_tabelle/image/bg_tooltip.sld.png") left top no-repeat;
}

	#JT h5 {
		color: #003773;
		font-size: 13px;
	}
	
	#JT p { font-size: 11px; }
	#JT_copy { padding: 17px 22px 0 25px; }
	
	.JT_loader {
		background-image: url("/_assets_de/module/produkt_tabelle/image/tooltip_loader.gif");
	    background-position: center center;
	    background-repeat: no-repeat;
	    height: 23px;
	    width: 100%;
	}
	
	#JT_footer {
		height: 17px;
		margin-bottom: -8px;
		background: transparent url("/_assets_de/module/produkt_tabelle/image/bg_tooltip.sld.png") left bottom no-repeat;
	}
