/* * * * * * * * * * * * *
 *  JC-LOG-STYLESHEET    *
 *    Johannes Mirus     *
 *   http://jc-log.de    *
 * * * * * * * * * * * * *
 *    Edition 03/2007    *
 *    Release 13.2       *
 *    vom 31.10.2009     *
 * * * * * * * * * * * * *
 *  JETZT MIT DOPPELTER  *
 *      WASCHKRAFT!      *
 * UND SUPER-MEGA-PERLS! *
 * * * * * * * * * * * * */

 
/* Generelle Formatierung */

div,p,li,td {
	font: 9pt/150% Verdana,Arial,Helvetica,sans-serif;
	color: #333;
}

p {
	margin: 0 0 10px;
}

body {
	padding: 0;
	margin: 0;
	text-align: center;
	/*background: #dcdcdc url("/images/edition03-2007/bg.gif") fixed;*/
	/*background: #39f url("/images/bg002.jpg") no-repeat fixed top left;*/
}

/* Container */

#hauptcontainer {
	margin: 20px auto;
	text-align: left;
	width: 800px;
	border: 2px solid #ccc;
	background-color: #fff;
	background: #fff url("/images/bg004.jpg") no-repeat top left;
}

#header {
	margin-bottom: 0px;
	background: url("/images/header001.jpg") no-repeat;
	padding: 102px 20px 0 150px;
	text-align: right;
	height: 50px;
}

#kopfnavigation {
	padding: 4px 10px 2px;
	text-align: left;
	margin: 10px 5px 10px 0;
	/*border: 1px dashed #ccc;
	border-width: 1px 0;*/
}

#contentleft {
	float: right;
	margin: 0 10px 10px;
	width: 250px;
}

#contentmain {
	margin: 20px 285px 0 10px;
	min-height: 2500px;
}

.ctext {
	margin-bottom: 25px;
	text-align: justify;
}

.ctext p {
	line-height: 150%;
	margin-left: 20px;
}

.text p,li,td,.textad p,li,td {
	line-height: 150%;
}

.text p,.textad p {
	text-align: justify;
}

.textad p {
	font-size: 8pt;
}

.box {
	margin-bottom: 20px;
	border: 1px dashed #ccc;
	padding: 5px;
	background: #fff url("/images/bg003.jpg") no-repeat top left;
	-moz-border-radius: 7px;
}

.boxcontent {
	padding-top: 5px;
}

.boxcontent p,.boxcontent li {
	font: 8pt/150% Verdana,Arial,Helvetica,sans-serif;
	color: #888;
}

.eintrag,.eintragsticky {
	border-bottom: 1px solid #f90;
	padding-bottom: 10px;
	margin: 0 0 30px;
}

.eintragsticky {
	border-bottom: 2px solid #f90;
	padding-bottom: 10px;
}

.foto {
	width: 502px;
	text-align:center;
	margin: auto;
}

/* Links */

a {
	text-decoration: underline;
	color: #000;
}

a:hover,a.titel:hover,a.titelsticky:hover,a.links:hover,a.datumlink:hover,a.via:hover {
	color: #fff;
	background-color: #f90;
	text-decoration: none;
}

a.titel,a.titelsticky {
	text-decoration: none;
	color: #333;
}

a.titelsticky {
	color: #fff;
}

a.links,.comtitel {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #333;
	border: 0;
}

a.links {
	color: #888;
}

a.datumlink,a.via {
	color: #333;
	text-decoration: none;
}

a.datumlink {
	border: 1px solid #eee;
	padding: 1px 3px;
	font-size: 7pt;
	text-transform: uppercase;
}

a.via {
	text-decoration: underline;
	color: #666;
}

a.kopfnavi {
	font: bold 9pt Verdana,Arial,Helvetica,sans-serif;
	color: #f90;
	background-color: #fff;
	border: 1px dashed #666;
	padding: 5px 10px;
	margin: 0 5px;
	text-decoration: none;
	text-transform: uppercase;
	-moz-border-radius: 5px;
}

a.kopfnavi:hover {
	background-color: #d0d0d0;
	color: #000;
}

a.button {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
	font-weight: bold;
	padding-left: 3px;
	padding-right: 3px;
	color: #ffffff;
	background-color: #f90;
	text-transform: none;
}

a.button {
	font-size: 8pt;
}

a.mehr,a.mehr2 {
	color: #000;
	background-color: #e8e8e8;
	text-decoration: none;
	font-weight: bold;
	padding: 1px 3px;
}

a.mehr {
	border-left: 15px solid #f90;
}

a.mehr2 {
	color: #fff;
	background-color: #f90;
}

a.button:hover,a.mehr:hover {
	color: #000;
	background-color: #f90;
}

a.mehr:hover {
	color: #fff;
}

a.mehr2:hover {
	color: #000;
}

a.navi,a.navi:hover {
	background-color: #fff;
}

.comtitel {
	font-weight: normal;
	color: #888;
}

/* Überschriften */

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	margin-bottom: 0px;
}

h1,h2 {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	color: #333;
}

h1 {
	font-size: 16pt;
	line-height: 30px;
	margin: 0 0 5px -1px;
	/*letter-spacing: -1px;*/
	/*font-style: italic;*/
}

h1.sticky {
	display: none;
/*	font-size: 24pt;
	line-height: 28px;
	margin-top: 5px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #fff;
	background-color: #f90;
	letter-spacing: -1px;
	padding: 6px 0;
	font-style: italic;
	font-weight: normal;*/
}

h2 {
	font-size: 13pt;
}

h3,h3.johannes {
	font-size: 12pt;
}

h3.johannes {
	color: #f90;
}

h4 {
	font: bold 12pt Verdana,Arial,Helvetica,sans-serif;
	color: #666;
	margin: 0 0 5px;
}


/* sonstige Formatierungen von Tags */

ul,ol {
	margin: 0;
	padding: 0;
}

li {
	margin-left: 20px;
}

blockquote {
	border: 1px solid #888;
	border-left: 10px solid #f90;
	margin: 10px 0px;
	background-color: #f0f0f0;
	padding: 10px 10px 0 10px;
	-moz-border-radius: 7px;
}

blockquote p {
	color: #555;
	font: 10pt/120% Georgia,"Times New Roman",serif;
}

cite {
	color: #888;
	font-style: italic;
}

cite:before {
	content: "»";
}

cite:after {
	content: "«";
}

.fixed,pre,code {
	font-family: Courier New, Courier, fixed-with, monospace;
	color: #888;
	font-style: normal;
}

code {
	line-height: 100%;
}

acronym,abbr {
	border-bottom: 1px dotted black;
	cursor: help;
}

form {
	margin: 0px;
}

th {
	font-weight: bold;
	background-color: #e8e8e8;
	text-align:center;
	border-bottom: 1px solid #f90;
}

del,s,strike {
	text-decoration: line-through;
	color: #999 !important;
}

ins {
	color: #090;
	text-decoration: none;
}

small {
	font: 7pt Verdana,Arial,Helvetica,sans-serif;
	color: #666;
}

#box li,p {
	line-height: 120%;
}

img {
	border: 0;
}

/* sonstige Klassen */

.datum {
	color: #333;
	margin: 0 0 2px;
	font-style: italic;
	font-size: 10pt;
}

.datumhead {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	color: #333;
	margin-bottom: 2px;
	font-weight: normal;
}

.via {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	color: #666;
	margin-bottom: 2px;
	font-style: normal;
}

.erkenntnisse {
	font: 7pt Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	color: #999;
	text-transform: uppercase;
}

.kommentar {
	padding: 10px 0 0 20px;
}

.bild,.bildr,.bildl {
	border: 1px solid #000;
}

.bildr,.gravimg {
	float: right;
	margin: 0 0 10px 10px;
}

.gravimg {
	border: 1px solid #eee;
}

.bildl {
	float: left;
	margin: 0 10px 10px 0;
}

.bildbox {
	float: right;
	background-color: #e8e8e8;
	padding: 5px;
	margin: 5px;
	font-size: 7pt;
	line-height: 110%;
	text-align: center;
	border: 1px solid #f90;
	font: 9pt/100% Verdana,Arial,Helvetica,sans-serif;
}

.pagination {
	border: 1px solid #888;
	margin: 10px 0px;
	background-color: #f0f0f0;
	padding: 2px;
	-moz-border-radius: 3px;
}

.eingabe,.abschicken {
	border: 1px solid #f90;
	background-color: #e8e8e8;
	font: 9pt/150% Verdana,Arial,Helvetica,sans-serif;
	color: #000;
}

.abschicken {
	font-weight: bold;
}

table {
	clear: none;
}


/* del.icio.us (oder RandNotizen; Namen sind Schall und Rauch) */

.delicious-posts {
	margin: 0;
	border: 0;
	padding: 0;
	line-height: 130%;
}

.delicious-posts ul, .delicious-posts li, .delicious-banner, #twitter_update_list ul, #twitter_update_list li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

#twitter_update_list {
	margin-bottom: 20px;
}

#twitter_update_list li {
	font: 12pt Verdana,Arial,Helvetica,sans-serif;
	color: #fff;
}

li.delicious-post,p.delicious-extended {
	padding: 0;
	font: 8pt Verdana,Arial,Helvetica,sans-serif;
	list-style-type: none;
	list-style-image: none;
}

li.delicious-post {
	margin-bottom: 10px;
	list-style-type: none;
	list-style-image: none;
}

a.delicious-link {
	font: 8pt Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #888;
}

a.delicious-link:hover, #twitter_update_list a:hover {
	color: #fff;
	background-color: #f90;
	text-decoration: none;
}

#twitter_update_list li {
	margin-bottom: 10px;
	font: bold 12pt Verdana,Arial,Helvetica,sans-serif;
}

#twitter_update_list a {
	color: #fff;
	font-weight: normal !important;
	text-decoration: underline;
	font-size: 9pt !important;
}

/* About-Sektion */

p.aboutclose {
	font: bold 8pt/100% Verdana,Arial,Helvetica,sans-serif;
	background-color: #888;
	margin: 0 0 20px 0;
	padding: 3px 5px;
	text-align: center;
}

.aboutclose a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}