/*
*
* @file: /imperia/md/content/strato_de/css/view/content_module.css
*
* Basis-Stylesheet fuer alle Module des Content-Bereiches
*
*/

/*
== INDEX: ========================================================================================================== 
_Produkt_Tabelle         [ Generelle Settings der Produkttabelle ]
_FAQ                     [ Definition des FAQ-Bereichs ]
_Ein_und_Ausblenden      [ Definition fuer einfache Aus- und Einblendenfunktion ]
_FourSteps               [ Definition der FourStep-Boxen ]
_Software-Teaser         [ Definition der Software-Teaser ]

======================================================================================================================
*/

@media all
{

   /* _Produkt_Tabelle <Anchor>  [ Generelle Settings der Produkttabelle ]
====================================================================================================================== */
	
	table.offer {
	font-size:11px;
	color:#002665;
	table-layout: fixed;
	text-align:center;
	}
	
	table.offer td, table.offer th {
	padding:4px;
	border: solid #fff;
	border-width: 0px 0px 0px 3px;
	}
		
        table.offer td ul.cntlist{margin:0;}

	table.offer th, table.offer .head th {
	background-color:#E0E9ED;
	color:#002665;
	}
	
	table.offer th.topfrst, table.offer th.first, table.offer td.first{ border-left: 0px;}
	
	table.offer .head {
	background: #E1E6EC url("/portals/strato/story_images/logos_2009/strato_tabelle_head.jpg") repeat-x;
	border-width: 0px 0px 3px 3px;
	}
	
	table.offer .topfrst {
	font-size:1.1em;
	font-weight:bold;
	padding:10px 0 0 15px;
	text-align:left;
	vertical-align:top;
	width:150px;
	}
	
	table.offer th.head {
	font-size:1.1em;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	}
	
	table.offer th.head .txt_sm {
	display:block;
	margin-top: 15px;
	font-size:0.9em;
	font-weight:normal;
	}
	
	table.offer .foot {
	background: #e2e7ed url("/portals/strato/story_images/logos_2009/tab_foot.jpg") bottom left repeat-x;
	border-width: 0px 0px 3px 3px;
	}
	
	table.offer th.foot {
	font-size:1.1em;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	}
	
	table.offer th.foot .txt_sm {
	display:block;
	margin-top: 15px;
	font-size:0.9em;
	font-weight:normal;
	} 
	
	a.arr, a.arr:link, a.arr:visited, a.arr:hover {
	background: url("/portals/strato/story_images/logos_2009/bt_faq_arrow_up.gif") no-repeat right;
	padding:0 15px 0 0;
	font-weight:bold;
	text-decoration:underline;	
	}
	
	a.arr:hover {
	background: url("/portals/strato/story_images/logos_2009/bt_faq_arrow_down.gif") no-repeat right;}
	
	div.auf span {text-decoration:underline; font-weight:bold;padding-right:14px;background: #fff url("/portals/strato/story_images/logos_2009/bt_faq_arrow_down.gif") no-repeat top right;cursor:pointer;}
	div.zu span {text-decoration:underline; font-weight:bold;padding-right:14px;background: #fff url("/portals/strato/story_images/logos_2009/bt_faq_arrow_up.gif") no-repeat top right;cursor:pointer;}

	div.auf.red span {text-decoration:underline; font-weight:bold;padding-right:14px;background: #fff url("/portals/strato/story_images/logos_2009/bt_arrow_down_red.gif") no-repeat top right;cursor:pointer;}
	div.zu.red span {text-decoration:underline; font-weight:bold;padding-right:14px;background: #fff url("/portals/strato/story_images/logos_2009/bt_arrow_up_red.gif") no-repeat top right;cursor:pointer;}
	
	table.offer thead th.first, table.offer td.first {
	width:165px !important;
	text-align:left;
	}
	
	table.offer td.first {
	background-image: url("/portals/strato/story_images/logos_2009/dotted_line_empty.gif");
	background-repeat: no-repeat;
	background-position: top left;
	}
	
    table.offer td.tc_1, table.offer td.tc_2, table.offer td.tc_3, table.offer td.tc_4, table.offer td.tc_5,
	table.offer td.tc_6, table.offer td.tc_7, table.offer td.tc_8, table.offer td.tc_9, table.offer td.tc_10,
	table.offer td.tc_11, table.offer td.tc_12, table.offer td.tc_13, table.offer td.tc_14, table.offer td.tc_15 {
	background:transparent url("/portals/strato/story_images/logos_2009/dotted_line.gif") top left repeat-x;
	vertical-align:middle
	}
	
	
	table.offer td.act { font-weight: bold; color: #cd1218;}
	
    table.offer a.btn {
	font-size: 0.9em;
	}
	
	/**** Zugabe fuer die Radiobutton-Positionierung *****/
	table.offer p.radio_sel { margin:0; padding-bottom:0.2em; font-weight:normal; }
	table.offer p.radio_sel img{position:relative; top: 0.2em; cursor: pointer; }
	

	/**** jtip *****/
/* ~~~ JTIP ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#JT {
	background:url("/portals/strato/javascript/jquery/footer_tip.gif") no-repeat left bottom;
	position:absolute;
	z-index:100;
	/* margin:-160px 0px 0px -30px; */
	/* padding:0 0 10px 0; */
	margin-top:-10px;
	padding:0 0 5px 0;
	}
	
#JT_copy {
	background: url("/portals/strato/javascript/jquery/bg_tip.gif") repeat-y 0 0;
	padding:10px 7px 7px 7px;
	color:#333333;
	}
	
.JT_loader{
	background-image: url("/portals/strato/story_images/logos_2009/loader.gif");
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:23px;
	}

#JT_close_left {
	background: url("/portals/strato/javascript/jquery/top_tip.gif") no-repeat 0 0;
	background-color: #fff;
	text-align: left;
	padding-left: 7px;
	padding-bottom: 0px;
	padding-top: 3px;
	font-weight:bold;
	width:215px;
	color:#515151;
	}	
	
#JT_copy p {
	margin:0;
	text-align: left;
	color:#515151;
	}

table.offer td.first.Tip,
	table.offer td.Tip  {
	background-image:  url("/portals/strato/story_images/logos_2009/dotted_line_corner.gif");
	background-repeat: no-repeat;
	background-position: top left;
	}

table.offer td.first.Tip a,
	table.offer td.Tip a{
	text-decoration: none;
	}

/**** Fuer den TopTip Reiter *****/
	
	table.offer .head.nobrd {
	background: #E1E6EC url("/portals/strato/story_images/logos_2009/strato_tabelle_head_nobrd.jpg") repeat-x;
	}
	
	table.offer th.empty, table.offer .head th.empty {
	background-color:#FFFFFF;
	padding:0px;
	}		
	
	table.offer th.empty div.toptip, table.offer .head th.empty div.toptip {
	background: #E1E6EC url("/portals/strato/story_images/logos_2009/strato_tabelle_head_top_reiter.jpg") repeat-x top left;
	border-top:1px solid #c8d6d9;
	border-right:1px solid #c8d6d9;
	border-bottom:0px solid #c8d6d9;
	border-left:1px solid #c8d6d9;
	padding:3px 0 3px 0;
	color:#CC0000;
	}
   	
/* _FAQ <Anchor>  [ Definition des FAQ-Bereichs ]
====================================================================================================================== */
.faqAnchor {
	margin: 0px 0px 10px 20px; 
	padding: 0px;
	}
.faqHl {
	width:606px; 
	padding:3px 0px 3px 5px;
	background-color:#e0e9ed;
	color:#002665;
	font-size:1.2em;
	font-weight:bold;
}

ul.faqArea {
	clear:both;
	width:590px;
	margin: 10px 0 10px 4px; 
	padding:0px;
	float:left
}

ul.faqArea li {
	clear:both;
	float:left;
	width:603px;
	list-style-type: none;
	padding: 0px;
	overflow:hidden;
	margin:0 0 4px 0;
}

ul.faqArea li ul.cntlist li { line-height: 1.4em; padding: 0 0 0 1em; }

/* Icon Position von rechts auf links geaendert */
ul.faqArea li a {
	text-decoration:underline;
	font-weight:normal; 
	padding-left:16px; 
	width:556px;
	background:transparent url("/portals/strato/story_images/logos_2009/bt_faq_arrow_down.gif") no-repeat top left;
	font-weight:bold;
}

/* Icon Position von rechts auf links geaendert */
ul.faqArea li a:visited, ul.faqArea li a:hover, ul.faqArea li a:active {
	text-decoration:underline;
	font-weight:normal; 
	padding-left:16px;
	width:556px;
	background:transparent url("/portals/strato/story_images/logos_2009/bt_faq_arrow_down.gif") no-repeat top left;
	font-weight:bold;
}

ul.faqArea li a.arrow_none, 
ul.faqArea li a:visited.arrow_none, 
ul.faqArea li a:hover.arrow_none, 
ul.faqArea li a:active.arrow_none{
	text-decoration:underline;
	padding-left:16px;
	width:556px;
	font-weight:bold;
	background: none;
}

ul.faqArea li p {display:none;}

ul.faqArea li div.more {display:none;margin-left:-10px;float:left;}
ul.faqArea li div.more p {line-height:normal;}
ul.faqArea li div.more p a {text-decoration:underline;background:none;padding:0px;margin:0;}
ul.faqArea li div.more a {text-decoration:underline;background:none;padding:0px;margin:0; font-weight: normal;}
ul.faqArea li div.more a:focus, ul.faqArea li div.more a:hover, ul.faqArea li div.more a:active {text-decoration:underline;}
ul.faqArea li div.more p a:focus, ul.faqArea li div.more p a:hover, ul.faqArea li div.more p a:active {text-decoration:underline;}


ul.faqArea li.active {
	padding: 0 0  10px 0px;
	cursor:pointer;
}
	html>body ul.faqArea li.active {width:606px;}
	
/* Icon Position von rechts auf links geaendert */
ul.faqArea li.active a {
	text-decoration:underline;
	padding-left:16px;
	background:transparent url("/portals/strato/story_images/logos_2009/bt_faq_arrow_up.gif") no-repeat top left;
	font-weight: bold;
}

ul.faqArea li.active a.arrow_none{
	text-decoration:underline;
	padding-left:16px;
	width:556px;
	font-weight:bold;
	background: none;
}


ul.faqArea li.active p a {
	text-decoration:underline;
	font-weight:normal;
}
ul.faqArea li.active p {
	display:block;
	margin:0px 10px 10px 0px;
}
ul.faqArea li.active div.more {
	display:block;
	background-color:#f3f6f8;
	margin:10px 0px 0px 0px;
	padding:9px 10px 9px 10px; 
	width:588px;
}
ul.faqArea li.active div.more a.link {
	text-decoration:underline;
	font-weight:normal;
	background:none;
	width: auto;
	padding-left:0px;
}

.bt_top {
	text-align:right;
}
/*nur mozilla*/
*[class="faqHl"] {margin-top:10px}

ul.faqArea li div.more table.cnttab.faq {
	width:590px;
}

/* _Ein_und_Ausblenden <Anchor>  [ Definition fuer einfache Aus- und Einblendenfunktion ]
====================================================================================================================== */

.showOn {
	font-weight:bold;
	color:#002665;
}

.showOff {
	font-weight:bold;
	color:#002665;
}

.showOn a{
	padding-left:16px;
	background:transparent url("/portals/strato/story_images/logos_2009/bt_faq_arrow_down.gif") no-repeat top left;
}

.showOff a{
	padding-left:16px;
	background:transparent url("/portals/strato/story_images/logos_2009/bt_faq_arrow_up.gif") no-repeat top left;
}

/* _FourSteps <Anchor>  [ Definition der FourStep-Boxen ]
====================================================================================================================== */

#fourSteps {
	width:611px; margin-bottom: 15px;
	}
* html #fourSteps{
	width:611px;
	}
#fourSteps:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
#fourSteps ul.StepNav {list-style: none;
    margin: 0;
    padding: 0 0 0 0;
	width:611px;
}
#fourSteps ul.StepNav a {
	padding: 0px 0px;
	display: block;
	width:152px;
	background:transparent url('/portals/strato/story_images/logos_2009/scroll_nav_off.jpg') repeat-x;
}
#fourSteps ul.StepNav a {
margin: 0px 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding: 0px 0px;
    color:#013974;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
#fourSteps ul.StepNav a:hover { 
	background:transparent url('/portals/strato/story_images/logos_2009/scroll_nav_on.jpg') repeat-x;
}
#fourSteps ul.StepNav a:visited {
	background:transparent url('/portals/strato/story_images/logos_2009/scroll_nav_off.jpg') repeat-x;
}
#fourSteps ul.StepNav li {
	float:left;margin:0px;padding:0px;
}
#fourSteps ul.StepNav li a {
	display:block;line-height:22px;padding:0px;
}

#fourSteps ul.StepNav li.activ a{
	background:transparent url('/portals/strato/story_images/logos_2009/scroll_nav_on.jpg') repeat-x;
}
#fourSteps ul.StepNav li.passiv a{
	background:transparent url('/portals/strato/story_images/logos_2009/scroll_nav_off.jpg') repeat-x;
}

#fourSteps ul.StepNav li a.lnk1{}
#fourSteps ul.StepNav li a.lnk2{}
#fourSteps ul.StepNav li a.lnk3{}
#fourSteps ul.StepNav li a.lnk4{
	margin: 0px 0px 0 0; width:152px;
}

#fourSteps #cnt1 { }
#fourSteps #cnt2 {display:none;}
#fourSteps #cnt3 {display:none;}
#fourSteps #cnt4 {display:none;}

#fourSteps .Cnt {
	width:611px;
	height:380px;
	background: #e7ecef;
}

#fourSteps .Cnt_inner {
	padding: 15px 25px;
}

#fourSteps #Cnt_flash {
	display: block;
}

#fourSteps .Cnt.google {
	height:400px;
	position: relative;
}

#fourSteps .Cnt.google .Cnt_inner {
	padding: 15px 48px;
}

#fourSteps .Cnt.google .Cnt_inner .cnt_btn_1{
position: absolute; 
bottom:10px;
z-index: 99;
}



/* _Software-Teaser <Anchor>  [ Definition der Software-Teaser ]
====================================================================================================================== */
	
#SWSteps {
	width:611px;
	}
* html #SWSteps{
	width:611px;
	}
#SWSteps:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
#SWSteps #Nav {
	border: solid #d2dfe7;  
	border-width:1px 0 0 0;
	background: transparent url("/portals/strato/story_images/logos_2009/txt_box_bg.png") bottom left repeat-x;
	margin:0px;
	width:611px;
	height:165px;
}
#SWSteps ul.StepNav {
	list-style: none;
    margin: 0 0 0 0;
	width:611px;
}

#SWSteps ul.StepNav a {
	padding: 0 0 0 0;
	display: block;
}
#SWSteps ul.StepNav a {
	margin: 0px 0px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding: 0px 0px;
    color:#ec7525;
    font-weight: bold;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}

#SWSteps ul.StepNav .lnktxt {
	text-decoration: underline;
}
#SWSteps ul.StepNav a:hover { 
	
}
#SWSteps ul.StepNav a:visited {
	
}
#SWSteps ul.StepNav li {
	float:left;
	padding:1em 0 1em 2.5em;
	
}
#SWSteps ul.StepNav li a {
	display:block;line-height:22px;padding:0px;
}

#SWSteps ul.StepNav li.activ a{
	
}
#SWSteps ul.StepNav li.passiv a{
	
}

#SWSteps ul.StepNav li .lnktxt{padding-left:10px;}


#SWSteps #cnt1 {float:left;}
#SWSteps #cnt2 {display:none;float:left;}
#SWSteps #cnt3 {display:none;float:left;}
#SWSteps #cnt4 {display:none;float:left;}
#SWSteps #cnt5 {display:none;float:left;}

#SWSteps .Cnt {
	width:575px;
	margin-top:15px;
}

}