/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
body { word-wrap: break-word; }
/*Theme Name: 154sax - Theme URI: http://154sax.com/
Description: Theme for Anna & her Friends - Killin’… we are online. Let’s conquer the world! Copyright Grafik & CSS by Netmuc-Webdesign

/*General*/
#error {display: none;}
html {font-size: 100%; /* IE Hack */ color: #000; margin: 0; padding: 0;}
body { color: #ff9; font: 90%/1.4em Verdana, Helvetica, sans-serif; background-color: #283810; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1.2em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin: 20px 0 0; padding: 0; border-bottom: 1px dotted #996; }
a img { border: none; }
a, a:link, a.visited { color: #fc6; text-decoration: none; }
a:hover { color: #ff9; text-decoration: underline; }
fieldset { border: none; margin: 0; padding: 0; }
/*The Layers */
#print { background-color: #302721; width: 0; height: 0; visibility: hidden; padding-bottom: 20px; }
#address { font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; position: absolute; height: 0; visibility: hidden; }
.gotop { color: #ffffe0; background-color: #000; background-image: url(img/top.gif); background-repeat: no-repeat; background-position: right 0; text-decoration: none; text-align: right; width: 100%; float: right; padding: 20px 2px 20px 20px; }
#skipper { font-size: 90%; display:block; font-weight: bold; text-indent: -600em; text-decoration: none; text-align: center; z-index: 3; }
#skipper:focus, #skipper:hover, #skipper:active {text-indent: 3em; background: #fc6; color: #283810;}
#container { background-color: #283810; text-align: left; position: relative; width: 800px; z-index: 1; margin-right: auto; margin-bottom: 60px; margin-left: auto; padding-right: 40px; padding-left: 20px; border: solid 1px #66764f; }
#menu { top: 0; right: 0; width: 520px; height: 20px; float: right; border-bottom: 1px solid #66764f; }
#menu ul, #footer ul { font-size: 80%; margin: 0; padding: 0; list-style-type: none; display: inline; }
#menu li, #footer li { margin-right: 20px; display: inline; }
#teaser { color: #283811; font-size: 90%; background-color: #ff9; text-align: left; width: 420px; z-index: 3; float: left; margin-top: 10px; margin-left: 80px; padding: 20px; list-style-type: none; }
#teaser h1 { font-size: 1.8em; margin-top: 2px; padding: 0; border-bottom-style: none; }
#teaser a { color: #c60; }
#teaser a:hover { color: #283811; }
#teaser ul { list-style-image: url(img/quadrat.png); }
#starter { width: 450px; z-index: 3; float: left; margin-top: 40px; margin-left: 80px; }
#starter p { color: #996; font-size: 70%; font-weight: normal; margin-top: 30px; margin-bottom: 30px; }
#sidebar { color: #996; font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: normal; background-color: #394b1d; text-align: left; top: 20px; width: 220px; z-index: 10; float: left; padding-right: 10px; padding-left: 10px; }
.sidebar { color: #ff9; font-size: 1.6em; font-weight: normal; margin: 25px 0 5px; padding: 0; border-bottom-style: none; }
#sidebar h6 { font-size: 1em; margin-top: 10px; border-bottom-style: none; }
#sidebar ul, #sidebar li { margin: 0 0 5px; padding: 0; list-style-type: none; }
#sidebar ul { margin-bottom: 20px; }
/*to center page*/
#content { z-index: 2; clear: both; margin-top: 60px; padding: 40px; }
#contentsolo { color: #000; background-color: #fff; padding: 40px; }
#footer { font-size: 80%; width: 100%; height: 20px; margin-top: 60px; border-top: 1px solid #66764f; }
#flash { margin: 0; padding-top: 0; padding-bottom: 30px; }
/*the classes*/
.adresse { color: #302721; font-size: 0.9em; background-color: #bbb9cf; width: 90%; margin-top: 100px; margin-left: 6px; padding: 2px 2px 20px 4px; display: block; }
.alignright { float: right ; padding-left: 10px; }
.alignleft { float: left ; margin-right: 20px; }
.center {text-align: center; }
.info { font-size: smaller; }
.rucksowi150 { margin-top: 220px; }
.rucksowi50 { margin-top: 50px; }
.playlist { font-size: 85%; text-align: right; letter-spacing: 1px; float: left; }
.playlist li { margin: 0; padding: 0; list-style-type: none; }
.namelist li { list-style-type: none; margin: 0; padding: 0; }
/* Begin special WP-Layouts  */
.more-link { color: #000; font-size: 80%; text-align: right; clear: both; padding: 0 0 0 20px; display: block; }
.invisible {position:absolute;left:-3999px;width:999px;height:0px; }
.post { width: 100%; margin: 0; padding: 0; }
/*Für den IE 6.0 hält variable Höhe (Holly Hack)*/
/* Hides from IE5-mac \*/
* html #info1 {height: 1%;}
/* End hide from IE5-mac */