/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23.05.2014, 18:23:44
    Author     : Sebastian Lukas
*/

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

.author-wrapper{
	margin-bottom:	10px; 
	margin-top:		20px;
}

.copyright-text{
	font-size:		10px;
	margin-top:		10px;
}

.book-wrapper .book-image img,
.author-wrapper .author-image
{
	height:		150px;
}

.book-wrapper .book-image{
	color:			#F7F9EB;
	position:		relative;
	float:			left;
	font-family: 	'Old Standard TT', serif;
}

.book-wrapper .book-image .title{
	font-size:	12px;
	position:	absolute;
	width:		100%;
	text-align:	center;
	top:		30px;
	left:		0;
}

.book-wrapper .book-image .author{
	position:	absolute;
	width:		100%;
	left:		0;
	text-align:	center;
	font-size:	10px;
	top:		70px;	
	padding:	0 5px;
	line-height:150%;
	box-sizing:	border-box;
}

.book-wrapper .text-wrapper .title {
	font-weight:	bold;
}

.book-wrapper .text-wrapper .title span{
	font-weight:	normal;
}

.author-wrapper .author-image{
	float:			left;
}

.text-wrapper {
	margin-left:	130px;	
}

body{
    font-family:Tahoma,Arial,sans-serif;
    padding:0px;
    margin:0px;
    line-height:140%;
}


a.order-button, a.order-button-big{
	display: block;
	background-image: url(/img/btn_plain_standard_new.png);
	color: #FFFFFF !IMPORTANT;
	font-size: 14px;
	line-height: 15px;
	width: 225px;
	height: 20px;
	letter-spacing: 1px;
	padding: 10px;
	text-decoration: none;
	text-align: center;
	background-repeat: no-repeat;
}

a.order-button-big {
    background-image: url("/img/btn_plain_standard_big_new.png");
    height: 50px;
    padding: 5px;
	width:	235px;
	line-height:	19px;
}

a.order-button-big.small-font {
	font-size: 12px;
}

ul.checkmarks {
    list-style-type: none;
    padding-left: 0;
    padding-top: 10px;
}
ul.checkmarks li {
    background-image: url("/img/checkmark.png");
    background-position: left top;
    background-repeat: no-repeat;
    min-height: 25px;
    line-height: 120%;
    list-style-image: none;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 30px;
    padding-top: 5px;
    vertical-align: middle;
}

#order .col{
	float:left;
	width:50%; 
	text-align:left;
}

div {
	position: relative;
}

a{
	color:#4F6E48;
}

header, footer{
	width:100%;
	color: white;
	margin: 0px;
	/*min-height: 160px;*/
	min-width:800px;
	background:#35882D;
}

main{
	width:800px;
	/*padding: 0px 60px;*/
}


header{
   	text-align: center;
}

#header-content{
	text-align:center;
    min-height:70px;
	width:800px;
    background:#35882D;
	z-index:1;
}

#header-content h1,
#header-content h2
{
	line-height:70px;
	padding:0;
	font-size:40px;
}

#header-content h1 a,
#header-content h2 a 
{
	color: 			#ffffff;
	text-decoration:none;
}

#footer-sub {
    width: 100%;
    min-width: 800px;
    background-color:white;
    min-height:40px;
    color:black;
    border-top: 5px solid #35882D;
    z-index:0;
	text-align:	center;
}

#footer-sub>span{
    padding: 0 2px;
    position: relative;
    right:15px;
    margin-bottom: 2px;

}
#footer-sub>span>a{
    position: relative;
    margin-bottom: 2px;
    text-decoration:none;
    color:black;
    font-weight: normal;
}

#header-img-right{
	position:absolute;
	right:0;
	top:0;
	margin-right:-110px;
	width:100px;
	/*height:140px;*/
}
#header-img-logo{
	position:absolute;
	left:0px;
	top:0;
	margin-left:-80px;
}
#header-left{
	position:absolute;
	left:0px;
	margin-left:-100px;
	margin-top:14px;
	width:100px;
	height:40px
	color:white;
}

#header-left-text{
	color:white;
	text-decoration:none;
	font-weight:bold;
}

#header-left-img{
	margin-top:10px;
	float:left;
}

footer{

}

.footer-fixed{
	position:fixed;
	bottom:0;
   	//*argin-top: 1000px;*/
    	background:#35882D;
}

.footerid{
   	margin-top: 50px;
    	background-color: green;
	position:relative;
	bottom:0;
    	background:#35882D;

}
#footer-content{
	width:800px;
	text-align:left;
	padding:20px 0px;
/*
 	position: relative;
	left:25%;
	width:75%;
	margin-bottom: 1%;
*/
}
#footer-information{
  padding-bottom:25px;
 padding-top:25px;
}

#footer-authors{
	padding:0px;
}


footer a{
	    margin: 0px 10px;
	    font-weight:bold;
	    color:white;
}
footer p{
    	
}
#footer-authors>li{
	    list-style-type: none;
	    display:inline-block;
	    width: 160px;
	    overflow:hidden;
	    text-align: center;
	    font-size: 14px;
	    text-decoration: none;
	    color:black;
	    background-color:#e6ffe3;
	    padding:5px 2px;
	    margin:10px 10px 10px 0px;
}
#footer-authors>li>a{
    display:inline-block;
    max-width: 160px;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    color:black;
    background-color:#e6ffe3;
}

#copy-right{
	display:inline;
}

#footer-information>a{
	margin:0px 10px 0px 0px;
}

h1, h2, h3{
	word-wrap: break-word;
}

h1{
    font-size: 40px;
    margin:0px;
}
h2, h1 .h2{
    font-size: 30px;
    margin:0px;  
    color: #c9ff26;
    display:block;
}
.keywords h2{
    font-size: 20px;
    margin:10px 0px;  
    color: #000000;
    display:block;
}
.keywords h3{
    font-size: 15px;
}
.keywords ul{
    list-style-type:circle;
}

.navbar h1,
.navbar h2
{
	color:	black;
	font-size:	30px;
	margin-bottom:10px;
	padding:0;
}


#page{
    margin-top: 20px;
    width: 100%;
	position:relative;
    text-align: center;
}

#page{
	text-align:center;
	padding-top:10px;
}

.navbar{
    width:800px;
	min-width:800px;
    background-color: white;
   margin-top:-50px; 
    position:absolute;
	padding-bottom:20px;
}

.navbar-fixed{
	min-width:698px;
   	background-color: white;
	padding:15px 0 20px 0;
    	position:fixed;
	margin-top:0 !important;
	top:0;
	z-index:100;
}

.navbar-fixed .book-wrapper,
.navbar-fixed .text-wrapper{
	display:	none;
}

.navbar-fixed .author-wrapper{
	position:	absolute;
	left:		820px;
	margin-top:	-30px;
}

.navbar-fixed h2{
	font-size: 20px;
}

.msie .navbar-fixed{
	/*margin-top:-380px;*/
}

.fixed {
position: fixed; top:0;
}
.content{
    	position:relative;
    	width:800px;
 	margin: 0 auto;
   	top:20%;
	text-align:left;	
}

.content h1{
	color: black;
	font-size:30px;
	margin-top:3px;	
	margin-bottom:15px;
	line-height: 120%;
}

.msie .content{
	margin-top:60px;
}


.letterBox {
    border-color: #DFE2E2;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    display: block;
    float: left;
    margin-left: 2px;
    margin-right: 2px;
    min-width: 13px;
    padding: 0 2px;
    text-align: center;
	text-decoration:none;
}


#sidebar{
  	color:black;
  	text-align: left;
  	position: absolute;
	left:0px;
	margin-left:-125px;
}

#sidebar>ul>li{
    	list-style-type: none;
}
#sidebar>ul>li>a{
	color:black;
	font-weight:bold;
}
.letterBox:hover{
    background-color: #93caa2;
    border-color: #DFE2E2;
}



/* Subpages */
#page-content-textbox{
	text-align:left;
	padding-top:40px;
}
#page-content-textbox>p{

}
#page-conent-adv{
	text-align:left;
	width:350px;
	height:250px;
	background-color:#e7e7e7;
}
.page-content-text{
	margin-top:50px;
}

.content-author-blocks{
	display:inline-block;
	text-align:center;
	padding: 0;
}

.content-author-block {
	background-color: #e6ffe3;
	display:inline-block;
	font-size: 16px;
	height: 260px;
	line-height: 145%;
	list-style-type: none;
	width: 160px;
	margin:15px 15px 15px 0px;
	overflow:hidden;
	text-overflow: ellipsis;
	text-align:center;
	position:relative;
}

.content-author-block a{
	font-weight:bold;
	color:black;
	display: inline-block;
	text-decoration:none;
}

.content-author-block a div{
	height: 70px;
	padding:5px;
}

.content-author-block-img{
height:170px;
/*height:144px;*/
}
.group:after{
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

#content-list{
	text-align:center;
	width:800px;
}

#content-header{
	text-align:center;
	color:black;
	font-size:30px;
	margin-top:20px;
}



/* End subpage */


h1{
	font-size: 40px;
	color:white;
}

.navbar h2 a{
	color: 				#000;
	text-decoration:	none;
	
}


h3{
	margin:		0;	
}

#footer h3{
	padding-top:	5px;
}

#footer h3 a{
	color:				#000;	
	text-decoration:	none;
	font-size:			16px;
	font-weight:		normal;
}

h4{
	margin-top:1px;
	font-size:18px;
}




#remediaLink{
	background:#EBEBEB;
	border-radius:8px;
 	/*padding: 1px 15px 15px 15px;*/
}



#buy-header{
 font-size:21px;
 margin-bottom:0;
	font-weight:bold;
}

#remediaLink img{
	padding-right:20px;
	padding: 1px 15px 15px 15px;
}

#feedback{
	text-decoration:none;
	font-size:10px;
	color: black;
	margin-left:10px;
	

}

#order{
	text-align:center;
	padding-top:20px;
	clear:both;
}
#order>p+p>span{
	font-weight:bold;
}
#order-logo{
	float:left;
}


#order-header{
	padding: 1px 15px 15px 15px;
	text-align:left;
}
#remediaLink span{
	font-size:17px;
	font-weight:bold;
	margin-bottom:5px;
}


.order-button{
	padding-top:5px;
}

#remediaLink{
	padding:20px 0px;
}

#remediaLink-hp{
	background:#EBEBEB;
	border-radius:8px;
	padding:20px;
	box-sizing:border-box;
}

#remediaLink-hp.const-width{
	width:390px;
}

#remediaLink>p>img{
	padding:0px 15px 0px 0px;
	text-align:left;
}

.const-width{
	width:350px;
	float: right;
	margin: 0px 0px 40px 40px;
}
.clr{
	clear:both;
}

.anchor{
	position:absolute;
	margin-top:-40px;
}

.clear{
	clear:both;
	font-size:0;
	height:0;
}

.remedy_list{
	line-height:	25px;
	clear: both;
}

@media only screen 
and (max-width: 1060px) {
	.navbar-fixed .author-wrapper{
		display:	none;
	}
}

@media only screen 
and (max-width: 1020px) {
/* Styles */
/* layout bis ungefähr 750px bereite 	
	body { background-color: #f00; }
*/


	header,footer,main{
		min-width:750px;
	}

	#header-content{

		width:550px;
	}
	
	#footer-content{
		width:750px;
	}
	.content{
		width:750px;
	}
	#header-img-right{
		position:absolute;
		right:0px;
		top:0px;
		width:100px;
		/*height:140px;*/
		margin-right:-100px;
	}		
	#header-left{
		position:absolute;
		left:30px;
		width:100px;
		height:40px
		color:white;
		margin-left:-150px;
	}
	.navbar{
	   	width:750px;
		min-width:650px;
		background-color: white;
	   	margin-top:-40px; 
	    	position:absolute;
	}

	.navbar-fixed{
		width:750px;
		min-width:650px;
	   	background-color: white;
	    	position:fixed;
		margin-top:0;
		z-index:100;
	}
	#sidebar{
		position:relative;
		margin-left:0px;
		padding: 10px 0px;
		color: black;
		text-align: left;
		left: 0px;
	}
	#sidebar>ul{
		list-style:outside;
		padding:0px;
		margin:0px;
	}
	#sidebar>ul>li{
		list-style:none;
		padding:0px;
	}
	#footer-authors>li>a{
		font-size:12px;
	}
	/*#header-img-logo{
		position:absolute;
		right:0px;
		top:22px;
		
		border: 10px solid white;
		width:78px;
	}*/
	h1{
		font-size:30px;
	}
	h2{	
		font-size:24px;
	}
	#footer-sub{
		width:100%;
		min-width:650px;
	}
	.anchor{
		position:absolute;
		margin-top:-45px;
	}


}




@media only screen and (max-width: 950px) {
	#header-img-right{
		margin-right: -45px;
	}
}

@media only screen and (max-width: 840px) {
	#header-img-right{
		display:	none;
	}
}



@media only screen 
and (max-width: 750px) {
/* Styles */
/* layout mit dynamischer breite und minimal 320px breite 	
	body { background-color: #0f0; }
*/

	.author-wrapper .author-image,
	.book-wrapper .book-image
	{
		margin-right:	10px;
	}
	
	.text-wrapper {	
		margin-left: 0;
		font-size:	14px;
	}

	header,footer,main{
	
		width:100%;
		min-width:320px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		padding:0 10px;
	}
	footer,	header{
		padding:0;
	}
	
	footer center{
		padding:0 20px;		
	}
	
	#header-content{
		height:auto;
		padding:5px 10px;
		width:100%;
		box-sizing:border-box;
		min-height:50px;
	}
	#header-content>div{
		width:100%;
	}

	
	#header-content h1,
	#header-content h2
	{
		line-height:50px;		
	}	
	#page{
		margin-top: 10px;
	}
	#main{
		padding:0px;
	}
	h1,h2{
		width:100%;
		padding:0px;
	}
	#footer-content{	
		width:100%;
	}
	.content{
		width:100%;
		margin:0;
	}
	#header-img-right{
		display:none;
		position:absolute;
		right:0px;
		top:0px;
		width:100px;
		height:140px;
		margin-right:15px;
	}		
	#header-left{
		display: none;
	}
	#header-left>a{
		text-decoration:underline;
	}
	#header-left-img{
		display:none;
	}
	.navbar{
		position: relative;
	   	width:100%;
		min-width:220px;
		background-color: white;
		/*margin-top:-40px; 
		padding:30px 5px 15px 5px;*/
	}

	.navbar-fixed{

		width:100%;
		min-width:220px:
	   	background-color: white;
		/*padding:30px 5px 15px 5px;*/
	    	position:fixed;
		margin-top:0;
		z-index:100;
		padding: 10px 10px 0 10px;
		box-sizing:border-box;
		left:0;
	}
	#sidebar{
		position:relative;
		margin-left:0px;
		/*padding: 100px 0px 0px;*/
		color: black;
		text-align: left;
		left: 0px;
		clear:both;
	}
	#sidebar>ul{
		list-style:outside;
		padding:0px;
		margin:0px;
	}
	#sidebar>ul>li{
		list-style:none;
		padding:0px;
	}
	#footer-authors>li>a{
		font-size:12px;
	}
	#header-img-logo{
		display:none;
		position:absolute;
		right:0px;
		top:22px;
		margin-right:-0px;
		border: 10px solid white;
		width:0px;
	}
	h1{
		font-size:30px;
	}
	h2{
		font-size:18px;
	}
	#footer-sub{
		width:100%;
		min-width:320px;
		position:relative;
		top:auto;
	    	background-color:white;
	    	color:black;
	   	border-bottom: 1px solid black;
		z-index:0;
		left: auto;
		height:auto;
   	}  
	#footer-sub-logo{
		width:150px;
	}
	#footer-sub>span {
		position: relative;
	 	right: 0px;
	 	margin-bottom: 0px;
	 	bottom: 0px;

	}
	#footer-sub>p{
		margin:0px;
	}
	#remediaLink-hp.const-width{
		width:100%;
		max-width:390px;
		margin:0px auto;
		float:none;
	}
	.letterBox {
		display:inline-block;
		border-color: #DFE2E2;
		border-style: solid;
		border-width: 1px;
		display: block;
		float: left;
		margin-left: 2px;
		margin-right: 2px;
		min-height: 25px;	    
		min-width: 25px;
		padding-top: 5px;
		text-align: center;
		text-decoration:none;
		margin-bottom:10px;
	}
	.letterBox:hover {
		border-color: #DFE2E2;
		background-color:#93caa2;
	}
	
	#footer-information{
		padding:0px;
	}
	#footer-authors{
		padding:0px;
		margin:0px;
	}
	#header-left-text{
		display:inline-block;
	}
	/*table{
		margin:0px;
		max-width:320px;
		overflow:auto;	
	}

	td,tr{
		max-width:145px;
		overflow:hidden;
	}*/
	#page-conent-adv{

	}
	.order-button{
		width:200px;
	}
	.anchor{
		position:absolute;
		margin-top:-111px;
	}
	
	#order .col{
		float:none;
		width:100%; 
		text-align:left;
		clear:both;
	}
	
	.navbar-fixed .author-wrapper{
		display:	none;
	}
	
	.navbar h1, .navbar h2{
		font-size:	20px;
		line-height:	120%;
	}
}