html, body{height:100%; margin:0; padding:0}
body, a, p, div, input, select, textarea{font-family: "Trebuchet MS", Georgia, Times, serif; font-size: 11pt; color: #cccccc}
body {background: #000 url(../img/backgrounds/bg.png)}

a {font-size:100%; letter-spacing: 0.2pt; color: #eee; text-decoration: underline; outline:none}
a:hover {color: #da0}
a:aktiv {text-decoration: none}

input, textarea {background:none; border:1px solid #aaa; color:#ddd}
#contact input, #contact textarea {width:420px}

a.button {text-align:center; text-decoration:none;}

#container {background: url(../img/backgrounds/main-bg.png) top repeat-x; min-width:100px }

#header, #content, #sekundenbruchteil, #footer, #okCMS {margin-left:2%; width:96%; min-width:1000px}

#header {height:135px;}
#logo {float:left}
#menu {float:right; padding:0 40px 0 0}
#menu a {margin: 10px 5px 0 5px; padding:90px 10px 0 10px; background: center no-repeat; text-decoration:none; font-weight:normal; color:#ccc; font-size:90%; display:inline-block}
#menu a:hover {color:#fff}
#menu a.galerie {background-image:url(../img/icons/gallery.png)}
#menu a.galerie:hover {background-image:url(../img/icons/gallery_h.png)}
#menu a.ueber-mich {background-image:url(../img/icons/about.png)}
#menu a.ueber-mich:hover {background-image:url(../img/icons/about_h.png)}
#menu a.kontakt {background-image:url(../img/icons/contact.png)}
#menu a.kontakt:hover {background-image:url(../img/icons/contact_h.png)}
#menu a.vip-zone {background-image:url(../img/icons/vip-zone.png)}
#menu a.vip-zone:hover {background-image:url(../img/icons/vip-zone_h.png)}

#content {height:auto; width:94%; margin-left:3%; min-height:500px; padding: 20px 0 30px 0}

#footer {position:relative; clear:both; padding: 10px 0 0 0; border-top: #666 1px solid}
#menu-bottom {float:left}
#menu-bottom a {padding:5px; font-size:85%; text-decoration:none; color:#aaa}
#menu-bottom a:hover {color:#fff}

#copyright{float:right; font-size:85%}

#gallerys {text-align:center}
#gallerys a {display:inline-block; background: url(../img/backgrounds/box-gradient.png) bottom repeat-x; width:180px; height:160px; border: #666 1px solid; padding:10px; text-align:center; text-decoration:none; vertical-align:middle; margin:15px; font-weight:normal; overflow:hidden}
#gallerys a:hover {margin:20px 10px 5px 15px; padding: 10px 12px 10px 13px; height:165px; border-color:#860}
#gallerys img {margin:5px; border: #999 1px solid}

#gallery {text-align:center}
#gallery a {display:inline-block; background: url(../img/backgrounds/box-gradient.png) bottom repeat-x; width:180px; height:160px; border: #666 1px solid; padding:10px; text-align:center; text-decoration:none; vertical-align:middle; margin:15px; font-weight:normal; overflow:hidden}
#gallery a:hover {margin:20px 10px 5px 15px; padding: 10px 12px 10px 13px; height:165px; border-color:#860}
#gallery img {margin:5px; border: #999 1px solid}
#gallery .name {color:#da0; font-size:85%; height:35px; margin:0; padding:0; display:block; overflow:hidden; font-weight:bold}

#galery1 {margin-bottom:25px; text-align:center}

#galery1 div.overlay {background:url(../img/blank.gif); width:100%; height:600px; margin-bottom:-600px; z-index:999; position:relative}
#galery1 div.preview {z-index:10; text-align:center; vertical-align:top; background: url(../img/ajax-loader.gif) center no-repeat}
#galery1 a.selected { border:#c90 1px solid}
#bigImage {border: 5px solid #fff}
#text {text-align:center; height:40px; font-size:130%; margin:10px 0 0 0}

#pageSelector {text-align:center; margin-bottom:20px}
#pageSelector a {font-size: 130%; color:#da0; text-decoration:none; letter-spacing:0}
#pageSelector a:hover {font-size:150%; text-decoration:none; color:#fff}

#pageSelector a.number {display:inline-block; width:30px; text-align:center}
#pageSelector .inactive {vertical-align:middle; width:20px; height:25px; display:inline-block}
#pageSelector span.curPage {font-size: 150%; font-weight:bold; width:35px; display:inline-block; text-align:center}

#pageSelector a.backNext {width:16px; height:25px; background: center no-repeat; text-decoration:none; display:inline-block; vertical-align:middle}
#pageSelector a.backNext:hover {}
#pageSelector a.back {background-image:url(../img/icons/back.png)}
#pageSelector a.back:hover {background-image:url(../img/icons/back_h.png)}
#pageSelector a.next {background-image:url(../img/icons/next.png)}
#pageSelector a.next:hover {background-image:url(../img/icons/next_h.png)}

#pageSelector a.back1 {background:url(../img/icons/back.png) right no-repeat; width:100px}
#pageSelector a.back1:hover {background-image:url(../img/icons/back_h.png); font-size:130%}
#pageSelector a.next1 {background:url(../img/icons/next.png) left no-repeat; width:100px}
#pageSelector a.next1:hover {background-image:url(../img/icons/next_h.png); font-size:130%}

#pageSelector a.begin {width:50px; background-image:url(../img/icons/begin.png)}
#pageSelector a.begin:hover {background-image:url(../img/icons/begin_h.png)}
#pageSelector a.end {width:50px; background-image:url(../img/icons/end.png)}
#pageSelector a.end:hover {background-image:url(../img/icons/end_h.png)}

.error {color:#f30}