/* COPYRIGHT KLAUS EPPEL - KLAUSEPPEL.INFO */
@charset "utf-8";

/* BASIC TAGS BEGINN */

body {
	margin:0;
}

.clear {
	clear:left;
}

img {
	border:none;
	border-bottom:none;
}

input {
	background-color:#e1e3cb;
	font-size:10px;
	padding:2px;
	border:solid 1px #b5b09a;
	margin-top:6px;
	margin-right:10px;
	float:right;
	width:168px;
	height:14px;
	background-image:url(../img/lupe.png);
	background-repeat:no-repeat;
	background-position:155px;
}

 select {
	background-color:#e1e3cb;
	font-size:10px;
	padding:2px;
	border:solid 1px #b5b09a;
	width:138px;
	margin-left:20px;
}


/* BASIC TAGS ENDE */
/* NO SCRIPT/BROWSER ERROR BEGINN*/

#error {
	position:absolute;
	height:100%;


	min-width:100%;
	-moz-opacity:0.9;
	background-color:#000;
	z-index:9999;

}

#error-wrap {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-312.5px;
	margin-top:-159px;
	height:318px;
	width:625px;
}

#error-msg-top {
	background-image:url(../img/blog-v2_03.png);
	height:83px;
}

#error-msg {
	background-image:url(../img/blog-v2_06.png);
	height:218px;
}

#error-msg p {
	font-family:"Trebuchet MS";
	line-height:35px;
	font-size:12px;
	color:#fff;
	padding:20px 30px 20px;
}

#error h2 {
	font-size:24px;
	color:#fff;
	padding:0px 30px 20px 20px;
}

#error h1 {
	color:#FFFFFF;
	font-size:36px;
	padding:18px 20px 0px;
	font-family:"Trebuchet MS";
}

#error a {
	color:#fff;
} 

/* NO SCRIPT/BROWSER ERROR ENDE*/
 /* WRAPS  BEGINN */
 
#wrap {
	position:absolute;
	left:50%;
	margin-left:-500px;
	width:1000px;
	min-height:100%;

}

#content {
	float:left;
	margin-bottom:50px;
	margin-right:30px;
}

 /* WRAPS  ENDE */
/* HEADER BEGINN */

#header {
	width:763px;
	height:99px;
	background-image:url(../img/header-bg.gif);
	padding-top:20px;


}

#header-oben {
	width:763px;
	height:19px;
	background-image:url(../img/header-oben.png);
	
}

#header-unten {
	width:763px;
	height:20px;
	background-image:url(../img/header-unten.png);
}

#header-flache-1 {
	background-image:url(../img/header-flache-1.png);
	background-repeat:repeat-x;
	height:16px; width:763px;
}

#header-navi-l {
	height:80px;
	width:19px;
	background-image:url(../img/header-navi-l.png);
	float:left;
}

#header-navi {
	min-width:722px;
	height:80px;
	float:left;
	background-image:url(../img/header-mitte.png);
}

#header-navi-r {
	height: 80px;
	width:22px;
	background-image:url(../img/header-navi-r.png);
	float:left;
}

.nav {
	float:left;
	border-left:solid 5px #678291;
	border-right:solid 5px #678291;
	height:53px;
	margin-left:12px;
	min-width:140px;
	
}

.nav a {
	color:#FFFFFF;
}

.nav:hover {
	background-color:#b5b09a;
	border-left:solid 5px #FFFFFF;
	border-right:solid 5px #FFFFFF;
}

.nav img {
	border:0;
}

.speakingnav {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	margin:-4px 10px 0;
	color:#fff;
}

.speakingnav a {
	text-decoration:none;
}

.navspace {
	min-width:40px;
	float:left;
}

#suchebar {
	width:763px;
	background-color:#534741;
	height:32px;
	margin-bottom:20px;
}

#boned-twitter {
	height:237px;
	width:317px;
	background-image:url(../img/bonde-twitter.png);
	background-repeat:no-repeat;
	z-index:10;
	position:absolute;
	left:660px;

}

#boned-twitter p {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	width:150px;
	padding-left:120px;
	padding-top:23px;
	line-height:16px;
}

#boned-twitter strong {
	font-size:11px;
	font-weight:bold;
}

#boned-twitter a {
	text-decoration:none;
	color:#000000;
}

/* HEADER ENDE */
/* BLOGPOST BEGINN */
.posttitel {
	background-image: url(../img/posttitel.png);
	height:41px;
	width:652px;
	margin-top:30px;
}

.posttitel h1, .single-post-header h1 {
	font-size:14px;
	font-weight:bold;
	font-family:"Courier New", Courier, monospace;
	color:#fff;
	padding-top:5px;
	padding-left:20px;
}

.single-post-header a, .posttitel a { text-decoration:none; color:#FFFFFF; border-bottom: dotted 1px #FFFFFF;}

.author {
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	color:#b5b09a;
	font-size:9px;
	height:13px;
	width:500px;
	text-align:right;
	float:left;
	margin-bottom:5px;

	
}
.datum {

	background-image:url(../img/calendar.jpg);
	background-repeat:no-repeat;
	height:50px;
	width:54px;
	float:left;
	margin-left:30px;
	margin-right:15px;
	margin-bottom:5px;
	padding-bottom:4px;

}

.tag {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding-right:5px;
	padding-top:5px;
	font-size:24px;
	font-weight:bold;
	text-align:center;
}

.monat {
	color:#fff;
	text-align:center;
	margin:0px;
	margin-right:6px;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
}

.post {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#636363;
	font-size:11px;
	width:564px;
	line-height:200%;	
	margin-left:14px;
	
	margin-right:51px;
	padding:15px 30px 2px;
	background-color:#FFFFFF;
}

.post a:link, .post a:visited, .post a:active, .single-post a:link,  .single-post a:visited,  .single-post a:active {
	border:none;
	text-decoration:none;
	color:#000;
}

.post a:hover, .single-post a:hover {
	background-color:#B5B09A;
	color:#000;
	border:none;
	cursor:help;
}

.post ul {
	margin:10px 0 20px 0;
	border:solid 1px #CCCCCC;
	background-color:#FDFDFD;
}

.post li {
	margin:0;
	list-style:square;
	padding:3px;
	margin-top:2px;
	margin-bottom:3px;
	width:500px;
}

.info {
	margin-top:10px;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	border:dotted 1px #B5B09A;
	background-color:#FDFDFD;

}

.info ul {
	margin:5px 0 8px 0;
	border:none;

}

.info li {
	margin:0;
	margin-left:5px;
	margin-right:10px;
	list-style:none;
	height:12px;
	width:400px;
}

.post-footer {
	height:43px;
	width:652px;
	background-image:url(../img/post-footer.png);
	margin-bottom:55px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

.post-footer p {
	padding-left:20px;
	padding-top:13px;
	margin:0;
	font-size:10px;
}

.post-footer a { color:#FFFFFF;}
.bild-rahmen  { border: solid 1px #ccc;}
.single-post-header {
	background-image:url(../img/single-header.png);
	height:41px;
	width:719px;
	margin-top:30px;
}
.single-post ul {
	margin:10px 0 20px 0;
	border:solid 1px #CCCCCC;
	background-color:#FDFDFD;
}

.single-post li {
	margin:0;
	list-style:square;
	padding:3px;
	margin-top:2px;
	margin-bottom:3px;
	width:500px;
}


.single-post {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#636363;
	font-size:11px;
	line-height:200%;	
	margin-left:14px;
	margin-right:14px;
	padding:10px 30px 2px;
	background-color:#FFFFFF;
	width:631px;	
}

.single-footer {
	background-image:url(../img/single-footer.png);
	width:719px;
	height:91px;
	margin-bottom:60px;
}

.single-footer p {
	margin:0;
	padding:30px 0 0 40px;
	font-size:36px;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	color:#FFFFFF;

}
.link { color:#FFFFFF; }
.link a { color:#FFFFFF; text-decoration:none; font-size:16px; font-weight:bold; border-bottom:dotted 1px #CCCCCC;}

/* BLOGPOST ENDE */
/* KOMMENTAR BEGINN */
.comment-wrap {
	width:719px;
	margin-bottom:90px;
	
}


.comment-wrap a {
	border:none;
	text-decoration:none;
	color:#000;
}

.comment-wrap a:hover{
	background-color:#B5B09A;
	color:#000;
	border:none;
	cursor:help;
}


.navigation {
	background-image:url(../img/nav.png);
	height:70px;
	width:171px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; font-weight:bold;
}

.navigation a {
	color:#fff; text-decoration:none;
}

.navigation p {
	padding: 28px 0 0 3px;
	text-align:center;
}

.comment-div {
	width:468px;
	float:left;
	margin-bottom:50px;
}
.comment-header {
	background-image:url(../img/comment-header.png);
	width:468px;
	height:39px;
}

.comment-header p {
	margin:0;
	padding:7px 0px 0px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
}

.comment {
	width:428px;
	background-color:#FFFFFF;
	min-height:64px;
	margin-left:15px;
	float:left;
}
.comment p {
	margin:10px 20px 10px 25px;
	color:#534741;
	font-family:"Trebuchet MS";
	font-size:10px;
	line-height:200%;
}

.comment-pfeil {
	background-image:url(../img/comment-pfeil.png);
	height:64px;
	width:25px;
	float:left;
	background-position:0 -18px;
}

.comment-footer {
	background-image:url(../img/comment-footer.png);
	width:468px;
	height:22px;
}

.avatar {
	float:left;
	height:80px;
	width:80px;
	padding: 35px 0 0 25px;
}

.avatar img {
	border:none;
}

.commentheader {
	background-image: url(../img/posttitel.png);
	height:41px;
	width:652px;
	margin-top:30px;
}
.commentheader h1{
	font-size:14px;
	font-weight:bold;
	font-family:"Courier New", Courier, monospace;
	color:#fff;
	padding-top:5px;
	padding-left:20px;
}

.commentform {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#636363;
	font-size:11px;
	width:564px;
	line-height:200%;	
	margin-left:14px;
	margin-right:51px;
	padding:15px 30px 2px;
	background-color:#FFFFFF;
}

.commentform input.button { background-color:#FFFFFF; background-image:none; height:22px;}
.commentform input { background-color:#FFFFFF; background-image:none; }
.commentform textarea { background-color:#FFFFFF; background-image:none; border:solid 1px #636363; }

.commentfooter {
	height:43px;
	width:652px;
	background-image:url(../img/post-footer.png);
	margin-bottom:55px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

/* KOMMENTAR ENDE */
/* SIDEBAR BEGINN */
#sidebar {
	float:left;
	margin-left:31px;
	margin-top:22px;
	font-size:10px;
	font-family:"Courier New", Courier, monospace;
}

#sidebar h1 {
	font-size:12px;
	color:#FFFFFF;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	padding-left:12px;
	padding-top:4px;
}

#sidebar ul, li {
	margin:0px;
	margin-left:-2px;
	list-style:square;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:15px;
	width:100px;
}

#sidebar p {
margin:0;
}


#sidebar a {
	text-decoration:none;
	color:#000;
}

#sidebar a:hover {
	background-color:#b5b09a;
}


.sidebar-header {
	background-image:url(../img/sidebar-header.png);
	height:34px;
	width:193px;
}

.sidebar-content {
	background-image:url(../img/sidebar-bg.png);
	width:193px;
	padding-bottom:8px;
}

.sidebar-footer {
	background-image:url(../img/sidebar-footer.png);
	height:11px;
	width:193px;
	margin-bottom:30px;
}

/* SIDEBAR ENDE */
/* FOOTER BEGINN */

#footer {
	height:60px;
	position:absolute;
	top:100%;
	margin-top:0px;
	width:500px;
	background-image:url(../img/footer.png);
	background-repeat:no-repeat;
	

}



#footer p {
	color:#534741;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	padding-left:30px;
	padding-top:8px;
	float:left;
}

#footer a {
	color:#000;
	text-decoration:none;
	cursor:crosshair;
	border-bottom:none;;
}

#footer img {
	margin-left:8px;
	margin-bottom:5px;
	border-bottom:none;
}

/* FOOTER ENDE */