@charset "UTF-8";

html,body {
	margin:0;
	padding:0;
	text-align:center;
}

body {
	font-family:"Lucida Grande",Arial,sans-serif;
}

/* Schriftgrößen */
body {
	font-size:72%;
	/*line-height:139%;*/
}

h1 {
	font-size:200%;
}

h2 {
	font-size:150%;
}

h3 {
	font-size:117%;
}

h3.searchForm {
	font-size:100%;
}

.yearLinks a {
	margin-right: 10px;
	text-decoration: none !important;
	color: #000;
	font-weight: bold;
}

div.socialmedia {
	float: right;
	padding-top: 1em;
}

#leftbar h2,
#rightbar h2,
#infobar h2,
.bar h2 {
	font-size:122%;
}

#leftbar h3,
#rightbar h3,
#footer h3,
.bar h3,
.paneContent .pageNumber,
.paneContent table,
.normal {
	font-size:100%;
}

.products a {
	text-decoration: none !important;
}

#infobar, .small, .products, .paneContent .products {
	font-size:80%;
}

.normal {
	font-size:100%;
}

.r {
	text-align:right;
}

/* Farben */
.lightBlueBG,
.paneContent.contents th,
.paneContent .ruler,
.paneContent .editorial, input[type=submit] {
	background-color:#eaf4fa;
}

.lightGreyBG {
	background-color:#f1f1f1;
}

.blue {
	color:#80c1e1;
}

.blueBG,
ul#linklist {
	color:#fff;
	background-color:#80c1e1;
}

.greyBG {
	background-color:#4c4c4c;
}

.darkBlue,
#content .darkBlue a,
.paneContent .ruler a,
.bar h3,
.paneContent.contents.annual table .r a,
.paneContent .years a, .blogentry h3 a {
	color:#1b5774;
}

.darkBlueBG,
.paneContent .years .active,
.paneContent .years .active a,
.paneContent ul.pagebar,
.paneContent ul.pagebar a {
	color:#fff;
	background-color:#1b5774;
}

/* spezielle Formate */
a {
	color:#000;
}

a,
a.nul,
#content a.nul,
.bar a,
#content .bar a,
#content .paneContent ul.pagebar a,
#content .paneContent .years a {
	text-decoration:none;
}

a.button, #content a.button, input[type=submit] {
	text-decoration:none;
	padding:0.2em 0.5em;
}

a.button.small,
.small a.button,
#content a.button.small,
#content .small a.button {
	padding:0.4em 1em;
}

a img {
	border:0;
}

p.error, label.error {
	color:#cb006a;
	font-weight:bold;
}

fieldset {
	background-color:#E4F1F5;
	border:1px solid #A7C5D7;
	margin:6px 16px 10px 13px;
	padding:10px;
}

h1,h2,h3,h4,p,ul {
	margin:0 0 0.5em 0;
}

h1,h2,p {
	padding:0;
}

img.border {
	border:1px solid #4c4c4c;
}

/* Do not add input[type=submit] here - the submit-class is for the administration interface only */
input.submit {
	background-color:#CD206B;
	border:2px solid #FFF;
	color:#FFF;
	font-weight:700;
	padding:2px 10px;
}

input[type=submit] {
   border: 0;
}

select {
	border:1px solid #6FADC7;
	background-color: #FFF;
	color: #000;
}

input.text, input[type=text], input[type=password] {
	background-color:#FFF;
	border:1px solid #6FADC7;
	color:#6FADC7;
	margin-bottom:5px;
	padding:2px 5px;
}

input.text:focus, input[type=text]:focus, input[type=password]:focus {
	background-color:#FFF;
	border:1px solid #333;
	color:#333;
}

label,form span.label {
	clear:both;
	float:left;
	padding-top:4px;
	width:200px;
}

legend {
	color:#6FADC7;
}

ul li {
	padding:0 0 0.5em 0;
}

ul.nolist,ul.nolist li {
	margin:0;
	padding:0;
	list-style:none;
}

#canvas {
	width:1080px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#container,#index {
	position:relative;
}

#header {
	position:relative;
	margin:1em 0 1em 0;
	padding:0;
	background-color:#eaf4fa;
	height:80px;
	/*border-top:1px solid #8E9396;*/
}

#header,#container,#index {
	width:900px;
}

#header h1 {
	position:absolute;
	top:26px;
	left:20px;
	padding:0;

	width:393px;
	height:40px;
	background:transparent url("../img/head_title.gif") 0 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#header h1 a {
	display:block;
	height:40px;
	overflow:hidden;
}

#header h1 a:hover {
	text-decoration:none;
}

#header ul, #header ul li {
	list-style:none;
	margin:0;
	padding:0;
}

#header li,#header li a {
	text-indent:-9999px;
	height:26px;
	overflow:hidden;
}

#header ul li a {
	display:block;
}

#header ul {
	position:absolute;
	left:444px;
	top:32px;
	width:435px;
	height:26px;

	margin:0;
	padding:0;
	background:transparent url("../img/head_navi.gif") 0 0 no-repeat;
}

#header ul li#magazine {
	position:absolute;
	top:0;
	left:0;
	width:154px;
}

#header ul li#magazine.active {
	background:transparent url("../img/head_navi.gif") 0 -26px no-repeat;
}

#header ul li#blog {
	position:absolute;
	top:0;
	left:179px;
	width:121px;
}

#header ul li#blog.active {
	background:transparent url("../img/head_navi.gif") -179px -26px no-repeat;
}

#header ul li#book {
	position:absolute;
	top:0;
	left:333px;
	width:102px;
}

#header ul li#book.active {
	background:transparent url("../img/head_navi.gif") -333px -26px no-repeat;
}

#leftbar {
	position:absolute;
	left:1%;
	top:0;
	width:20%;
	/*padding-top:2em;*/
}

#leftbar ul,#leftbar li,
.bar ul,.bar ul li {
	list-style:none;
}

#leftbar ul,
.bar ul {
	margin:0;
	padding:0;
}

#index #leftbar {
	float:left;
	left:auto;
	top:auto;
	width:240px;
	padding-top:0;
}

#index #rightbar {
	float:right;
	width:240px;
}

#index #leftbar table,
#index #rightbar table {
	margin:0 1em 1em 1em;
	padding:0;
}

#index #leftbar td,
#index #rightbar td {
	padding-bottom:1em;
	vertical-align:top;
}

#index #leftbar td p,
#index #rightbar td p {
	padding-bottom:0;
	margin-bottom:0.2em;
}

#navi {
	margin:1em 0;
}

#navi h2 {
	color:#80c1e0;
	font-weight:normal;
	margin:1em 0 0.5em 0;
	padding:0 0.8em;
}

#navi h2, #navi h2 a {
	color:#1b5774;
}

a.hover {
	text-decoration: none !important;
}

#leftbar .active, #leftbar .active a, #leftbar #navi li:hover, #leftbar #appletPage li:hover, h2.blog a:hover, div.blogentry h3 a:hover, .blogoverview a:hover, #content .lightGreyBG div a:hover, .products a:hover, .paneContent table.small a:hover, #navi h2:hover, .yearLinks a:hover, .premieres a:hover, .hover:hover {
	color:#fff !important;
	background-color:#1b5774;
}

#navi li:hover a, #leftbar #appletPage li:hover a, #navi h2:hover a {
	color:#fff;
}

#navi ul li {
	padding:0 1em;
}
/*
#navi ul li.active,#navi ul li.active a {
	color:#fff;
	background-color:#80c1e0;
}
*/
#appletCart {
	border:1px solid #4c4c4c;
	background-color:#eaf4fa;
	padding:1.5em 0 0.2em 0;
	margin:0 0 2em 0;
}

#appletCart p {
	padding:0 1em;
}

#appletCart a {
	text-decoration:underline;
}

#appletSearch {
	padding:0;
	margin:0;
	margin-bottom: 2em;
}

#appletSearch .submit {
	float:right;
	width:40%;
	border:0;
	background-color:#80c1e3;
	color:#fff;
	font-size: 9pt;
	height: 2em;
	padding-top: 0;
}

#appletSearch p {
	display:block;
	width:59%;
	margin-right:40%;
	line-height:1em;
	text-align:right;
}

#appletSearch p input {
	padding:0.2em 0;
	border:1px solid #4c4c4c;
	width:98%;
}

#appletSearch p .small {
	color:#80c1e1;
}

#appletPage {
	padding:1.5em 1em 1em 1em;
}

#appletPage {
	margin-bottom: 1.5em;
}

.fbsuggest {
	margin-bottom: 1em;
}

#appletPage p.intro {
	padding-left:0.8em;
	background:transparent url('../img/phone.gif') no-repeat;
	font-weight:bold;
	line-height:120%;
}

#appletPage ul {
	margin:1em 0 0 0;
}

#appletPage ul li.active {
	font-weight:bold;
}

#userstatusbar {
	float:right;
	text-align:right;
}

#content {
	margin-left:22%;
}

#index #content {
	margin:0 235px;
	padding:0 2em;
}

#content a {
	text-decoration:underline;
}

#footer {
	clear:both;
	margin-left:22%;
	padding-top:1em;
}

#infobar {
	float:left;
	width:200px;
	background-color:#c4e1f1;
}

#infobar h2 {
	margin:2em 0 1.5em 0;
}

#infobar h2.fullleft span {
	padding:0.2em 0.5em 0.2em 2em;
}

#infobar img {
	margin-bottom:1em;
}

#infobar p,#infobar dl{
	padding:0 2em;
}

#infobar p.fullleft,
.bar p.fullleft ,
.paneContent p.fullleft {
	padding-left:0;
}

#infobar p.fullleft a,
.bar p.fullleft a,
.paneContent p.fullleft a {
	padding-left:2em;
}

#content .paneContent p.fullleft a {
	padding-left:1.2em;
}

#infobar p.fullright,
.bar p.fullright,
.paneContent p.fullright {
	padding-right:0;
}

#infobar .price,.paneContent .price {
	display:block;
	font-size:140%;
	font-weight:bold;
	padding-top:0.1em;
}

#infobar .order {
	margin-top:1.5em;
}

#infobar .order a,.paneContent .order a {
	float:right;
}

#infobar dt,#infobar dd {
	margin:0;
	padding:0;
}

#infobar dt {
	display:block;
	font-weight:normal;
}

#infobar dd {
	display:block;
	font-style:italic;
	margin-bottom:1em;
}

#hasinfobar {
	margin-left:220px;
	clear:right;
}

ul#linklist,
ul#linklist li {
	list-style:none;
}

ul#linklist {
	margin:0 0 1em 0;
	width:40%;
	height:12em;
	padding:0.5em 1.5em 0.5em 1.5em;
}

ul#linklist li {
	margin:0.5em auto;
}

ul#linklist a {
	color:#fff;
	text-decoration:none;
}

ul.searchresult {
	list-style:none;
	padding:0;
	margin:0;
}

ul.searchresult.contents li {
	clear:left;
	padding-top:0.5em;
}

ul.searchresult.contents li a.cover {
	float:left;
}

ul.searchresult.contents li p {
	margin-left:55px;
}

.bar {
	padding:1.5em 0 0.5em 0;
	margin-bottom: 1.5em;
}

.fblike .fb_iframe_widget span iframe {
	height: 250px !important;
}

.bar h2  {
	padding:0 0.2em 0 1.2em;
}

.bar h3,
.bar p,
.bar ul {
	padding:0 1.5em 0 1.5em;
}

.premieres h3 {
	font-size:122% !important;
	padding:0 0.2em 0 1.2em !important;
}
.premieres h4 {
	font-size:100% !important;
	margin-top:1.5em;
	padding:0 1.5em 0 1.5em !important;
	color:#1b5774 !important;
}


#leftbar .paneTitle,
#rightbar .paneTitle,
.paneTitle {
	font-size:1em;
	font-weight:normal;
	padding-left:1em;
}

#content .paneTitle a,
.paneTitle a,
.paneTitle span {
	padding:0.5em 1em;
	text-decoration:none;

	color:#fff;
	background-color:#80c1e0;
	border-bottom:1px solid #80c1e0;
}

.paneContent {
	border:1px solid #8e9396;
	padding:1.5em 0;
	margin-bottom:1.5em;
}

.paneContent .hr {
	border-bottom:1px solid #8e9396;
	padding-left:0;
	margin-left:1.2em;
	margin-bottom:2em;
	clear:both;
}

.paneContent h2,
#infobar h2  {
	padding:0 0.2em 0 0.80em;
}

.paneContent h3 {
	padding:0 1em;
}

.paneContent h4 {
	padding:0 1em;
}

.paneContent h2.fullleft,
.paneContent h3.fullleft,
#infobar h2.fullleft {
	padding:0;
	font-weight:normal;
}

.paneContent h2.fullleft span,
.paneContent h3.fullleft span {
	padding:0.2em 0.5em 0.2em 1.2em;
}

.paneContent p,
.paneContent ul,
.paneContent dl {
	padding:0 1.2em;
}

.paneContent ul {
	padding-bottom:1em;
}

.paneContent table.books {
	float:right;
	margin:0 1em 1em 0;
	padding:0;
	min-width:200px;
}

.paneContent table.books td {
	text-align:right;
	padding:0 0 0 0.5em;
}

.paneContent.contents .years {
	margin:0.5em 0;
	clear:left;
	background-color:#fff;
	width:100%;
}

.paneContent.contents table.years {
	border-spacing:0;
}

.paneContent.contents .years td {
	width:25%;
	padding:0.5em 0;
	text-align:center;
}

.paneContent .products {
	margin:2.5em 1.5em;
	padding:0;
}

.paneContent table.products {
	margin:2em 0 2em 1.5em;
}

.paneContent table.products td {
	padding:0 1em 1.5em 0;
	vertical-align:top;
}

.paneContent table.products td img.border {
	margin-bottom:0.5em;
}

.paneContent .products.row3 a,
.paneContent .products.row4 a {
	float:left;
}

.paneContent .products.row3 p,
.paneContent .products.row4 p {
	padding-left:60px;
}

.paneContent table.products.row3 td {
	width:32%;
}

.paneContent table.products.row4 td {
	width:24%;
}

.paneContent table.products.row5 td {
	width:19%;
}

.paneContent .products.flat,
.paneContent table.products.flat td {
	margin-bottom:0;
	padding-bottom:0;
}

.paneContent.cart table {
	width:96%;
	margin-left:2%;
}

.paneContent.cart table td {
	padding-bottom:0.5em;
	padding-top:0.2em;
}

.paneContent.cart table td.r {
	width:5em;
}

.paneContent.cart table td .cover {
	float:left;
}

.paneContent.cart table td p {
	padding-left:80px;
}

.paneContent.cart table tr.intersum td {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	font-weight:bold;
}

.paneContent.cart table tr.sum td {
	border-top:3px double #000;
	font-weight:bold;
	padding-bottom:0;
}

.paneContent .pageNumber {
	float:right;
	padding-left:3em;
	font-weight:normal;
}

.paneContent .ruler {
	clear:left;
	padding:0.5em 1.2em;
}

.paneContent .ruler {
	margin:2em 0 1em 0;
}

.paneContent .ruler h3 {
	font-size:1em;
}

.paneContent .ruler a {
	font-weight:bold;
	padding-left:3em;
}

.paneContent .ruler h3 a {
	padding-left: 0;
	text-decoration: none !important;
	color: #000;
}

.paneContent .footer {
	clear:right;
	text-align:right;
}

.paneContent .footer a,
.paneContent a.boldLink {
	color:#80c1e0;
	font-weight:bold;
}

.paneContent.contents {
	margin-top:7em;
}

.paneContent.contents table {
	border-spacing:0;
}

.paneContent table thead {
	display:none;
}

.paneContent.contents th,
.paneContent.contents td {
	text-align:left;
	padding:0.5em 1.2em;
	vertical-align:top;
}

.paneContent.contents table .r {
	font-weight:normal;
	padding-left:0;
	text-align:right;
	width:7em;
}

.paneContent.contents.annual table .r {
	width:10em;
}

.paneContent dl dt {
	float:left;
	width:7em;
}

.paneContent dl dd {
	margin-left:7.5em;
}

.paneContent dl.multiline dt {
	float:none;
	width:auto;
	font-weight:bold;
}

.paneContent dl.multiline dd {
	margin:0 0 0.5em 0;
}

.paneContent h2.blog {
	font-size:1em;
	padding:0.5em 1.5em;
	margin-top:2em;
	margin-bottom:1.2em;
}

h2.blog a, div.blogentry h3 a, .blogoverview a {
	text-decoration: none !important;
}

.paneContent ul.pagebar {
	padding:0.2em 7em 0.2em 1.5em;
	list-style:none;
	display:inline;
}

.paneContent ul.pagebar li {
	display:inline;
}

.paneContent ul.pagebar li.active {
	font-size:1.2em;
}

.paneContent .editorial {
	margin-left:68%;
	margin-right:1em;
	padding:0.2em 1em;
}

.blogentry {
	padding:0 1.2em;
}

.blogentry img,
.blogentry a.img {
	float:left;
}

.blogentry p img,
.blogentry a img {
	float:none;
}

.blogentry h2,
.blogentry h3,
.blogentry h4,
.blogentry p,
.blogcomments {
	margin-left:65px;
	padding-left:0;
}

.blogcomments {
	margin-left:0;
	padding-left:65px;
	padding-top: 3em;
}

form p.addresslist, form ul.addresslist {
	position:relative;
	padding-left:3.5em;
	width:90%;
}

form p.addresslist label {
	float:none;
}

form p.addresslist input {
	position:absolute;
	left:1em;
	top:0;
}

div.googleads {
	text-align:center;
}

.ad {
	font-size:10px;
}

.ad img {
	border: 1px solid #8E9396;
}

#banner {
	position:relative;
	width:900px;
	height:72px;
	margin-top:1em;
}

#banner .ad {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:72px;
}

#skyscraper {
	width:162px;
	position:absolute;
	top:68px;
	right:0;
}

#infobar #infobanner {
	background-color:#fff;
	margin-top:1em;
	padding-top:1.5em;
}