/*
File: screen.css
Description: Cascading Stylesheet for www.brandau.net, CSS 2 compatible
Author: Andreas Brandau
Version: 1.8.4
Date: 05.12.2007
*/
body {
	text-align: center;
	color: #333;
	padding: 15px 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background: #f5f5f3;
}
#page {
	padding: 0px;
	width: 740px;
	margin: 0px auto;
	background: #fff;
}
#header {
	padding-top: 20px;
	text-align: left;
	margin: 0px 20px;
}
#header h1 {
	height: 40px;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 200px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 2.6em;
	letter-spacing: -0.5px;
	font-weight: normal;
	color: #c00;
}
.netcolor {
	color: #999;
}
#navcontainer {
	float: right;
	width: 420px;
	margin: 0px;
	padding-top: 2px;
}
#navcontainer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#navcontainer ul li
{
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}
#navcontainer ul li a
{
	text-decoration: none;
	display: block;
	margin: 0px 0px 0px 20px;
	padding: 5px 0px 2px;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: -9999px;
}
/*	menu items	*/
#menu-unterricht a:link, #menu-unterricht a:visited {
	height: 34px;
	width: 90px;
	background: url(/images/menu.png) no-repeat;
}
#menu-unterricht a:hover, body#unterricht #menu-unterricht a {
	background: url(/images/menu.png) 0px -53px no-repeat;
}
#menu-weblog a:link, #menu-weblog a:visited {
	height: 34px;
	width: 90px;
	background: url(/images/menu.png) -105px 0px no-repeat;
}
#menu-weblog a:hover, body#weblog #menu-weblog a {
	background: url(/images/menu.png) -105px -53px no-repeat;
}
#menu-fotos a:link, #menu-fotos a:visited {
	height: 34px;
	width: 80px;
	background: url(/images/menu.png) -215px 0px no-repeat;
}
#menu-fotos a:hover, body#fotos #menu-fotos a  {
	background: url(/images/menu.png) -215px -53px no-repeat;
}
#menu-info a:link, #menu-info a:visited {
	height: 34px;
	width: 77px;
	background: url(/images/menu.png) -315px 0px no-repeat;
}
#menu-info a:hover, body#info #menu-info a {
	background: url(/images/menu.png) -315px -53px no-repeat;
}
/*	end menu */
#content {
	padding: 0px 20px;
	margin: 25px 0px 0px;
	border: 1px solid #fff;
}
#narrowcolumn {
	float: left;
	width: 460px;
	text-align: left;
	border-right: 0px solid #eee;
}
#narrowcolumn h2, .blog_headlines h2 a {
	margin: 0px 0px 0.5em;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.1em;
	color: #c00;
	clear: both;
	font-weight: normal;
}
#narrowcolumn h3, #narrowcolumn h4, .blog_headlines h3 a, .blog_headlines h4 a {
	margin: 15px 0px 0.5em;
	padding: 0px;
	font-size: 2.1em;
	line-height: 1.4em;
	border-bottom: 1px solid #eee;
	font-family: Georgia, "Times New Roman", Times, serif;
	clear: both;
	color: #c00;
	font-weight: normal;
}
#narrowcolumn p {
	font-size: 1.2em;
	line-height: 1.8em;
	padding-bottom: 0.5em;
	padding-top: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0.7em;
}
#sidebar {
	float: right;
	width: 200px;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	border-left: 1px solid #EBEBEB;
}
#sidebar h4 {
	padding-top: 0px;
	font-size: 1.05em;
	margin-bottom: 0.7em;
	margin-top: 0px;
	border-bottom: 1px solid #eee;
	padding-bottom: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	clear: both;
	letter-spacing: 0.15em;
	color: #666;
}
#sidebar p {
	font-size: 1.05em;
	line-height: 1.6em;
	margin: 0.6em 0px 1.5em;
}
#footer {
	margin: 0px 22px;
	border-top: 1px solid #eee;
	clear: both;
}
#footer p {
	color: #999;
	font-size: 1em;
	padding: 5px 0px;
	margin: 5px 0px;
	text-align: left;
}
#footer .left {
	float: left;
}
#footer .right {
	float: right;
}
#footer a {
	color: #999;
}
#footer a:hover {
	color:#f00;
}
.print {
	display: none;
}
#formmailer {
	margin-bottom: 2em;	
}
a {
	color: #c00;
	text-decoration: none;
}
a:hover {
	color:#f00;
	text-decoration: underline;
}
a.document {
	background: url(/images/icons/document.gif) no-repeat;
	padding-left: 12px;

}
a.external, .addon a {
	background: url(/images/icons/external.gif) no-repeat right;
	padding-right: 14px;

}
a.pdfdocument {
	background: url(/images/icons/page_white_acrobat.png) no-repeat;
	padding-left: 17px;
}

p.aligncenter {
	text-align: center;
}
/*		images		*/
img {
	border: 0px;
}
img.alignleft {
	float: left;
	margin: 5px 15px 5px 0;
}
img.alignright {
	float: right;
}
img.aligncenter {
	display: block;
	margin: 0.8em auto;
	padding: 6px;
	}
img.leftborder {
	float: left;
	margin: 5px 15px 5px 0;
	padding: 5px;
	border: 1px solid #ddd;
	background: #fff;
}
img.rightborder {
	float: right;
	margin: 5px 0 5px 15px;
	padding: 5px;
	border: 1px solid #ddd;
	background: #fff;
}
img.centerborder {
	display: block;
	margin: 1.5em auto;
	padding: 4px;
	border: 1px solid #ddd;
	background: #fff;
}
img.teaser {
	padding: 0px 0px 2px;
	margin-top: 5px;
	border-bottom: 6px solid #f4f4f4;
	clear: both;
	height: 115px;
}
img.blogteaser {
	padding: 4px;
	border: 1px solid #ddd;
	margin: 3px;
}
.clear {
	clear: both;
}
.button {
	font-size: 1.1em;
}
form .description {
	margin-bottom: 1em;
}
.blogteaser-headline {
}
#widecolumn {
	text-align: left;
	clear: both;
	width: 100%;
}
.input, .textarea {
	border: 1px solid #ddd;
	background: #f8f8f8;
}
.input:hover, .input:focus, .textarea:hover, .textarea:focus {
border-color: #999;
}
#impressum {
	padding:5px 0 0 30px;
	margin-bottom:25px;
}
.smalldate {
	padding: 0 0 8px 0;
}
#scorch {
	padding: 5px;
	border: 1px solid #eee;
	text-align: center;
}
#unterricht .cc, #info .cc {
	display: none;
}