/*
Description: Stylesheet fuer mobile malschule
Version: 1.0
Author: Peter Hilt-Klein
Author URI: http://www.aquadings.com
*/



body {
	font-size: 1.0em;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #888888;
	text-align: center;
	background-image: url('img/bg3.jpg');
	background-position: top center;
	background-repeat: repeat-y;
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0;
}
body, h2 {
	line-height:18px;
}
#page	{
	text-align: left;
	border:1px solid #dddddd;
	background-image:url('img/page.jpg');
	background-repeat:no-repeat;
	background-color:#ffffff;
	width: 760px;
	margin: 0px auto;
	padding: 0;
}
#header {
	/* background-image:url('img/header.jpg'); */
	background-repeat:no-repeat;
	height: 139px;
	width: 760px;
	margin-top:40px;
}
#headerimg {
	width: 760px;
	height: 139px;
	text-decoration:none;
	margin: 0;
}
#headerimg .blogtitle, #headerimg .description, small { text-align:left; }
#headerimg .blogtitle, #headerimg .description { display:none; }

.narrowcolumn {
	background-image:url('img/page.jpg');
	background-position:left -180px;
	background-repeat:no-repeat;
	background-color:#fff;
	width: 580px;
	float: left;
	position:relative;
	padding: 20px 10px 10px 10px;
	margin:0px 0px 0px 0px;
}

.opaque {
   filter: alpha (opacity=80);
   -moz-opacity: 0.80;
   opacity: 0.80;
}

#footer {
	font-size:11px;
	width:760px;
	text-align:center;
	position:relative;
	display:block;
	clear:both;
	margin-bottom:0px;
}
#footer a { color:#888899; }
small { line-height:12px; }
h1, h2, h3 {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
   font-weight: normal;
   color: #508487;
}

/* das hier aendert den Hintergrund des Kommentarbereichs */
.other {
 background-color: #E9E9E9;
}

.alt {
	margin-left:20px;
}

/* POST DATA*/
.post {
	width: 540px;
	margin-left: 10px;
	padding: 10px;
	background-color: #F4F4F4;
}
div.entry {
	font-size:0.9em;
	width:540px;
	position:relative;
	padding-top:60px;
	color:#222222;
	padding-bottom:5px;
}
.entry img {
	max-width:500px;
	border:0px;
}
.entry ul, .entry ol {
	list-style-type:none;
	display:block;
	position:relative;
	left:-10px;
}
.entry a {
	color: #FF4500;
	border-bottom: 1px solid #FFFFFF;
	text-decoration: none;
}
.entry a:hover {
	color: #8B0000;
	border-bottom: 1px solid #8B0000;
	text-decoration: none;
}
.entry blockquote {
	display:block;
	position:relative;
	border:1px solid #508487;
	padding-left:5px;
}
.articleheader {
	width:540px;
	position:relative;
}
/* Bild evtll. aendern */
.avatar {
	width:200px;
	height:98px;
	background-image:url('img/avatar.gif');
	background-position:top left;
	background-repeat:no-repeat;
	position:absolute;
}
.articletitle {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 20px;
	color: #1e4378;
	width: 450px;
	padding-left: 90px;
	position: relative;
	top: 25px;
	text-align: right;
}
.articletitle a {
	color:#1e4378;
	text-decoration:none;
}
.articletitle h2 {
	text-align: right;
}
div.time_author {
	position:relative;
	font-size:11px;
	font-style:italic;
	color:#333333;
	width:400px;
	padding-left:80px;
	top:25px;
}

.alt {
	font-size:10px;
	width:500px;
	text-align:left;
}

.navigation {
	width:540px;
	padding-left:20px;
	position:relative;
	text-align: center;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:11px;
	color:#1e4378;
	padding-bottom:12px;
	}
.navigation a {
	color:#1e4378;
	text-decoration:none;
}
.navigation a:hover {
	color:#00CC99;
}
.alignright {
	float: right;
}

.alignleft {
	float: left
}

.notfound {
	width:540px;
	margin-left:10px;
	padding:10px;
	color:#222222;
}

/* Sonderkram */

.erstersatz {
	text-align: center;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:16px;
	color:#001AC3;
	padding-bottom:18px;
	}

.zentriert { text-align:center; }

/* SIDE BAR */
#sidebar {
   font-size: 10px;
	display:block;
	position:relative;
	float:right;
	padding: 20px 0 10px 0;
	width: 160px;
	background-image:url('img/page.jpg');
	background-position:right -180px;
	background-repeat:no-repeat;
}
#sidebar h1, #sidebar h2, #sidebar h3 {
 padding: 10px;
}
#sidebar ul, #sidebar ol {
	display:block;
	position:relative;
	left:-20px;
	list-style-type:none;
}
#sidebar ul li {
	line-height:20px;
}
#sidebar .home {
 padding: 10px;
 font-size: 16px;
 color: #900000;
}

#sidebar ul li span {
	font-size:10px;
	line-height:20px;
}
#sidebar ul li span a {
	font-size:10px;
	color:#1e4378;
	filter:alpha(opacity=60);
    -moz-opacity:.60;
    opacity:.60;
}
#sidebar ul li h2 {
	font-size:12px;
	color:#1e4378;
	filter:alpha(opacity=60);
    -moz-opacity:.60;
    opacity:.60;
}
#sidebar ul ul {
	display:block;
	position:relative;
	width:160px;
}
#sidebar ul ul li {
	display:block;
	position:relative;
	line-height:20px;
	left:-10px;
	top:-10px;
}
#sidebar ul ul ul {
	display:block;
	position:relative;
	top:10px;
	width:120px;
}
#sidebar a {
   color: #1e4378;
   text-decoration: none;
   filter: alpha(opacity=60);
   -moz-opacity: .60;
   opacity: .60;
   padding: 5px 0 5px 0;
}
#sidebar a:hover {
   color: #ffffff;
   text-decoration: none;
   background-color: #365C63;
   filter: alpha(opacity=60);
   -moz-opacity: .60;
   opacity: .60;
}
#sidebar img {
	border:0px;
	max-width:160px;
}
.searchform {
	float:right;
	margin-right:5px;
	margin-top:-25px;
}
#s {
	background-color: #ffffff;
    border:1px solid #777777;
	color: #111111;
	filter:alpha(opacity=60);
    -moz-opacity:.60;
    opacity:.60;
	padding:1px;
}
#searchsubmit {
 background-color: #ffffff;
 border: 1px solid #999999;
 color: #626262;
 padding-left: 1px;
 padding-right: 1px;
}

/* IMAGES */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

/* Layout */
.bg {
 background-color: transparent;
 width: 580px;
 border: 0;
}
.bgtop {background-color: transparent; margin:0; padding:0;}
.bgtopleft {background-color: transparent; margin:0; padding:0;}
.bgbot {background-color: transparent; margin:0; padding:0;}
.bgbotleft {background-color: transparent; margin:0; padding:30px 0 0 0;}

.outerbox-top {background-color: transparent; width:578px; border:1px solid #ddddbb;}
.outerbox-bot {background-color: transparent;}
.outerbox-left {background-color: transparent;}
.outerbox-right {background-color: transparent;}
.outerbox-topleft {background-color: transparent;}
.outerbox-botleft {background-color: transparent;}
.outerbox-topright {background-color: transparent;}
.outerbox-botright {background-color: transparent; padding-bottom:20px;}