@import url(nav.css);
* { margin: 0; padding: 0; }

html, body{ background:url(../img/bg.jpg) repeat-x; color: #333; font: normal 11px/2em Verdana, Arial, Helvetica, sans-serif;} 
#page { position:relative; padding:0; width:660px; margin:0 auto 0 auto; }
img {border-style:none;}

#left{ width:660px;  float:left; position:relative; margin:0; background: transparent url(../img/bg-left.jpg) repeat-y;}
#left p { line-height:13px; margin: 10px 0 5px 20px; padding-right:5px; }
#left a { text-decoration:underline; }
#left a:link { color:#333;}
#left a:visited { color:#333;}
#left a:hover {text-decoration:underline;}
#right{ float: right; display:inline; position: relative; margin-top:50px; width:660px; }
.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 */
.point {background-image:url(../img/point.gif);background-repeat:no-repeat; padding-left:5px;}

#galleryleft { margin: -255px 0 0 20px; list-style-type:none; overflow:hidden; width:60px; height:255px;}
#gallerymiddle { margin: 10px 0 0 230px; list-style-type:none; overflow:hidden; width:60px; height:255px;}
#galleryright { margin: -255px 0 0 430px; list-style-type:none; overflow:hidden; width:60px; height:255px;}

#galleryleft li, #gallerymiddle li, #galleryright li { float:left; }
#galleryleft li a, #gallerymiddle li a, #galleryright li a { display:block; height:10px; width:60px; float:left; text-decoration:none; cursor:default; }
#galleryleft li a img, #gallerymiddle li a img, #galleryright li a img { width:60px; height:15px; border:0; }
#galleryleft li a:hover, #gallerymiddle li a:hover, #galleryright li a:hover { background:#eee; height:80px; }
#galleryleft li a:hover img, #gallerymiddle li a:hover img, #galleryright li a:hover img { height:80px; }
.line span p {color:#fffef2;}

a:hover.line span p { color:#333;}
a:hover.line span {position:absolute; background:transparent; color:#ccc; padding-top:15px;}

#footer { position: relative; width: 660px; height: 90px; background: transparent url(../img/footer.jpg) no-repeat; }
#footer a { color:#333; margin-left: 100px; }
.footerm { margin-left: 100px; }

input, select, textarea { border: 1px solid #878787; background: #fff; color: #333; font: 10px verdana, sans-serif; padding: 3px; margin: 0 0 2px 0;} 
input.checkbox { border: 0 }
input.button { background: #f4f5f6; color: #333 }
#content, #pages { font-size: 1.0em }
.seite {margin:0 0 0 20px;}
.pages { text-align: center }
.pages a { background: #f4f5f6; color: #333; border: 1px solid #878787; margin: 0 3px; padding: 1px 5px 3px 5px; text-decoration: none; }
.pages a:hover { background: #ddd; color: #333 }
a.active { background: #ddd; color: #333; cursor: text }
.even {	color: #333; padding: 15px; }
.odd { color: #333; padding: 15px; }
.last { border: 0 }
p.header { text-align: left }
ul.rules, ul.admin, ul.features, ul.install { list-style: none;	padding: 10px 0 0 20px }
th.first { border-top: 0 }
td.left { width: 70%; border-bottom: 1px solid #f4f5f6; text-align: left; }
td.right { width: 20%; border-bottom: 1px solid #f4f5f6 }
tr.last td { border: 0 }

h1 { font-size:11px; margin: 10px 0 5px 20px; padding-right:5px; color: #377BA8;}
h2 { font-size:12px; margin: 10px 0 5px 20px; padding-right:5px; }
h3 { font-size:13px; color: #ff0000; margin: 10px 0 5px 20px; padding-right:5px; }