/*
Original design: andreas06 (v2.0 - Jul 07, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas06/
*/

/* General tags */
body {background:#e0e0e0 url(../img/bodybg.gif) repeat-x; color:#505050; font:76% Georgia,Verdana,Tahoma,Arial,sans-serif; margin:0; padding:0; text-align:center;}
p {line-height:1.5em; margin:0 0 15px;}
a {color:#fa9035; font-weight:700; text-decoration:none;}
a:hover {color:#d04a10;}
hr {height:1px; margin:10px 0; width:98%;}
dt {font-weight:700;}
dd {margin:1px 0 12px 15px;}

/* Main layout */
#sonne { background-image: url('../img/sonne-small.png'); background-position: right center; background-repeat: no-repeat; height: 110px; }
#container {background:#c0c0c0 url(../img/bodybg.gif) repeat-x; margin:0 150px; text-align:left; width:852px;}
#sitename {background:url(../img/ok-logo-small.png); background-position: 60px center; background-repeat: no-repeat; color:#ffffff;  height:80px; margin:0px; padding-left: 150px; ; text-align: left; font-weight: bold; vertical-align: center; width: 600px; float: left;}
#sitename h2 {font-size:2.2em; margin:0; padding-top:20px;}
#sitename small {font-size: 1.0em; margin: 0;}

/* Main menu */
#nav {background:url(../img/greypx.gif) bottom left repeat-x; float:left; width:852px;}
#nav ul {list-style:none; margin:0; padding:0;}
#nav a {background:url(../img/tabs.gif) no-repeat 100% 0; color:#808080; display:block; font-size:1.2em; letter-spacing:-1px; padding:7px 20px 4px 11px; text-decoration:none;}
#nav a:hover {color:#505050;}
#nav li {background:url(../img/tabs.gif) no-repeat 0 0; float:left; margin:0 4px 0 0; padding:0 0 0 9px;}
#nav #current {background:url(../img/tabs.gif) no-repeat 0 -41px;}
#nav #current a {background:url(../img/tabs.gif) no-repeat 100% -41px; color:#303030; padding:7px 20px 5px 11px;}

/* Wrap variations */
#wrap1 {background:#ffffff url(../img/innerbg.gif) repeat-y; border-bottom:1px solid #808080; border-left:1px solid #808080; border-right:1px solid #808080; clear:both; padding:0; width:850px;}
#wrap2 {  /*background:url(../img/header.jpg) top left no-repeat;*/ padding:10px; width:830px;}

/* Header */
#header {height:30px; position:relative; width:830px;}
#header h1 {float:left; font-size:1.4em; margin:0; width:180px;}
#topbox {color:#808080; margin:0 0 4px; text-align:right; padding-right: 5px;}
#topbox a {color:#d04a10;}
#topbox a:hover {text-decoration:underline;}

/* Sidebars */
#leftside {float:left; margin:-15px 0 0; width:175px;}
#leftside h1 {font-size:1.4em; font-weight:400;}
#rightside {float:right; margin:40px 15px 20px 0; width:130px;}
#rightside h1 {font-size:1.4em; font-weight:400; margin:0 0 12px;}
#rightside p {font-size:0.9em; margin:2px 0 12px 10px;}
#rightside img {border:1px solid #fa9035; margin:10px 0 5px 5px; padding:2px;}

/* Main content */
#content {margin:15px 15px 0 195px;}
#contentalt {margin:45px 15px 0 180px;}
#content p,#contentalt p {margin:8px 0 0 10px;}
#content h1,#contentalt h1 {color:#fa9035; font-size:2em; font-weight:bold; margin:15px 0 10px; padding:0; text-align: center; }
#content h2,#contentalt h2 {color:#505050; font-size:1.5em; font-weight:400; margin:20px 0 10px; padding:0;}
#content img,#contentalt img {border:1px solid #fa9035; margin:5px 15px 6px;}

/* Footer */
#footer {clear:both; color:#a0a0a0; font-size:0.9em; height:26px; margin-top:20px; padding:1px; text-align:right; width:830px;}
#footer a {color:#a0a0a0; font-weight:400;}
#footer a:hover {color:#a0a0a0; text-decoration:underline;}

/* Additional classes */
.menublock {margin-bottom:10px;}
.nav {color:#d04a10; display:block; font-weight:700; margin-bottom:1px; padding:2px 2px 2px 10px; position:relative; text-decoration:none; width:145px;}
.nav:hover {border:1px solid #fa9035; color:#505050; padding:1px 1px 1px 9px;}
.navactive { color: #505050; padding: 1px 1px 1px 9px;}
.sub {font-size:0.9em; margin-left:20px; padding:1px 1px 1px 6px; width:105px;}
.sub:hover {border:1px solid #fa9035; color:#505050; padding:0 0 0 5px;}
.intro {font-weight:700;}
.active {border:1px solid #fa9035; padding:1px 1px 1px 9px;}
.box {background:#f8f8f8 url(../img/boxbg.gif) top left repeat-y; border:1px solid #d0d4d4; color:#505050; margin:15px auto; padding:10px 10px 10px 20px; width:85%;}
.photo {margin:5px auto 15px; padding:5px;}
.smallcaps {font-variant:small-caps;}
.mini {color:#a0a0a0; font-size:0.75em; font-weight:400; line-height:1.2em; margin:20px 0 10px 8px;}
.small {font-size:0.85em;}
.large {font-size:1.4em;}
.soft {color:#808080;}
.normal {font-weight:400;}
.sharp {color:#101010;}
.center {text-align:center;}
.hide {display:none;}

.block {text-align: justify;}
.bold { font-weight: bold; }

#allgemein td.l {vertical-align: top; text-align: justify; padding-bottom: 10px; }
#allgemein td.r {vertical-align: top; text-align: left; padding-left: 5px; padding-bottom: 10px;}

#team td.l {vertical-align: top; text-align: center; padding-bottom: 10px;}
#team td.r {vertical-align: top; text-align: justify; padding-top: 5px;}

#vorstand,#vorstand2,#programm { width: 100%; }
#vorstand td { width: 50%; text-align: center; vertical-align: center; }
#vorstand th { width: 50%; text-align: center; font-weight: bold; vertical-align: center;}

#vorstand2 th { text-align: left; font-weight: bold; padding-bottom: 5px; padding-right: 5px; padding-top: 15px;}
#vorstand2 td { text-align: left; vertical-align: top; }

#programm td.l { vertical-align: top; text-align: left; padding-bottom: 10px; font-weight: bold;}
#programm td.r { vertical-align: top; text-align: left; padding-left: 10px; padding-bottom: 10px;}
#programm td.center { text-align: center; font-weight: bold; }

.aktuell {color: #fa9035; font-weight: bold; font-size: 16px; letter-spacing: 2px;}
.orange { color: #fa9035; }
.wuensche { color: #fa9035; font-weight: bold;  }

.blue { color: blue; }

#badge { position: absolute; top: 350px; left: 50px; width: 200px; height: 350px; float: none;}

table.guestbook {
  width: 300px;
  margin: auto;
}

table.guestbook  td {
  text-align: left;
  padding-left: 5px;
  padding-bottom: 3px;
  vertical-align: top;
}

table.guestbook td:first-child {
  text-align: right;
  padding-right: 5px;
  padding-bottom: 3px;
}

table.guestbook input {
  width: 220px;
}

table.guestbook textarea {
  width: 220px;
  height: 50px;
}

table.guestbookentries {
  width: 500px;
  margin: auto;
}

table.guestbookentries td.nachricht {
  border: 1px solid #ccc;
  background-color: #eee;
  color: black;
  padding: 3px;
  margin-bottom: 10px;
}

table.guestbookentries td {
  padding-top: 20px;
  text-transform: italic;
}