/* 
 * CSS Document 
 *
 * for use at miaowang.de
 *
 * License: CCL2 [http://creativecommons.org/licenses/by-nc-sa/2.5/]
 * Copyright 2006 Miao Wang
 * Email: webmaster@miaowang.de
 *
 */
 
 
/*
 * Table of Contents
 *
 * 1) General Layout
 * 2) Block Elements
 * 3) Link / Navigation
 * 4) Text
 * 5) Images
 * 6) Tables
 * 7) Forms
 * 8) Admin Panel
 *
 */

/* General Layout
----------------------------------------------- */

body {
	background:white;
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

#logo {
	height:100px;
	margin:50px auto 0px auto;
	width:1200px;
}

#shadow {
	text-align:center;
	background:white url(../images/shadow.png) repeat-y;
	color:black;
	margin:0px auto;
	width:1200px;
}

#border {
	border:1px solid silver;
	margin:0px 19px;
	width:1160px;
}

#date {
	background:white url(../images/silver_small.jpg) repeat-x;
	border-bottom:1px solid silver;
	color:black;
	font-weight:bold;
	padding:4px 0px 4px 20px;
	text-align:left;
}

#navi {
	float:left;
	padding:20px 5px 5px 15px;	
	text-align:left;
}

#contentarea {
	background:white;
	border-left:1px dashed silver;
	color:black;
	line-height:150%;
	margin:0px 0px 0px 16%;
	min-height:1500px;
	padding:10px 30px 30px 25px;
	text-align:left;
}

/* fuer IE Win \*/ 
* html #contentarea { 
	height:1150px; 
}

#footer {
	background:white url(../images/footer.png) no-repeat;
	clear:left;
	color:black;
	font-size:10px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	height:40px;
	margin:0px auto;
	padding:4px 0px;
	text-align:center;
	width:1200px;
} 

#w3c {
	margin:auto;
	text-align:center;
	width:800px;	
}


/* Block Elements
----------------------------------------------- */

.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	clear:right;
}

#window {
	border:none;
	overflow:scroll;
	padding:10px;
}

/* fuer IE Win \*/ 
* html #window { 
	width:475px; 
}

.ie {
	background:#FFF0F0;
	border:1px solid red;
	color:red;
	float:left;
	padding:2px 4px;
	width:85%;
}

.feed {
	float:right;
	padding-top:4px;
}

.sorttitle {
	background:inherit;
	color:#999999;
	float:right;
	font-size:smaller;
	line-height:150%;
	padding-top:10px;
	text-align:right;
}

.callback_red {
	background:#FFF0F0;
	border:2px solid red;
	color:red;
	font-weight:bold;
	margin:10px 0px;
	padding:10px;
	text-align:justify;
}

.callback_green {
	background:#F0FFF0;
	border:2px solid #009933;
	color:#009933;
	font-weight:bold;
	margin:10px 0px;
	padding:10px;
	text-align:justify;
}

.callback_grey {
	background:#F0F0F0;
	border:2px solid gray;
	color:gray;
	font-weight:bold;
	margin:10px 0px;
	padding:10px;
	text-align:justify;
}

.quote, cite {
	background:#FFFFF5;
	border:1px solid #E6CD9B;
	color:black;
	margin:10px 0px;
	padding:2px 10px 10px 10px;
	text-align:justify;
}

.code, code {
	background:#F5FCFF;
	border:1px solid #9FC4FF;
	color:black;
	line-height:140%;
	margin:10px 0px;
	overflow:auto;
	padding:5px 10px 10px 10px;
}

/* fuer IE Win \*/ 
* html .code { 
	width:95%;
}

.pre {
	clear:both;
	font-family:"Courier New", Courier, monospace;
	padding:5px 0px 0px 0px;
	white-space:pre;
}

.commentbox {
	background:#F0F0F0;
	border:1px solid silver;
	color:black;
	padding:10px;
	margin:10px 0px;
	text-align:left;
}

.commentbox:hover {
	background:white;
	color:black;
}

.section {
	margin:10px 0px 30px 0px;
	min-height:100px;
}

/* fuer IE Win \*/
* html .section { 
	height:100px; 
}

.popupinfo {
	background:white;
	border:2px solid silver;
	color:black;
	padding:5px;
	position:absolute;
	visibility:hidden;
	width:200px;
}


/* Link / Navigation
-----------------------------------------------*/

a:link, a:visited {
	background:inherit;
	color:#6699CC;
	cursor:pointer;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	background:inherit;
	color:#006699;
	cursor:pointer;
	font-weight:bold;
	text-decoration:underline;
}

.navi_cat {
	background:white url(../images/arrow.png) no-repeat center right;
	color:#006699;
	display:inline;
	font-weight:bold;
	padding:2px 10px 2px 0px;
	text-decoration:none;
}

.fun_big_navi {
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

#navi ul {
	border-top:1px solid silver;
	list-style-type:none;
	margin:10px 0px 20px 0px;
	padding:0px;
	width:150px;
}

#navi ul li {
	border-bottom:1px solid silver;
	margin:0px;
	padding:0px;
}

#navi ul li a {
	background:inherit;
	color:black;
	display:block;
	font-size:90%;
	font-weight:normal;
	margin:0px;
	padding:2px 10px 2px 10px;
	text-decoration:none;
}

#navi ul li a:hover {
	background-color:#F0F0F0;
	color:black;
}

#navi ul li .grey {
	background:inherit;
	color:#BBBBBB;
	display:block;
	font-size:90%;
	font-weight:normal;
	margin:0px;
	padding:2px 10px 2px 10px;
	text-decoration:none;
}

li.de {
	list-style-image:url(../images/flags/de.gif);
	margin-left:-12px;
}

li.en {
	list-style-image:url(../images/flags/usuk.gif);
	margin-left:-12px;
}


/* Text
-------------------------------------------------*/

h1 {
	background:inherit;
	color:#FF8200;
	font-family:Arial, Helvetica, sans-serif;
	font-size:150%;
	font-weight:bold;
	letter-spacing:-1px;
	margin:0px 0px 10px 0px;
	padding:15px 0px;
	text-align:left;
}

h2 {
	background:inherit;
	color:black;
	font-size:150%;
	font-weight:normal;
	letter-spacing:-1px;
	margin-bottom:2px;
	padding:15px 0px 1px 0px;
	text-align:left;
}

h2 a:hover {
	text-decoration:none;
}

h4, label {
	display:inline;
	font-size:12px;
	font-weight:bold;
	text-align:justify;
}

.section p, .section h4 {
	display:block;
	padding-left:12%;
}

small {
	display:block;
	background:inherit;
	color:#999999;
	font-size:smaller;
	padding:0px 0px 10px 0px;
	text-align:left;
}

acronym {
	border-bottom:1px dotted #666666;
	cursor:help;	
	text-decoration:none;
}

var {
	white-space:nowrap;
}

.content {
	text-align:justify;
}

.underline {
	font-weight:bold;
	border-bottom:1px dotted silver;
}

.hover:hover {
	background:#F0F0F0;
	cursor:pointer;
}

.id {
	background:inherit;
	color:#FF8200;
	float:left;
	font-weight:bold;
	margin:0px 15px 0px 10px;
	text-align:right;
	width:20px;
}

.darkred {
	background:inherit;
	color:#990000;
	font-weight:bold;
	text-align:justify;
}

.green {
	background:inherit;
	color:#009900;
	font-weight:bold;
	text-align:justify;
}

.grey {
	background:inherit;
	color:#BBBBBB;
	font-weight:bold;
	text-align:justify;
}

.orange {
	background:inherit;
	color:#FF8200;
	font-weight:bold;
	text-align:justify;
}

.red {
	background:inherit;
	color:#FF0000;
	font-weight:bold;
	text-align:justify;
}

.lastupdate {
	background:inherit;
	color:white;
	display:block;
	font-size:smaller;
	padding-top:10px;
}


/* Images
-----------------------------------------------*/

img {
	border:0px;
}

img.leftthumbnail {
	background:white url(../images/shadow_thumbnail.png) no-repeat;
	color:black;
	float:left;
	height:87px;
	margin:0px 20px;
	padding:6px;
	width:112px;
}

img.thumbnail {
	background:white url(../images/shadow_thumbnail.png) no-repeat;
	color:black;
	height:87px;
	padding:6px;
	width:112px;
}

img.gallery {
	border:2px solid silver;
}

img.tex {
	padding:5px;
}

.feed img {
	margin:0px 0px 0px 5px;
}

img.w3c {
	margin:0px 5px;
}


/* Tables
---------------------------------------------------*/

td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

table.postentry {
	border:none;
}

table.silver {
	background-color:#F0F0F0;
	border:1px solid silver;
	color:black;
	padding:0px 5px;
	width:100%;
}

table.white {
	background-color:#FFFFFF;
	border:1px solid silver;
	color:black;
	padding:2px;
	width:100%;
}

table.postentry {
	background-color:#FFFFFF;
	border:none;
	color:black;
	width:90%;
}

td.category {
	font-weight:bold;
	padding:0px 0px 0px 8px;
	vertical-align:top;
	width:25%;
}

td.gbuch_author {
	padding:15px 10px 0px 0px;
	text-align:justify;
}

td.gbuch_entry {
	border-bottom:1px dotted silver;
	padding:15px 10px 15px 45px;
	text-align:justify;
}

td.border_bottom {
	border-bottom:1px dotted silver;
	text-align:justify;
}

td.blue, th.blue, tr.blue {
	background-color:#ADD8E6;
	border:1px solid silver;
	color:black;
}

td.white, th.white, tr.white {
	background-color:white;
	border:1px solid silver;
	color:black;
}

td.silver, th.silver, tr.silver {
	background-color:#F0F0F0;
	border:1px solid silver;
	color:black;
}

table.stundenplan {
	background-color:#F0F0F0;
	border:1px solid silver;
	color:black;
	font-weight:bold;
	text-align:center;
	width:100%;
}

table.stundenplan td.blue {
	background-color:#ADD8E6;
	border:1px solid silver;
	color:black;
	width:15%;
}

table.stundenplan td.white {
	background-color:white;
	border:1px solid silver;
	color:black;
	width:15%;
}

table.stundenplan td.white:hover {
	background-color:#F0F0F0;
	color:black;
}


/* Forms
----------------------------------------------*/

input, textarea {
	background-color:white;
	border:1px solid silver;
	color:black;
}

input:hover, textarea:hover {
	background-color:white;
	border:1px solid #6699CC;
	color:black;
}

input.button {
	margin:10px 0px;
}

input.button:hover {
	background-color:white;
	color:#006699;
	cursor:pointer;
}

a.button:link, a.button:visited {
	background-color:#F0F0F0;
	border:2px solid #6699CC;
	color:#6699CC;
	cursor:pointer;
	font-weight:bold;
	height:80%;
	padding:2px 15px;
	text-align:center;
	text-decoration:none;
}

a.button:hover {
	background-color:#D0D0D0;
	border:2px solid #006699;
	color:#006699;
	cursor:pointer;
	font-weight:bold;
	height:80%;
	padding:2px 15px;
	text-align:center;
	text-decoration:none;
}

.button_inactive {
	background-color:#F0F0F0;
	border:2px solid silver;
	color:silver;
	font-weight:bold;
	height:80%;
	padding:2px 15px;
	text-align:center;
}

.toolbar {
	font-weight:bold;
}

.toolbar img {
	background-color:inherit;
	border:1px solid white;
	color:black;
	padding:2px;
	margin:0px 2px;
	cursor:pointer;
	vertical-align:middle;
}

.toolbar img:hover {
	background-color:#F0F0F0;
	border:1px solid silver;
	color:black;
	padding:2px;
	margin:0px 2px;
	cursor:pointer;
	vertical-align:middle;
}


/* Admin Panel 
----------------------------------------------------*/

.errorlog {
	border:2px solid red;
	font-family:"Courier New", Courier, monospace;
	height:450px;
	overflow:auto;
	padding:20px;
	text-align:left;
	white-space:nowrap;
	width:91%;
}

.cronjobslog {
	border:2px solid green;
	font-family:"Courier New", Courier, monospace;
	height:450px;
	overflow:auto;
	padding:20px;
	text-align:left;
	white-space:nowrap;
	width:91%;
}

/* Ende Style Code */