* { margin: 0; padding: 0; }

body {
	font: 80%/1.5 "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
  color: #000; background: #FFF url(../images/gras.jpg);
}

h2     { margin-bottom: 1.0em; font-size: 1.5em; font-weight: bold; }
h3     { margin-bottom: 0.5em; font-size: 1.2em; font-weight: bold; }
h4     { margin-bottom: 0.5em; font-size: 1.2em; font-weight: bold; }
h5, h6 { margin-bottom: 0.2em; font-size: 1em; font-weight: bold; }
p      { margin-bottom: 1.5em; }
img    { border: 0; }
ul, ol { margin: 0 0 1.5em 16px; }

blockquote .quote { margin-bottom: 0.5em; }
blockquote .author { font-style: italic; color: #777; }
blockquote .further_note { font-style: italic; color: #777; }

a:link, 
a:visited { 
	text-decoration: none; 
	color: #D00;
}

a:focus,
a:hover, 
a:active { 
	text-decoration: underline; 
}

a.no-dec { color: #000; }

img.align-left { float: left; margin: 0 1em 0.5em 0 !important; padding: 5px; border: 1px solid #000; }
img.align-right { float: right; margin: 0 0 0.5em 1em !important; padding: 5px; border: 1px solid #000; }
img.no-border { border: 0 !important; }

/* classes */
.inline  { display: inline; }
.ir      { font: 0px/0px sans-serif; text-indent: -3000px; text-decoration: none; overflow: hidden; }
.center  { text-align: center; }
.right   { text-align: right; }
.positiv { color: green; }
.negativ { color: red; }
.neutral { color: black; }
.notice { margin: 0 0 1.5em 0; border: 1px solid #999; padding: 0.5em;  background: #DDD; }
.notice ul, 
.notice ol,
.notice p { margin-bottom: 0; }
.notice a { color: #000; text-decoration: underline; }
.errorMessage { border-color: red; background: #FF8080 url(../images/exclamation.png) 0.6em 0.6em no-repeat; padding-left: 30px; }
.successMessage { border-color: green; background: #80FF80 url(../images/accept.png) 0.6em 0.6em no-repeat; padding-left: 30px; }
.box { padding: 0.5em; border: solid 1px #000; margin-bottom: 1.5em; }
.note { font-size: 0.7em; }
.clear { clear: both; }
.premium,
.icon { position: relative; top: 3px; }
.avatar { float: left; margin: 0 1em 1em 0; }
.indicator { margin-right: 5px; }

/* container */
div#outer   { min-height: 480px; background: url(../images/middle.gif) no-repeat 100% 50%; }
div#wrap    { width: 66em; margin: 2em; border: 1px solid #000; background: #FFF; }
div#header  { position: relative; height: 130px; margin: 0 0 2.5em 0; background: url(../images/bg_header.jpg) no-repeat 100% 0; }
div#header h1 { position: absolute; left: 25px; top: 53px; width: 239px; height: 26px; background: url(../images/tippn.png) no-repeat; }
div#header #user { position: absolute; bottom: 17px; left: 200px; color: #fff; }
ul#navi     { position: absolute; bottom: 0px; left: 25px; list-style: none; margin: 0; }
ul#navi li  { float: left; margin-right: 0.5em; }
ul#navi li a { display: block; border: 1px solid #000; padding: 0.3em 1em; background: #DDD; color: #000; text-decoration: none; }
ul#navi li a:link,
ul#navi li a:visited {  }
ul#navi li a:focus,
ul#navi li a:hover,
ul#navi li a:active,
ul#navi li.active a { border-bottom: 1px solid #FFF; background: #FFF; }

div#content { float: left; width: 40em; padding: 0 25px; }
div#sidebar { float: right; width: 18.5em; padding: 0 1.5em 0 0; }
div#footer  { clear: both; padding: 2em 25px 0 25px; }

div#blogposts ul { list-style: none; margin-left: 0.3em; }

div.friends,
div#answers { margin-top: 1.5em; }
div.vcard .form-row { clear: none; }

/* icons */
div.box h3    { background-position: 98% 50%; background-repeat: no-repeat; }
/*div#quote h3  { background-image: url(../images/comment.png); }
div#topten h3 { background-image: url(../images/chart_bar.png); }
div#statistik h3 { background-image: url(../images/chart_curve.png); }*/

/* forms */
.form-row { clear: both; margin-bottom: 0.5em; }
form { margin: 0 0 1.5em 0; }
fieldset  { margin: 0 0 1.5em 0; padding: 1em; border: 1px solid #999; }
legend    { margin: 0 0 0 -0.5em; padding: 0 0.5em; font-size: 1.2em; font-weight: bold; background: #FFF; }
label     { display: block; float: left; width: 10em;  }
label.short { width: 5.5em; }
input[type=submit],
input.submit    { padding: 0.2em 0.4em; font-weight: bold; }
input, 
textarea { font: 1em/1.5 "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif; padding: 0.2em; }
textarea,
input[type=text],
input[type=password] { background: #E9E9E9; }
input[type=text]:focus,
input[type=password]:focus, 
textarea:focus { background: #FFF; }
input.chars2    { width: 1.5em; }
input.chars4    { width: 2.5em; }
select.spieltag { width: 7.5em; }
select.spieler  { width: 15em; }
.label-space { margin-left: 10em; }
.label-space-short { margin-left: 5.5em; }
.hasError label { color: red; }

fieldset#questions label { float: none; width: 100%; margin-bottom: 0.5em; }
fieldset#questions .form-row { margin-bottom: 1.5em; }

/* tables */
table { width: 100%; }
.box h3,
th { padding: 4px 5px; font-weight: bold; background: #eee; text-align: left; }
td { padding: 2px 5px 2px 5px; }
tr.favorite_team td { font-weight: bold; }
tr.rank-1 td,
tr.rank-3 td,
tr.rank-5 td,
tr.rank-15 td { border-bottom: 2px solid #ccC; }

/* boxes */
#topten        { float: left; width: 17em; }
#statistik     { float: right; width: 19em; }
#kickernews    { float: right; width: 19em; }
#kickernews ul,
#friends ul    { margin-bottom: 0; }
#blogposts     { padding-bottom: 0; }
.box h3 a      { color: #000; text-decoration: none; }

/* Friends */
h2 span#friend_link { font-size: 0.6em; font-weight: normal; margin-left: 2em; }
a#add_friend_link { padding-left: 20px; background: url(../images/add-user-green.gif) no-repeat; }
a#no_friend_link  { padding-left: 20px; background: url(../images/remove-user-red.gif) no-repeat; }

/* Blog */
div.entry     { margin: 0 0 1em 0; }
div.entrymeta {  }

/* Admin */
body#admin div#header  { background-image: url(../images/bg_header_admin.jpg); }
body#admin div#header h1 { background-image: url(../images/tippn_admin.png); }