/*
- Stylesheets für Projekt: Torblogger
- Projektteil: Standardformatierung
- Erstellt: 15-08-2005 durch Peter Bergner (ParterreMedia.de)
- Zuletzt bearbeitet: 16-08-2005
- Feel free to Copy & Paste
*/
* { margin:0; padding:0; border:0 none; }

body {background:#5a5c60 url(http://www.timo-hildebrand.de/torblogger/images/webblog_index/netzg1.gif) 99% 27px no-repeat;}

#mainwrapper {
margin:10px auto; 
background: url(http://www.timo-hildebrand.de/torblogger/images/webblog_index/wrapper-bg.gif) 0 0 repeat-y; 
width:770px;
}

#header { /* background:yellow; */ }
#metamenu {  /* Login, Register */
background:#5a5c60; color:white; 
text-align:right;
}
#bannerbox { /* mit Grafik torblogger.de */
background: url(http://www.timo-hildebrand.de/torblogger/images/webblog_index/head.gif) 0 0 no-repeat; 
height:60px;
}
#blogmenu { /* Training, Spiel, Magazin, Team */
background:#cd7e08; color:white;
text-align:right;
letter-spacing: 1px;
padding: 0 35px 0 0;
}
#blogvariabel { /* z. Zt. Grafik mit 4 Spielerportraits */
background:/* yellow */ url(http://www.timo-hildebrand.de/torblogger/images/webblog_index/torblogger_index770.gif) 0 0 no-repeat; 
height:120px;
}

#blogvariabel_spiel { /* z. Zt. Grafik mit 4 Spielerportraits */
background:/* yellow */ url(http://www.timo-hildebrand.de/torblogger/images/webblog_spiel/torblogger_spiel.gif) 0 0 no-repeat; 
height:116px;
}

#blogvariabel_training { /* z. Zt. Grafik mit 4 Spielerportraits */
background:/* yellow */ url(http://www.timo-hildebrand.de/torblogger/images/webblog_training/torblogger_training.gif) 0 0 no-repeat; 
height:116px;
}

#blogvariabel_team { /* z. Zt. Grafik mit 4 Actionportraits */
background:/* yellow */
height:164px;
}

#blogvariabel_mag { /* z. Zt. Grafik mit 4 Actionportraits */
background:/* yellow */ url(http://www.timo-hildebrand.de/torblogger/images/webblog_magazin/no1_magazin.jpg) 0 0 no-repeat;
height:60px;
}

#blogvariabel_empty { /* z. Zt. Grafik Leer */
background: #F5A62E;
height: 0px;
}

#leftwrapper { float:left; }
#leftcol {
background:#edece0;
width:356px;
float:left;
padding:20px 15px 0 15px; margin-bottom:5px;
}

#leftcol_faq {
background: #edece0;
width:548px;
m##in-height: 300px;
float:left;
padding:20px 15px 0 15px; margin-bottom:5px;
}

.commenttext { margin-bottom:20px; }

#middlecol {
background:#bec2cc;
width:192px;
padding:20px 0; margin-bottom:5px;
float:left;
}

#rightcol {
background:#edece0;
width:172px;
float:right;
padding:20px 10px;
}


#blogsearch {
text-align:left;
margin: 0 10px 20px 10px;
}

#footer {
background:#5a5c60; color:white;
}

#frage {
color: #333333;
font-size: 11px;
}

/* --- Grafik --- */
img {border: 0 none; }
img.headline { margin-bottom:10px; }

/* --- Misc ---*/
.clb, .spacer { clear:both; }
.versteckt {
position:absolute; left:-3000px;
}
/*-----Layout Ende-----*/

/*-----Links Start-----*/
a:link, a:visited, a:hover, a:active { text-decoration: none; color: #983F03;}
a:hover, a:visited:hover { text-decoration: underline; }

/*-- weiße Links Kopf/Fuß --*//*---nach Strukturanpassung Definition der blognav-Klasse löschen*/
#metamenu a:link, #metamenu a:visited, #metamenu a:hover, #metamenu a:active,
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active,
a.blognav:link, a.blognav:visited { 
color:white; text-decoration:none; 
}
#metamenu a:hover, #footer a:hover, 
a.blognav:hover, a.blognav:visited:hover { 
text-decoration:underline; 
}

/*--- unsichtbarer Link über Grafik torblogger.de ---*/
a.home:link, a.home:visited, a.home:hover, a.home:active { 
display:block; 
float: left;
width:45%; 
height:60px; 
}

/*----- 6 !!! verschiedene Linkdefinitionen -----*/
a.olive, a.olive:link, a.olive:visited { color: #983F03; font-size: 10px; }
a.olive:hover, a.olive:visited:hover {}

a.olive2, a.olive2:hover, a.olive2:visited:hover { color: #983F03; font-size: 10px; text-decoration: none; }

a.rot:link, a.rot:visited { color: #CF7D02; font-size: 10px; text-decoration: none; }
a.rot:hover, a.rot:visited:hover { text-decoration: underline; }

a.more:link, a.more:visited { color: #CF7D02; font-size: 11px; text-decoration: none; letter-spacing: 1px;}
a.more:hover, a.more:visited:hover { text-decoration: underline; }

a.black, a.black:link, a.black:visited { color: #333333; font-size: 10px; text-decoration: none;}
a.black:hover, a.black:visited:hover { color: #333333; font-size: 10px; text-decoration: underline; }

a.blacktext, a.blacktext:link, a.blacktext:visited { color: #333333; font-size: 10px; text-decoration: none;}
a.blacktext:hover, a.blacktext:visited:hover { color: #333333; font-size: 10px; text-decoration: none; }

a.blackbig, a.blackbig:link, a.blackbig:visited { color: #333333; font-size: 10px; text-decoration: none;}
a.blackbig:hover, a.blackbig:visited:hover { color: #333333; font-size: 10px; text-decoration: underline; }

a.gruen:link, a.gruen:visited { color: #747F97; font-size: 10px; text-decoration: none;}
a.gruen:hover, a.gruen:visited:hover { text-decoration: underline; }
/*-----Links Ende-----*/


/*-----Typo Start-----*/
body {
font: normal 11px/1.6 Verdana,Helvetica,Arial,sans-serif;
}
#blogmenu { /* Training, Spiel, Magazin, Team */
color:white;
font-weight:bold;
font-size: 14px;
}
#leftcol { /* font-size:10px; */ }
#middlecol {}
#rightcol {}

h1 {color: #333333; font-size: 18px; padding-bottom: 15px; font-family: verdana, arial, helvetica, sans-serif; }
h3 {color: #333333; padding:0px 10px; font-size: 10px; font-weight: bold;  font-family: verdana, arial, helvetica, sans-serif;}
h2.title {
font-size: 16px;
font-weight: bold;
line-height: 19px;
color: #666666;
margin-bottom: 8px;
}
a.title:hover {color: #666666;  text-decoration: none;
}
h4 { margin-bottom: 4px; }
p { }

.blogtext p {display: inline; font-size:11px; color:#333333;}
.commenttext p { font-size:11px; color:#333333; }
.posted, .posted2 {
font-size: 10px; 
color: #747F97;
margin:3px 0 30px 0;
}
.posted { border-top: 1px solid #999999; line-height: 12px; padding-top: 3px;}
.comment { font-family: verdana, arial, helvetica; font-size:10px; color: #333333; padding-bottom: 10px;}
.posted2 {margin: 0; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; color: #747F97; text-decoration: none;}


#rightcol ul { list-style-type:none; margin-bottom:20px;}
#rightcol ul li { font-size: 12px; line-height:1.5; margin: o; padding: 0;}

#categorie ul { margin: 0 0 0 18px; padding: 0;}
#categorie ul li { font-size: 12px; line-height:1.3; margin: 4px 0 4px 0; list-style-image: url(http://www.timo-hildebrand.de/torblogger/images/webblog_index/listitem.gif);}


/* --- Kalendar ---*/
table.calendar {/* background:yellow; */width:100%; font-size: 10px;}
.calendarMonthLinks { 
border-top: 1px solid #999999; 
color: #639C2E;
width:100%;
text-align:left;
margin-bottom:20px;
}
td.calendarDayHeading { text-align:center; font-size: 10px;}
.calendarblank {}
td.calenderCell {}
.calendarHeader { 
border-bottom: 1px solid #999999; font-size: 10px;
font-weight: bold; 
padding-bottom: 3px;
}
.date {
font-size: 10px;
background: transparent;
color: #983F03;
padding-bottom: 5px;
text-align: left;
text-decoration: none;
}
a.date:hover {text-decoration: none;}

.datebig {
font-size: 11px;
background: transparent;
color: #983F03;
text-decoration: none;
}
a.datebig:hover {text-decoration: none;}

.paginate { font-family: Verdana, Geneva, Arial, Sans-serif; font-size: 10px; padding: 10px 6px 10px 4px; background-color: transparent; color: #333333; text-decoration: none;}

.pagecount { font-family:Verdana, Geneva, Arial, Sans-serif; font-size:	10px; color:#333333; background-color: transparent;text-decoration: none;}
a.pagecount:hover, a.pagecount:visited:hover {color: #333333; text-decoration: none;}

.page {color: #333333;}
a.page:link, a.page:visited {color: #333333;}

.center { /* Vor-Zurück-Button + Zur Startseite-Link */
text-align: center;
border-top: 1px solid #999999;
margin-bottom:20px;
/* clear:both;  */
}

blockquote { /* Zitate */
font-size: 12px;
line-height: 1.5em;
padding: 10px;
}

#metamenu, #footer { font-size:10px; color:white; }
abbr {
border-bottom: 1px dotted #3F605F;
cursor:help;
speak: spell-out;
}
acronym {
border-bottom: 1px dotted #3F605F;
cursor:help;
speak: normal;
}
.fett {font-weight: bold; font-sitze: 11px;}
.font-200 {font-size:200%;}
.font-50 {font-size:50%;}
.font-75 {font-size:75%;}

/*-----Typo Ende-----*/

/*----- Forms-----*/
form#comment_form {
/* background:green; */
margin-bottom:20px;
}
.input {
border: 1px solid #000000;
height: 20px;
width: 143px;
font-size:11px;
}

.input2 {
border: 1px solid #000000;
height: 20px;
width: 350px;
font-size:11px;
}

.textarea2 {
font-family: Verdana, Geneva, Arial, Sans-serif;
background-color: #fff; color: #333333;
font-size:11px;
border: 1px solid #666666;
width: 350px;
}

.inputTB {
border: 1px solid #000000;
height: 20px;
width: 320px;
font-size:11px;
}

.textarea {
font-family: Verdana, Geneva, Arial, Sans-serif;
background-color: #fff; color: #333333;
font-size:11px;
border: 1px solid #666666;
}

.submit {
background-color: #CE7B08;
font-size: 12px;
color: #FFFFFF;
height: 24px;
border: 1px solid #000000;
padding-left: -5px;
margin-left: 5px;
font-weight: bold;
}

.submit2 {
background-color: #CE7B08;
font-size: 12px;
color: #FFFFFF;
height: 24px;
border: 1px solid #000000;
padding-left: -5px;
font-weight: bold;
}

#submit {
background-color: #CE7B08;
font-weight: bold;
font-size: 12px;
height: 23px;
width: 24px;
color: #FFFFFF;
border: 0px solid #000000;
font-weight: bold;
}

ul {list-style: none;}

a.entrylink:link, a.entrylink:visited {color: #983F03; font-size: 11px;}

a.entrylinkBlack:link, a.entrylinkBlack:visited {color: #333333; font-size: 11px;}

.middle{font-size: 10px; padding: 5px 10px;}

.frage{font-size: 11px; color: #983F03;}

.antwort{font-size: 11px; color:#333333; border-bottom: 1px solid #333333; padding-bottom: 10px;}

.kleiner {font-size: 5px;}

.alert {font-family: Verdana, Geneva, Arial, Sans-serif; font-weight: bold; font-size: 11px; color: #983F03;}

a.fatLink:link, a.fatLink:visited {font-family: Verdana, Geneva, Arial, Sans-serif; font-size: 12px; color: #333333; text-decoration: none;}

a.fatLink:hover, a.fatLink:visited:hover {font-family: Verdana, Geneva, Arial, Sans-serif; font-size: 12px; color: #333333; text-decoration: underline;}

.nachricht {font-size:11px; color:#333333;}

cat1 {
font: bold 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
width: 230px;
padding-left: 0px;
background: #dddddd;
}
.cat2 {
font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-decoration: none;
width: 215px;
padding-left: 15px;
background: #cccccc;
}
.cat3 {
font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-decoration: none;
width: 200px;
padding-left: 30px;
background: #bbbbbb;
}

#minspace {height: 7px; background-color: transparent;}

/*-----Be sure! This is the end my friend... Nope!-----*/