/*
    Document   : phase-6.de
    Created on : 19.05.2011
    Author     : Bernd Schnabel (bs)
    Description: Generic Content Stylesheet with all basic declarations

	Additional Informations:
	
	basic colors
	#004D39: strong heavy green header or navigation link on colored ground
	#337060: heavy green header on white ground
	#7FAA9F: mid heavy green frame border and button
	#B5CBC6: light green for background and horizontal separator and hovered button
	#F28B0A: orange special color for navigation, button and header

*/

@media all {

* {
	margin: 0;
	padding: 0;
}

/* ----------------- GENERIC TYPE AND CLASS SELECTORS  ------------------------------------------------------------------------- */

html {
	height:100%;
}

html * {
	font-size: 100.01%
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 75.00%;
	line-height: 1.5em;
	min-height: 101%;
	height : 100%;
	color: #000;
	background: #004d39 url(../images/backBody.png) repeat-x;
	text-align: center;
}

fieldset, img {
	border: 0 solid;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	color: #337060;
	padding: 0 0 0.8em 0;
	line-height: 1.2em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
	color: #337060;
}

h1 {
	font-size: 1.8em;
	border-bottom: 2px #B5CBC6 solid;
	margin: 0 0 0.8em 0;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.4em;
}

h4 {
	font-size: 1.2em;
}

h5 {
	font-size: 1em;
}

h6 {
	font-size: 0.9em;
	color: #7faa9f;
	font-weight: normal;
	margin: 0 0 0.8em 0;
}

p {
	margin: 0 0 1.5em 0;
}

a {
	color: #004d39;	
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;
}

a:hover {
	text-decoration: none;
}

small {
	font-size: 0.8em;
	display: block;
}

.tip {
	font-weight: bold; 
	color: #F28B0A;
}

/* lists */

ul, ol, dl {
	margin: 0;
	list-style-type: none;
}

li {
	margin-left: 0em;
}

dt {
	font-weight: bold
}

dd {
	margin: 0 0 1em 2em
}

hr {
	height: 0;
	margin: 0 0 1.5em 0;
	border:0;
	border-bottom: 2px #B5CBC6 solid;
	clear: both;
}

	* html hr, *+html hr {
		margin: 0px 0px;
}

/*  text formatting   */

font {
	font-size-adjust: inherit;
}

cite, blockquote {
	font-style:italic
}

blockquote {
	margin: 0 0 1em 1.5em
}

strong, b {
	font-weight: bold
}

em, i {
	font-style:italic
}

pre, code {
	font-family: monospace;
	font-size: 1.1em;
}

acronym, abbr {
	letter-spacing: .07em;
	border-bottom: .1em dashed #c00;
	cursor: help;
}

/* buttons */

label {
	color: #004d39;
	overflow:hidden;
	margin: 0 5px 0 0;
	display: block;
}

.label-inline {
	display: inline;
}

button {
	font-family: Arial, Helvetica, sans-serif;
}

.button {
	display: inline;
	font-weight: bold;
	text-decoration: none;
	
	border-radius: 0.6em;
	-moz-border-radius: 0.6em;
	-webkit-border-radius: 0.6em;
	
	border: none;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	color: #fff;
	background: #7FAA9F url(../images/button-background.png) repeat-x left top;
	margin: 0;
	padding: 0.2em 0.4em;
	white-space: nowrap;
	cursor: pointer;
}

.button:hover {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #B5CBC6 url(../images/button-background.png) repeat-x left top;
}

.button.prio-high {
	background: #F28B0A url(../images/button-background.png) repeat-x left top;
}

.button.prio-high:hover {
	background-color: #fbaa55;
}

.button.prio-low  {
	background-color: #eee;
	color: #444;
}

.button.prio-low:hover  {
	color: #F28B0A;
}

button[disabled]:active, button[disabled],
input[type="reset"][disabled]:active,
input[type="reset"][disabled],
input[type="button"][disabled]:active,
input[type="button"][disabled],
input[type="text"][disabled]:active,
input[type="text"][disabled],
select[disabled] > input[type="button"],
select[disabled] > input[type="button"]:active,
input[type="submit"][disabled]:active,
input[type="submit"][disabled] {
  color: GrayText;
  cursor: inherit;
  background: #eee;
}

/* --------- panels -------------- */

/* info-panel */

.info-panel {
	float: right;
	width: 29%; 
	margin: 0 0 0 10px;
	padding: 10px 10px 10px 10px;

    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
	
	border: 3px solid #B5CBC6;
	overflow: visible;
	position: relative;
	z-index: 2;
}

/* content panel */

.content-panel {
	background: #fff;
	margin: 0 0 15px 0;
	padding: 15px;

    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
	
	border: 3px solid #bed2cd;
	border-top: 10px solid #bed2cd;
	border-bottom: 10px solid #bed2cd;
	position: relative;
	z-index: 2;
	min-height: 190px;
	overflow: hidden;
}

.content-panel ul {
	list-style-type: disc;
	margin: 0 0 1em 0.5em;
	overflow: hidden;
}

.content-panel ol {
	list-style-type: decimal;
	margin: 0 0 2em 2em;
	overflow: hidden;
}

.content-panel ul li, .content-panel ol li {
	margin: 0 0 0.6em 1.1em;
	position: relative;
	color: #000;
}

.content-panel ul ul {
	list-style-type: circle;
	margin-top: 1em;
}

/* intro panel */

.intro-panel {
	background: #c7d8d4 url(../images/linklist/header-backrepeat.png) repeat-x top left;
	padding: 15px;
	margin: 0 0 15px 0;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
}

.intro-panel .intro-panel-list {
	background: #fefefe;
	padding: 10px;
	margin: 0 0 10px 0;
	border-radius: 1em;
	
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
}

.intro-panel .intro-panel-list .t1 {
	color: #444;
	cursor: pointer;
}

/* light-panel */

.light-panel {
	border: 3px solid #eee;
	
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	
	padding: 15px 15px 10px 15px;
	position: relative;
	margin: 0 0 15px 0;
	background: #fff;
}

.light-panel hr {
	border-color: #eee;
}

/* heavy panel */

.heavy-panel {
	padding: 15px;
	background: #eee;
	border-radius: 1em;
	
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border: none;
	margin-bottom: 15px;
}

/* login-panel */

.login-panel {
	position: absolute;
	top: 98px;
	left: 280px;
}

.login-panel input {
	width: 90px;
	margin: 0 0 0 2px;
	vertical-al ign: top;
}

/* newsflash-panel */

.newsflash-panel {
	background : #fff url(../images/bannerUpdateBody.png) repeat-y top left;
	font-weight: bold;
	margin: 15px 0 0 0;
}

.newsflash-panel .content-wrapper {
	background : url(../images/bannerUpdateHeader.png) no-repeat top left;
}

.newsflash-panel .content {
	background : url(../images/bannerUpdateFooter.gif) no-repeat bottom left;
	padding: 10px 0 20px 75px; 
}

.newsflash-panel h1 {
	font-size: 1.5em;
	margin: 0;
	padding: 0;
	border: none;
}

.newsflash-panel a {
	color: #F28B0A;
}

/* positioning and special clear float hack */

.center {
	text-align: center;
	margin: 0.5em auto
}

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

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* hides from IE-mac \*/
* html .clearfix {height: 1%;}

.clearfix {display: block;}


/* generic tables */

table {
	/*border-collapse:collapse;*/
}

table.full {
	width: 100%;
}

table.fixed {
	table-layout:fixed
}

th, td {
	padding: 0.5em;
	vertical-align: top;
}

thead th {
	background: #444;
	color: #fff
}

tbody th {
	background: #eee;
	color: #333
}

tbody th.sub {
	background: #ddd;
	color: #333
}

.col {
	float: left;
}

.row {
	overflow: hidden;
}

/* formular elements  */
   
select, input, textarea {
	border: 1px solid #dedede;
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	background: #fff;
	margin: 0;
	padding: 2px;
}

select {
  width: auto;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
}

input.checkbox, input.radiobox {
	display: inline;
	width: auto;
	margin: 0 4px 0 0;
	border: none;
	background: none;
	vertical-align: middle;
}

/* ----------------- MAIN NAVIGATION  ------------------------------------------------------------------------- */

/* level 0 */

#main-navigation {	
	margin: 15px 0 0 0;
}

#main-navigation ul {	
	margin: 0;
}

#main-navigation ul li {
	border-bottom: 1px solid #fff;
	padding: 0;
	margin: 0;
}

#main-navigation ul li a {
	display: inline-block;
}

#main-navigation ul li a {
	text-decoration: none;
	color: #004d39;
	font-weight: bold;
	display: block;
	padding: 3px 0 3px 10px;
	background: #eee;
}

#main-navigation ul li a:hover, #main-navigation ul li a.setNav {
	color: #f28b0a;
	background: #fff;
}

/* level 1 */

#main-navigation ul ul {
	font-size: 0.9em;
	margin: 1px 0 1px 0;
}

#main-navigation ul ul li {
	border-bottom: 1px solid #e0e0e0;
}

#main-navigation ul ul li a {
	text-decoration: none;
	color: #004D39;
	font-weight: normal;
	background: #fff;	
	display: block;
	padding: 2px 0 2px 20px;
	
}

#main-navigation ul ul li a:hover, #main-navigation ul ul li a.setSubNav {
	color: #f28b0a;
	font-weight: normal;
	background: #fff;
}

#main-navigation a, #main-navigation strong {
	position: relative;
}

#main-navigation .main-navigation-header, #main-navigation .main-navigation-footer, #site-selection  {
	background: transparent url(../images/backNav.gif) repeat-x left top;
	margin: 0 0 0 15px;
}

#main-navigation .main-navigation-header-content, #main-navigation .main-navigation-footer-content, #site-selection .site-selection-content  {
	background: transparent url(../images/edgeNavL.gif) no-repeat left top;
	height: 16px;
	margin: 0 0 0 -15px;
}

#main-navigation .main-navigation-footer, #main-navigation .main-navigation-footer-content {
	background-position: bottom left;
}

#main-navigation .primary-navigation {
	margin: 0 0 5px 0;
	background: #fff;
}

#main-navigation .primary-navigation li {
	border-top: 1px solid #eee;
	border-bottom: none;
}

#main-navigation .primary-navigation li a {
	background: transparent url(../images/arrowPrimaryNav.gif) no-repeat 95% 50%;
	color: #70a194;
}

#main-navigation .primary-navigation li a:hover, #main-navigation .primary-navigation li a.setNav {
	background: transparent url(../images/arrowPrimaryNavOver.gif) no-repeat 95% 50%;
	color: #f38d09;
}

#main-navigation .primary-navigation ul li a {
	background: none;
	color: #70a194;
}

/* select location */

#site-selection .site-selection-content {
	height: 22px;
	padding: 10px 15px;
}

#site-selection .site-selection-content select {
	width: 100%;
}

/* top navigation */

#top-navigation  {
	position:absolute;
	right: 45px;
	top: 96px;
	list-style-type: none;
	margin: 0 auto;
	padding: 0 0 0 5px;
	background: url(../images/topNavigation.png) no-repeat left top;
	z-index: 100;
}

#top-navigation li {
	float:left;
	position:relative;
	height: 27px;
	border-left: 3px solid white;
	padding: 0 0 0 5px;
}

#top-navigation a {
	display: block;
	padding: 2px 20px 3px 25px;
	text-decoration: none;
	color: #004d39;
	border-right: 2px solid #dedede;
}

#top-navigation a:hover {
	color: #ccc;
}

#top-navigation li.first-item {
	border: none;
}

#top-navigation li.last-item {
	background: url(../images/topNavigation.png) no-repeat top right;
}

#top-navigation li.last-item a {
	border: none;
}

#top-navigation li.shop a {
	background: url(../images/topNavIconShop.png) no-repeat top left;
}

#top-navigation li.home a {
	background: url(../images/topNavIconHome.png) no-repeat top left;
}

#top-navigation li.help a {
	background: url(../images/topNavIconHelp.png) no-repeat top left;
}

#top-navigation li.shop.cart-alert a {
	color: #F28B0A;
	background: url(../images/topNavIconShopSet.png) no-repeat scroll left top transparent;
}

/* topnavigation help dropdown */

#top-navigation li ul {
	position: absolute;
	top: 24px;
	right: 0px;
	border-right: 1px solid #ddd;
	z-index: auto;
}

#top-navigation li ul li {
	float: none;
	margin: 0;
	background: #fff;
	border-bottom: 1px solid #ccc;
	width: 100px;
	overflow: visible;
	height: auto;
}

#top-navigation li.help ul li a {
	background: none;
	padding: 3px;
	font-weight: normal;
	font-style: normal;
	font-size: 0.9em;
}

/* hovers with specificity */

#top-navigation li.folder:hover { 
	z-index:10; 
}		
		
#top-navigation li ul {
		display:none;
}

#top-navigation li:hover ul {
		display:block;
}

/*--------- BASIC LAYOUT---------------------------------------------------------------------------------------------*/

#container {
	margin : 0 auto 15px auto;
	width : 987px;
	background : url(../images/backContent.gif) repeat-y top left;
	text-align: left;
	position: relative;
}

.w30, .w40, .w50, .w60, .w70 {
	float: left;
}

.w30 {
	width: 30%;
}

.w40 {
	width: 35%;
}

.w50 {
	width: 44%;
}

.w60 {
	width: 55%;
}

.w70 {
	width: 68%;
}

/* main panels */

#header {
	height: 160px;
	position: relative;
}

.content-version-0 #header {
	background : url(../images/backHeader.png) no-repeat top left;
}

.content-version-en #header {
	background : url(../images/backHeader_en.png) no-repeat top left;
}

.content-version-login #header {
	background : url(../images/backHeader-login.png) no-repeat top left;
}

.content-login-de #header {
	background : url(../images/backHeader-login-de.png) no-repeat top left;
}

.content-login-de .compendio-header #header {
	background : url(../images/backHeader-login-compendio.png) no-repeat top left;
}

.content-login-en #header {
	background : url(../images/backHeader-login-en.png) no-repeat top left;
}

.content-teacher-login #header {
	background : url(../images/backHeaderTeacher.png) no-repeat top left;
}

.content-version-1 #header {
	background : url(../images/backHeader2.png) no-repeat top left;
}

.content-version-1en #header {
	background : url(../images/backHeader_en2.png) no-repeat top left;
}

#content {
	padding: 0 16px 0 16px;
	margin: 0;
	position:relative;
}

#footer {
	clear:both;
	background: url(../images/backFooter.gif) repeat-x 0 8px;
	font-size:0.9em;
	color:#004d39;
}

/* header area */

#header .header-logo {
	position: absolute;
	top: 25px;
	left: 25px;
	height: 100px;
	width: 230px;
	cursor: pointer;
}

#header .header-title {
	position: absolute;
	top: 40px;
	right: 50px;
	width: 350px;
	text-align: right;
	font-style:italic;
	font-weight: bold;
	font-size: 1.2em;
	opacity: 0.5;
}

#header .header-title h1 {
	border: none;
	padding: 0;
	margin: 0;
	color: #004D39;
}

/* footer area */

#footer .footer-margin {
	height: 15px;
	background: #004d39;
}

#footer .footer-left {
	background: url(../images/edgeFooterL.gif) no-repeat bottom left;
}

#footer .footer-right {
	background : url(../images/edgeFooterR.gif) no-repeat bottom right;
	height: 36px;
	line-height: 35px;
	padding: 0 25px 0 30px;
	text-align: right;
}

#footer a {
	text-decoration:none;
	color:#004d39;
}

#footer a:hover {
	text-decoration:underline;
}

#footer ul {
	float:right;
}

#footer ul li {
	float:left;
	padding:0 10px;
	border-left:1px solid #7faa9f;
}

/* content area */

.column-container {
	background: transparent url(../images/edgeContentBR.gif) no-repeat bottom right;
	overflow: hidden;
	position:relative;
	min-height: 650px;
	padding: 0 15px 15px 15px;
}

.content-column-0 {
	float: left; 
	width: 232px;
}

.content-column-1 {
	float: right;
	width: 720px;
	background: #fff url(../images/edgeContentBL.gif) no-repeat bottom left;
}

.content-column-1b {
	float: right;
	background: #fff url(../images/edgeContentBL.gif) no-repeat bottom left;
}

.content-column-1b {
	width: 720px;
}
.content-version-1 .content-column-0, .content-version-1en .content-column-0 {
	display: none;
}

.content-version-1 .content-column-1, .content-version-1en .content-column-1 {
	width: 100%;
}

.item-float-left {
	float: left;
	margin: 0 5px 0 0;
	position: relative;
}

.item-float-right, .float_right {
	float: right;
	margin: 0 0 0 5px;
	position: relative;
}

.item-float-none {
	float: none;
	clear: both;
	width: 98%;
}

/* link list */

.content-panel .link-list > li {
	border: 3px solid #eee;
	
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	
	padding: 15px 15px 10px 15px;
	margin-left: 0;
}

.content-panel .link-list, .content-panel .link-list ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	clear: both;
}

.link-list .button {
	display: block;
}

.link-list .product-price {
	float: right;
}

.link-list .product-name {
	font-size: 1.3em;
}

/* teacher page header */

.content-teacher-login #header a {
	color: #000;
}

.content-teacher-login #header .header-title h1 {
	opacity: 1;
	color: #fff;
}

}

@media print { 

body {
	background: none;
}

#container {
	width: auto;
	background: none;
	position: static;
}

#content .content-column-0, 
#header, 
#content .sample .clearfix, 
#content .sample h2,
#content .sample .buttons,
#footer,
#content .content-panel-header,
#content .content-panel-footer
 {
	display: none;
}

#content .content-panel-content
 {
	background: none;
	padding: 0;
	margin: 0;
}

#content .content-panel
 {
	background: none;
}

#content .content-panel h1
 {
	position: static;
}

#content .sample {
	background: none;
	margin: 0;
	padding: 0;
}

#content .content-column-1 {
	float: none;
	background: none;
}

.content-column-1 .column-container {
	padding: 0;
	background: none;
	overflow: visible;
}

#content #box8 {
	position: static;
}

#content #box8 div {
	float: none;
}

#content #box8 h3 {
	display: block;
}

#content .mask1 {
	height: auto;
	overflow: visible;
	background: none;
	padding: 0;
}

}


/*  Formular Elements of form generator  */

/* Product List Panel */

/* Systematic */

/* Systematic question */

/* Publisher */

/* News */

/* News US */

/* Mentor Promotion */

/* Lehrer Promotion */

/* Free Trial Promotion */

/* ------------------ shop: prozess panel ------------------------------------------------- */

/* product overview panel */

/* ---------------- upsell panels --------------------- */

/* product highlight  */

/* product special */

/* top product */

/*buy content panel*/

/*----------- offer panel -------------------------------------------------------------------------------------------*/ 

/*----------- offer panel list -------------------------------------------------------------------------------------------*/ 

/*--------------------------------- promo shop panel --------------------------------------------*/

/*----------- edition page -------------------------------------------------------------------------------------------*/

/* edition panel header */

/* edition panel content */

/* edition panel list */

/* selected panel */

/* product list panel */