/*######## Basic Style ########*/

body {
	font-family: "trebuchet ms", tahoma, sans-serif;
	font-size: 62.5%;
	color: #000;
	text-align: center;
	background: #FFF;
}

body, h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre, form, fieldset,legend {
	margin: 0;
	padding: 0;
}

p, li, div, h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 1em;
}

td {vertical-align:top}
ul {list-style:none}
img,fieldset {border:0}

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

.clearfix {display: inline-table;}
 /* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

img, div {
   behavior: url(iepngfix.htc);
}
/*######## End Basic Style ########*/

body {
margin: 0;
padding: 0;
background-color: #000033;
background-image: url(images/bgup.jpg);
background-repeat: repeat-x;
background-position: top;
font-family: Verdana, Arial, Times, san-serif;
}


#container{
margin: 0px auto;
width: 980px;
background-image: url(images/topimage.jpg);
background-position: top;
background-repeat: no-repeat;
}

#werbung{
float:right;
margin-top: 10px;
}
#werbung2{
float:center;
margin-top: 25px;
}
#werbung3{
float:center;
margin-top: 25px;
margin-left: 50px;
}
#head a{
text-decoration: none;
width: 840px;
height: 260px;
}

#head a.ext{
float:right;
background-position: 850px 0px;
background-repeat: no-repeat;
display:block;
height:140px;
width:151px;
border:0;
}

#myname{
padding-top: 60px;
width: 800px;
height: 80px;
text-align: right;
}

#myticker{
text-align: right;
}

#myticker b{
color:#ffffff;
}

#myticker2{
width: 800px;
float:right;
text-align: right;
}

#buchticker{
float:left;
width: 80px;
padding-top:100px;
color:#ffffff;
text-align: center;
}
#myticker2 b{
color:#ffffff;
}

#myname a {
font-family: Verdana, Arial, Times, san-serif;
font-size: 32px;
font-weight: bold;
color: #ffffff;
}

#myname b{
color: #ffffff;
}

#menu{
float:right;
width: 980px;
height: 62px;
text-align: right;
}

#menu2{
float:right;
width: 650px;
height: 30px;
text-align: right;
}

#menu ul, #menu2 ul{
float:right;
margin:0;
padding:0;
display: block;
padding-top: 30px;
}

#menu ul li, #menu2 ul li{
list-style-type: none;
display: inline;
margin-right: 14px;
}

#menu ul li a, #menu2 ul li a{
text-decoration: none;
font-family: Verdana, Arial, Times, san-serif;
font-size: 12px;
font-weight: bold;
color: #ffffff;
}

#menu ul li a:hover, #menu2 ul li a:hover{
color: #ff9900;
}

#umenu{
float:right;
width: 600px;
height: 20px;
text-align: center;
margin-right: 100px;
}

#umenu ul{
float:center;
margin:0;
padding:0;
display: block;
padding-top: 20px;
}

#umenu ul li{
list-style-type: none;
display: inline;
margin-right: 50px;
}

#umenu ul li a{
text-decoration: none;
font-family: Verdana, Arial, Times, san-serif;
font-size: 12px;
font-weight: bold;
color: #ffffff;
}

#umenu ul li a:hover{
color: #ff9900;
}

#blueline{
width: 980px;
height: 3px;
background-image: url(images/blueline.jpg);
background-repeat: repeat-x;
float: right;
}

#realbody{
margin-top: 10px;
width: 840px;
background-image: url(images/seaweed.jpg);
background-repeat: no-repeat;
background-position: bottom right;
float:left;
}

#verticalmenu{
width: 200px;
float: left;
overflow: hidden;
margin-bottom:10px;
}

h3{
font-family: Verdana, Arial, Times, san-serif;
font-size: 12px;
font-weight: bold;
color: #99ccff;
width:200px;
text-align:left;
margin:10px 0 10px 0;
}

#content h3{
margin-left:50px;
}

h2{
font-family: Verdana, Arial, Times, san-serif;
font-size: 12px;
font-weight: bold;
color: #99ccff;
width:200px;
text-align:left;
margin:10px 0 10px 0;
}

#verticalmenu ul li{
list-style-type: circle;
font-family: Verdana, Arial, Times, san-serif;
font-size: 10px;
color: #ffffff;
width:135px;
text-align:left;
margin:0 0 1px 30px;
}

#verticalmenu ul li a{
text-decoration: none;
font-family: Verdana, Arial, Times, san-serif;
font-size: 12px;
color: #ffffff;
width:125px;
}

#verticalmenu a.selected{
	color:#99ccff;
	text-decoration: none;	
}

#content a.linkselected{
	color:#99ccff;
	text-decoration: none;	
}

#verticalmenu a:hover{
color: #ff9900;
}

#verticalmenu ul li a:hover{
text-decoration: underline;
}

#content{
width: 640px;
float: left;
overflow: hidden;
min-height: 390px;
text-align:left;
}

#content p, #content li{
font-family: Verdana, Arial, Times, san-serif;
font-size: 12px;
color: #ffffff;
margin-left:50px;
}

#inhalt{
behavior: url(/rounded.htc);
background:#FFFFFF none repeat scroll 0 0 !important;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius:20px;
-o-border-radius: 20px;
border-radius: 20px;
}

#inhalt p, #inhalt h3{
color: #000000 !important;
padding-top:10px;
}

#content p{
margin-bottom:20px;
}

#kapitelnavi{
width: 600px;
font-family: Verdana, Arial, Times, san-serif;
font-size: 12px;
color: #ffffff;
}

.kommentar{
font-family: Verdana, Arial, Times, san-serif;
font-size: 12px;
color: #000000;
}

.kommentartext{
font-family: Verdana, Arial, Times, san-serif;
font-size: 12px;
color: #99ccff;
}

.klein{
text-decoration: none;
font-family: Verdana, Arial, Times, san-serif;
font-size: 10px;
color: #99ccff;
}

.bubble{
width: 400px;
height: 15px;
background-image: url(images/bubble.jpg);
background-repeat: no-repeat;
background-position: left;
}

#foot{
margin: 0px auto;
width: 980px;
height: 60px;
padding-top: 20px;
background-image: url(images/blueline.jpg);
background-repeat: repeat-x;
background-position: top;
clear: both;
}

#foot p{
text-align: right;
font-family: Verdana, Arial, Times, san-serif;
font-size: 10px;
color: #ffffff;
margin-bottom:20px;
}

#foot p a{
text-decoration: none;
font-family: Verdana, Arial, Times, san-serif;
font-size: 10px;
font-weight: bold;
color: #ffffff;
margin-left:15px;
}

#foot p a:hover{
font-family: Verdana, Arial, Times, san-serif;
font-size: 10px;
font-weight: bold;
color: #ff9900;
}

.imageleft{
padding: 5px;
border: 1px solid #99ccff;
background-color: #ffffff;
margin: 10px 10px 10px 0px;
float: left;
}

.imageright{
padding: 5px;
border: 1px solid #99ccff;
background-color: #ffffff;
margin: 10px 0px 10px 10px;
float: right;
}

a.link:link{
	color:#FFFFFF;
         text-decoration:none;
         font-size:13px;
		 text-align:left;
}

#profilebearbeiten{
	text-decoration: none;
	font-family: Verdana, Arial, Times, san-serif;
	font-size: 12px;	
	color: #ffffff;
	width:400px;
	margin:0;
	padding:0;
	float:left;
	text-align:left;
}

a.link:visited{
	color:#FFFFFF;
         text-decoration:none;
         font-size:13px;
}

a.link:hover{
	color:#FF9900;
         text-decoration:none;
         font-size:13px;
}

#menu ul li a.selected, #menu2 ul li a.selected{
	color:#99ccff;
}

#verticalmenu ul li a.marker b.marker{
	float:left;
	color:#99ccff;
}

#formular {
float:left;
font-family: Verdana, Arial, Times, san-serif;
font-size: 12px;
width: 640px
}

#kformular {
float:right;
font-family: Verdana, Arial, Times, san-serif;
font-size: 12px;
margin-right:25px;
/*width: 640px*/
}

#formular label{
float:left;
font-family: Verdana, Arial, Times, san-serif;
font-size: 12px;
color: #ffffff;	
width: 80px;
margin-bottom:3px;
cursor:pointer;
}

#kformular label{
float:left;
font-family: Verdana, Arial, Times, san-serif;
font-size: 12px;
color: #000000;	
width: 80px;
margin-bottom:3px;
cursor:pointer;
}

#formular select, #formular input, #formular textarea{
float:left;
font-family: Verdana, Arial, Times, san-serif;
font-size: 12px;
margin-bottom:3px;
width:475px;
background:#C0C0CC;
}

#kformular select, #kformular input, #kformular textarea{
float:left;
font-family: Verdana, Arial, Times, san-serif;
font-size: 12px;
margin-bottom:3px;
width:300px;
background:#C0C0CC;
}

#suchformular{
float:right;
margin:0;
width:460px;
text-align:right;
}

#suchformular #buttons{
font-family: Verdana, Arial, Times, san-serif;
font-size: 12px;
color: #000033;	
border:1px solid #99CCFF;
background-color: #6691FA;	
padding:0 3px;
margin-left:5px;;
width:auto;
}

#suchformular input{
font-family: Verdana, Arial, Times, san-serif;
font-size: 12px;
margin-bottom:3px;
width:270px;
background:#C0C0CC;
}

#formular input.security_code{
width:100px;
}

#formular label.security_hinweis{
width:250px;
margin-left:10px;
margin-top:3px;
}

#formular img.security_bild{
float:left;
margin-left:48px;
}

#formular p{
float:right;
font-weight: bold;
margin:0;
margin-bottom:3px;
width:475px;
}

#kformular p{
float:right;
font-weight: bold;
margin:0;
margin-bottom:3px;
width:475px;
}

#formular textarea{
height:500px;
text-align:left;
background:#C0C0CC url(/images/seaweed_text.jpg) 100% 100% no-repeat;
}

#kformular textarea{
height:100px;
text-align:left;
background:#C0C0CC url(/images/seaweed_text.jpg) 100% 100% no-repeat;
}

#formular textarea.kommentar{
height:125px;
text-align:left;
background:#C0C0CC url(/images/seaweed_text.jpg) 100% 100% no-repeat;
}

#formular textarea.suchwoerter{
height:75px;
text-align:left;
}

#formular select{
width:479px;
}

#formular br, .login, .register{
clear:both;
}

.login{
float:left;
}

#formular #kbuttons{
float:right;
font-family: Verdana, Arial, Times, san-serif;
font-size: 12px;
color: #000033;	
border:1px solid #99CCFF;
background-color: #6691FA;	
padding:0 3px;
width:auto;
margin-right:115px;
}

#kformular #kbuttons{
clear:both;
float:right;
font-family: Verdana, Arial, Times, san-serif;
font-size: 12px;
color: #000033;	
border:1px solid #99CCFF;
background-color: #6691FA;	
padding:0 3px;
width:auto;
}

fieldset{
border:0px;
}

.fieldlogin{
float:left;
}

.login, .register{
float:left;
font-family: Verdana, Arial, Times, san-serif;
font-size: 12px;
color: #ffffff;	
width: 425px;
margin-bottom:3px;
cursor:pointer;
}

.register textarea{
float:right;
font-family: Verdana, Arial, Times, san-serif;
font-size: 12px;
width:400px;
height:200px;
background:#ffffff;
}

.login label, .register label{
float:left;
font-family: Verdana, Arial, Times, san-serif;
font-size: 12px;
color: #ffffff;	
width: 80px;
margin-bottom:3px;
cursor:pointer;
}

.buttons{
float:right;
font-family: Verdana, Arial, Times, san-serif;
font-size: 12px;
color: #000033;	
border:1px solid #99CCFF;
background-color: #6691FA;	
padding:0 3px;
width:auto;
}

legend.bubble{
font-family: Verdana, Arial, Times, san-serif;
font-size: 12px;
font-weight: bold;
color: #99ccff;
padding: 20px 0 20px 70px;
}

h2.bubble{
width:640px;
clear:none;
font-family: Verdana, Arial, Times, san-serif;
font-size: 12px;
font-weight: bold;
color: #99ccff;
padding: 20px 0 20px 70px;
/*float:left;*/
}

a.ticker:link
{
	font-family: Verdana, Arial, Times, san-serif;
	color:#FFFFFF;
	text-decoration:none;
	font-size:10px;
}

a.ticker:visited
{
	font-family: Verdana, Arial, Times, san-serif;
	color:#99ccff;
	text-decoration:none;
	font-size:10px;
}

a.ticker:hover
{
	font-family: Verdana, Arial, Times, san-serif;
	color:#FF9900;
	text-decoration:underline;
	font-size:10px;
}
a.index:link
{
	font-family: Verdana, Arial, Times, san-serif;
	color:#99ccff;
	text-decoration:none;
	font-size:12px;
}

a.index:visited
{
	font-family: Verdana, Arial, Times, san-serif;
	color:#99ccff;
	text-decoration:none;
	font-size:12px;
}

a.index:hover
{
	font-family: Verdana, Arial, Times, san-serif;
	color:#FF9900;
	text-decoration:underline;
	font-size:12px;
}

a.index_klein:link
{
	font-family: Verdana, Arial, Times, san-serif;
	color:#99ccff;
	text-decoration:none;
	font-size:10px;
}

a.index_klein:visited
{
	font-family: Verdana, Arial, Times, san-serif;
	color:#99ccff;
	text-decoration:none;
	font-size:10px;
}

a.index_klein:hover
{
	font-family: Verdana, Arial, Times, san-serif;
	color:#FF9900;
	text-decoration:underline;
	font-size:10px;
}

a.orte:link
{
	font-family: Verdana, Arial, Times, san-serif;
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
}

a.orte:visited
{
	font-family: Verdana, Arial, Times, san-serif;
	color:#99ccff;
	text-decoration:none;
	font-size:12px;
}

a.orte:hover
{
	font-family: Verdana, Arial, Times, san-serif;
	color:#FF9900;
	text-decoration:underline;
	font-size:12px;
}

a.buchstabe:link
{
	color:#FFFFFF;
	text-decoration:none;
	font-size:13px;
	float:left;
	width:20px;
	background-color:#000033;
	text-align:center;
	border:1px solid #99CCFF;
	margin-right:1px;
	margin-bottom:1px;
}

a.buchstabe:visited
{
	color:#FFFFFF;
	text-decoration:none;
	font-size:13px;
	float:left;
	width:20px;
	background-color:#000033;
	text-align:center;
	border:1px solid #99CCFF;
	margin-right:1px;
	margin-bottom:1px;
}

a.buchstabe:hover
{
	color:#99CCFF;
	text-decoration:none;
	font-size:13px;
	float:left;
	width:20px;
	background-color:#000033;
	text-align:center;
	border:1px solid #99CCFF;
	margin-right:1px;
	margin-bottom:1px;
}

a.mark
{
	color:#99CCFF !important;
}

p.seitenliste
{
	text-align:center;
	margin:0 auto;
	font-size:13px;
	clear:both;
}

ul.kapitelnavi{
	width:600px;
}

#content ul.kapitelnavi li{	
	float:left;
	line-height:2.5em;
	white-space:nowrap;
	width:33%;
	margin:0;	
}

ul.kapitelnavi a.selected{
	color:#99ccff;
	text-decoration:none;
}

ul.kapitelnavi a:hover{
	color: #ff9900;
}

#suche{
	margin-top:10px;
}

dl#profile{
	text-decoration: none;
	font-family: Verdana, Arial, Times, san-serif;
	font-size: 12px;	
	color: #ffffff;
	width:400px;
	margin:0;
	padding:0;
}

dl#profile dt{
	float:left;
	text-decoration: none;
	font-family: Verdana, Arial, Times, san-serif;
	font-size: 12px;	
	font-weight: bold;
	width:170px;
	margin:0;
	padding:0;	
}

dl#profile dd{
	float:left;
	width:200px;
	margin:0;
	padding:0;
}

a#profil{
	text-decoration: none;
	float:right;
	text-align: right;	
	font-family: Verdana, Arial, Times, san-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	margin-top:10px;
	margin-right: 15px;	
}

a#profil:hover{
	color: #ff9900;
}

a#profil.selected{
	color:#99ccff;
	text-decoration:none;
}

a#link{
	text-decoration: none;
	float:left;
	text-align: left;	
	font-family: Verdana, Arial, Times, san-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	margin-top:10px;
	margin-right: 15px;	
}

a#link:hover{
	color: #ff9900;
}

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

.clearfix {display: inline-table;}
 /* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*Tags*/
p.tags {
    line-height: 2em !important;
    text-align: justify;
	margin-bottom: 2em;
	max-width: 100% !important;	
}
p.tags a, p.tags span {
    color: #FFF;
    margin-right: 0.5em;
	padding: .1em 0; /*IE*/
	text-decoration: none;
}

input#Zustimmung {
	width:2em;
	margin-left: 100px;	
}

/*  styles for the unit rater
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */

.ratingblock {
	color: #000;
	display:block;
	border-bottom:2px solid #6691FA;
	padding-bottom:8px;
	margin-bottom:8px;
	}

.loading {
	color: #000;
	height: 30px;
	background: url('rating/images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	color: #000;
	list-style:none;
	margin-left:50px;
	padding:0px;
	height: 30px;
	position: relative;
	background: url('rating/images/starrating.png') top left repeat-x;		
	}

.unit-rating li{
	color: #000;
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	color: #000;
	outline: none;
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('rating/images/starrating.png') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}	
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
	color: #000;
	margin-left:0px !important;
	background: url('rating/images/starrating.png') left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}	

.roundedcornr_box_144142 {
   background: #ffffff;
}
.roundedcornr_top_144142 div {
   background: url(images/roundedcornr_144142_tl.png) no-repeat top left;
}
.roundedcornr_top_144142 {
   background: url(images/roundedcornr_144142_tr.png) no-repeat top right;
}
.roundedcornr_bottom_144142 div {
   background: url(images/roundedcornr_144142_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_144142 {
   background: url(images/roundedcornr_144142_br.png) no-repeat bottom right;
}

.roundedcornr_top_144142 div, .roundedcornr_top_144142, 
.roundedcornr_bottom_144142 div, .roundedcornr_bottom_144142 {
   /*width: 100%;
	background: #ffffff;   
          float:right;*/
   width: 100%;
   height: 30px;
   font-size: 1px;	
}
.roundedcornr_content_144142 { 
	background: #ffffff;
	width: 100%;
	/*float: right;*/
	overflow: hidden;
	/*min-height: 390px;*/
	text-align:left;
	/*margin: 0 30px; */
	color: #000000;	
}
.roundedcornr_content_144142 p, .roundedcornr_content_144142 li {
	font-family: Verdana, Arial, Times, san-serif;
	font-size: 12px;
	color: #000000 !important;
	margin-right: 50px;	
}
.roundedcornr_box_826919 {
	background: url(images/roundedcornr_826919_tl.png) no-repeat top left;
}
.roundedcornr_top_826919 {
	background: url(images/roundedcornr_826919_tr.png) no-repeat top right;
}
.roundedcornr_bottom_826919 {
	background: url(images/roundedcornr_826919_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_826919 div {
	background: url(images/roundedcornr_826919_br.png) no-repeat bottom right;
}

.roundedcornr_top_826919 div,.roundedcornr_top_826919,
.roundedcornr_bottom_826919 div, .roundedcornr_bottom_826919 {
	width: 95%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_826919, .roundedcornr_bottom_826919 {
	margin-top: -19px;
}
.roundedcornr_content_826919 { 
    padding: 0 15px; 
	padding-top: 25px;
	padding-bottom: 25px;	
	}
.roundedcornr_content_826919 p, .roundedcornr_content_826919 li, .roundedcornr_content_826919 a {
	font-family: Verdana, Arial, Times, san-serif;
	color: #000000 !important;
}
.news { 
	margin-left:50px !important;
	font-family: Verdana, Arial, Times, san-serif; 
	font-size:12px; 
	margin: 5px; 
	width: 550px;
	border-bottom:3px groove #99CCFF;
	padding-bottom:10px;
}
.intro { 
	font-family: Verdana, Arial, Times, san-serif; 
	display: none; 
}
.intro h3{ 
	width: 550px;
	font-family: Verdana, Arial, Times, san-serif; 
	margin-left:0px !important;
}
.text { 
	font-family: Verdana, Arial, Times, san-serif; 
	width: 550px;
	min-height: 170px;
}
.text h3{ 
	margin-left:0px !important;
	font-family: Verdana, Arial, Times, san-serif; 
	width: 550px;
}

#amzn_wdgt_t_8002_0{
	float:right;
	margin-top:-60px;
}
div.slider {
	width: 200px;
	height: 30px;
	background-position:center;
	background: url(i/mages/old_bkg_slider.gif) 0 center repeat-x;
	float:left;
}
div.slider div.knob {
	background: url(/images/slider_knob.png) 0 center repeat-x;
	width: 30px;
	height: 30px;
}
div.leseleiste{
	width:400px;
}

#marker{
	margin-left:220px;
}
