/* styles for fussball-camp.de */

body {
margin: 0;
padding: 0;
font: 80% sans-serif;
background: url(gfx/body_bg.jpg) repeat-x scroll;
}

#container {
width: 90%;
margin: auto;
line-height: 130%;
background-color: #FFF;
border: 1px solid #99CC00;
border-top-width: 0px;

}

#header {
background: url(gfx/head_bg.gif) repeat-x;
height: 125px;
}

#header h1 {
margin: 0;
padding: 10px 0px 0px 240px;
height: 125px;
background: url(gfx/head_left.jpg) no-repeat;
}

#header h1 span {
display: none;
}

#navi {
float: left;
width: 150px;
margin: 0;
padding: 10px 0 0 0;
}

#content {
margin-left: 170px;
padding: 0 10px 10px 0;
min-height: 300px;
}

#content p {
max-width: 500px;
}

#content li {
margin-bottom: 0.3em;
}

#foodbar {
bottom: 0px;
text-align: center;
font-size: 80%;
color: #999;
margin-left: 150px;
}

#foodbar a:link {
text-decoration: none;
}

#footer {
clear: both;
text-align: center;
margin-top: 20px;
margin-bottom: 10px;
}

h2 {
border-bottom: 1px solid #9c0;
padding-bottom: 5px;
color: #333;
font-size: 160%;
}
h3 {
font-weight: lighter;
text-transform: uppercase;
letter-spacing: 0.2em;
color: #333;
font-size: 100%;
}

fieldset {
border: 1px solid #ccc;
padding: 10px;
}
legend {
font-weight: bold;
}

label {
float: left;
width: 110px;
}
input {
width: 200px;
height: 20px;
border: 0;
background: url(gfx/input_bg.gif) no-repeat;
margin-bottom: 2px;
padding-left: 5px;
}
input:hover {
background: url(gfx/input_bg_hover.gif) no-repeat;
}
input:focus {
background: url(gfx/input_bg_focus.gif) no-repeat;
}

textarea {
border: 1px solid #99CC00;
}
.radio {
width: auto;
height: auto;
border: 0;
background: none;
margin-bottom: 0;
padding-left: 0;
}

.block {
width: 100%;
height: 240px;
}
.block img {
float: left;
margin-right: 20px;
}
a, a:link, a:visited {
color: #759B00;
}
a:hover, a:active {
text-decoration: none;
}

/* Guestbook */

.gb-box {
border: 1px solid #99CC00;
width: 100%;
margin-bottom: 10px;
}
.gb-head {
border-bottom: 1px dashed #99CC00;
padding: 2px 5px 2px 5px;
background-color: #EBF5CC;
}
.gb-content {
padding: 10px;
}
.gb-foot {
border-top: 1px dashed #99CC00;
font-size: 80%;
padding: 0 0 0 5px;
background-color: #EBF5CC;
text-align: right;
vertical-align: middle;
}

/* Navigation */

ul#navlist {
padding: 0;
margin: 0;
list-style-type: none;
}

#navlist a {
padding: 3px 5px 3px 10px;
margin: 2px 0 2px 0;
display: block;
color: black;
text-decoration: none;
font-weight: bold;
letter-spacing: 0.05em;
}

#navlist a:hover {
background: url(gfx/navi_hover_bg.jpg) repeat-y;
color: #fff;
}

#navlist a#active {
background: url(gfx/navi_active_bg.jpg) no-repeat;
color: #fff;
margin-bottom: 0;
}

ul#subnav {
list-style-type: none;
background: url(gfx/subnav_bg.gif) no-repeat bottom right;
padding: 0;
margin: 0 0 10px 0;
}

#subnav a {
background: url(gfx/subnav_bullet.gif) no-repeat 10px 6px;
padding: 0 0 0 25px;
margin: 0;
font-weight: lighter;
letter-spacing: 0em;
display: inline;
}

#subnav a:hover {
background: url(gfx/subnav_bullet_hover.gif) no-repeat 10px 6px;
color: #99CC00;
}