@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }
	
#bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

body {margin: 0 auto;}
img {border:none;}
img a {border:none;}
		
#page-wrap {border: 1px solid #F60; position: absolute; left:30%; width: 650px; margin: 50px auto; padding: 15px; background: white; -moz-box-shadow: 0 0 2px black; -webkit-box-shadow: 0 0 2px black; box-shadow: 0 0 2px black; font-family:"Courier New", Courier, monospace;}
#header { text-align:right; color:#000; text-transform:uppercase; margin-top:20px;}
#header h1 { color:#000; font-size:20px; text-transform:uppercase; font-weight:normal;}
#header .orange { color:#F60; font-size:20px; text-transform:uppercase;padding-top:30px; font-weight:normal;}
#navi { text-align:left; color:#000; font-size:12px; margin-bottom:40px;}
#navi a{ color:#000; font-size:12px; text-decoration:none; margin: 0px 10px 10px 0px; padding:3px;}
#navi a:hover{ color:#FFF; background-color:#F60; font-size:12px; text-decoration:none; margin: 0px 5px 10px 5px; padding:3px;}
#navi .active{ color:#FFF; background-color:#F60; font-size:12px; text-decoration:none; margin: 0px 5px 10px 5px; padding:3px;}
#content {margin:10px; width:600px;}


.clearer {clear:both;}
.spacer-o {height:2px; background-color:#F60; margin:5px 0px 10px 0px;}


.textbox {margin:10px; width:280px; float:left; height:150px;}
.textbox h2 {font-size:14px; margin:0px 0px 15px 0px;}
.textbox p {font-size:12px; margin:0px;}
.textbox a{ color:#f60; font-size:12px; text-decoration:none; padding:3px;}
.textbox a:hover{ color:#FFF; background-color:#F60; font-size:12px; text-decoration:none; padding:3px;}

.morebox {margin: 20px 10px; width:600px; float:left; font-size:13px;}
.morebox a{ color:#f60; font-size:12px; text-decoration:none; padding:3px;}
.morebox a:hover{ color:#FFF; background-color:#F60; font-size:12px; text-decoration:none; padding:3px;}

.imagebox {margin:10px; width:150px; float:left; height:192px;}
.textbox-large {font-size:12px; margin:10px; width:410px; float:left; height:350px;}
.textbox-large h2 {font-size:14px; margin:0px 0px 15px 0px;}
.textbox-large p {font-size:12px; margin:10px 0px 10px 0px;}

.imagebox-buch {margin:10px; width:226px; float:left;}
.textbox-buch {font-size:12px; margin:10px; width:334px; float:left; height:90px;}
.textbox-buch h2 {font-size:14px; margin:0px 0px 15px 0px;}
.textbox-buch p {font-size:12px; margin:0px; margin:10px 0px 10px 0px;}
.textbox-quote {font-size:12px; width:600px; float:left; margin: 10px 10px 30px 10px;}
.textbox-quote h2 {font-size:14px; margin:25px 0px 15px 0px;}
.textbox-quote p {font-size:12px; margin:10px 0px 10px 0px;}
.textbox-quote span {font-size:11px; color:#F60;}
.textbox-quote .grey {font-size:11px; color:#666;}
.textbox-quote a{ color:#f60; font-size:12px; text-decoration:none; padding:3px; margin: 0px 10px 10px 0px;}
.textbox-quote a:hover{ color:#FFF; background-color:#F60; font-size:12px; text-decoration:none; padding:3px;}

.social {position:absolute; right:15px; top:70px;}
.social img {border:none; margin-bottom:5px;}
.social a{ text-decoration:none; padding:0px; margin: 0px 0px 0px 5px;}
.social a:hover{ background-color:#FFF;text-decoration:none; padding:0px;}