/*
	project: wetterling.org 
	author: Frank Wetterling 
*/

/* global reset */
*{ margin: 0; padding: 0; }*
:focus, :active { outline: 0; }

body { font: normal 62.5% "Trebuchet MS", Arial, sans-serif; background: #fff url(../images/bg.png) repeat-x; color: #333; }
a { color: #4371B2; text-decoration: none; }
img { border: 0; }
h1 {  float: right; margin: 20px 10px 50px; padding: 5px; font-size: 3em; color: #fff; background-color: #000; letter-spacing: +2px; }
h2 { font-size: 1.56em; font-weight: bold; margin: 0 0 10px; }
h2 a:hover { background: #4371B2; color: #fff; }
p  { margin: 5px 0 15px; line-height: 1.6em; }
input { background: #222; padding: 2px 4px; font-size: 0.9em; color: #eee; border: 1px solid #444; }
input.button { margin: 0; color: #eee; border: 1px solid #444; }
.bold { font-weight: bold; }
.clear { clear:both; }

#content { margin: 0 auto; width: 878px; font-size: 1.2em}
#navi { background-color: #000; margin: 0; padding:0; height: 28px; }
	#navi ul li { list-style: none; display: inline; }
	#navi li a { background-color: #000; float: left; padding: 5px 20px; margin: 0; color: #ccc; font-weight:bold; font-size: 1.2em; }
	#navi li a.current { background: #4371B2; color: #fff; }
	#navi li a:hover { background: #4371B2; color: #fff; }

#all { margin: 10px 0 0; }
	#all a:hover { background: #4371B2; color: #fff; }

#left { float: left; width: 545px; margin: 10px 0 15px; }
	#left h3 { font-size: 1.2em; color: #0063DC; margin: 0 0 5px; }
	#left h3 a:hover { background: #4371B2; color: #fff; }
#right { float: right; width: 333px; margin: 10px 0 0;}
	#right h3 { font-size: 1.2em; color: #0063DC; border-bottom: 6px solid #000; margin: 0 0 10px; }
	#right img { margin: 0 5px 1px 0; border: 1px solid #dadada; padding: 2px; background: #fafafa; }
	#right li { list-style: none; }
		#right li a { padding: 0; color:#4371B2; }
		#right li a:hover { background:#4371B2; color: #fff; }
a.toggle:hover { background: #4371B2; color: #fff; }
#icons { clear:both; }
#icons img { border:0; }

#footer { clear: both; padding: 15px 0; border-top: 1px solid #ccc; margin: 0 0 15px 0; }
	#bottom { margin: 0 auto; width: 878px; font-size: 1.2em}	
		#bottom .copyright { float:left; }	
		#bottom .links { float:right; }	
	#footer a:hover { background: #4371B2; color: #fff; }
	#r { float: right; }

#login { height: 28px; }

.welcome { float:left; color:#F5B93F; height:20px; margin: 6px 0px 2px; font-size: 0.9em;}
	.welcome a:hover { background: #4371B2; color: #fff; }
.anmelden { float:right; color:#F5B93F; height:20px; font-size: 0.9em; }
	.anmelden a:hover { background: #4371B2; color: #fff; }
	.logout { color:#F5B93F; margin: 6px 0px 2px; }

#banner { margin: 0; border: 0; width: 878px; height: 220px; }
	#banner h1 {  float: right; margin: 20px 10px 50px; padding: 5px; font-size: 3em; color: #fff; background-color: #000; letter-spacing: +2px; }

/* blog entries */

.start { margin: 0 auto; color: #000; padding: 1px; line-height: 1.3em; }
.start a { color: #000}
.start a:hover	{ background: #000; color: #fff}
.entries { font-weight: bold; }
.tags	{ font-size: 0.83em; font-weight:normal; color: #999999; }

/* header photo */

.headerphoto { margin: 0; height: 220px; padding: 10px; }