/* =====================================================
 *	diplom-Blog "style CSS"
 *	beta.Version 06/11/26
 *	designed by FELIX HARDMOOD BECK
 *	based on "Serene 1.0" by Vladimir Agafonkin
 *	=====================================================
 */


#header {
	background: url('images/bg2.jpg');
	/* =================== linkes Bild */
	}
		

#wrap {
	background: url('images/bg3.gif')  repeat-x;
	/* =================== rechtes Bild */
	}

	
h1 {
	color: #000000; /* =====vorher: #CC0033 ====== */
		}
	
/* =====================================================*/

* {
	margin: 0;
	padding: 0;
	font-size: 100.01%;
	}

/* =================== ??? */
html {
	font-size: 62.5%;
	}

/* =================== ??? */
body {
	font: 1.1em Verdana, sans-serif;
		backgr\ound: url('images/sh.gif') 560px 0 repeat-y; 	/* position streifen in der mitte */
	line-height: 15px;
	}

/* =================== ??? */
* html body {
	background-position: 56em;
	}
	
/* =================== background main links */
#wrap2 {
	width: 560px;
	w\idth: 540px;
	padding: 10px;
	padding-top: 0;
	background: #FFFFFF;
	}

/* =================== Blog Titel */
h1 {
	font: 23px Georgia, serif;
	position: absolute;
	bottom: 55px;
	right: 10px;
	color: #406000;
	font-weight: normal;
	text-decoration: none;
	}

/* =================== anzahl-XY response */
h2 {
	position: absolute;
	left: 44px;			/*  position default: 22px */
	top: 143px;			/* position default: 127px */
	font-size: 0.9em;
	font-weight: normal;
	color: #000000;
	}

/* =================== Blog Untertitel */
hsub
	{
	position: absolute;
	font-size: 1em;
	bottom: 38px;
	right: 10px;
	color: #000000;
	}


/* =================== Geo Koordinaten */
geo 
	{
	position: absolute;
	left: 615px;
	top: 62px;
	font-size: 0.9em;
	font-weight: normal;
	color: #000000;
	}

		
/* =================== Einrückabstand in den Posts. Bsp Prüfunskommission */	
blockquote {
	margin-left: 2em;
	}

/* =================== ??? */	
ul {
	bottom: 50px;
	right: 10px;
	margin-bottom: 10px;
	}

/* =================== Abstand um die headlines */	
h4, 
ul, 
p {
	margin-bottom: 5px;
	}

/* =================== headline von jedem post */
h3 {
	font-size: 15px;
	margin-bottom: 10px;
	}
	
/* =================== headline POSTS style */	
#main h3 a {
	color: black;
	text-decoration: none;
	font-size: 15px;
	}

/* =================== abstand von index.php nach oben */
#header {
	height: 180px;
	position: relative;
	border-left: 1px solid white;
	}

/* =================== ??? */
#header div {
	height: 180px;
	}

/* =================== ??? */
#header ul {
	position: absolute;
	margin: 0 10px;
	bottom: 0px;
	list-style: none;
	}
	
/* =================== content feld position*/
#main {
	padding-top: 28px;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 20px;
	}

/* =================== im Geomashup das PopUp */
p.meta {
	color: #000000;			/* schwarz */
	font-weight: normal;
	font-size: 0.9em;
	padding: 0.3em;
	background: #C1DCBC;    /* hellgrün aus Bild oben */
	margin-bottom: 2.5em;
	}

/* =================== ??? */
p.meta a {
	text-decoration: none;
	}

/* =================== sidebar style */
#sidebar {
	position: absolute;
	left: 560px;
	top: 180px;     /* abstand nach oben */
	padding: 2em 0.4em 2em 2.5em;
	color: #606263;
	}

/* =================== abstand zwischen den einzelnen Paketen (pages/Posts/...) */
#sidebar ul {
	list-style: none;
	margin-bottom: 1.5em;
	}

/* =================== ??? */
#sidebar p {
	font-size: 0.9em;
	margin-bottom: 1.5em;
	}

/* =================== sidebar spaltenbreite*/
#sidebar * {
	max-width: 40em;
	}

/* =================== hyperlinks style */
a {color: #4fa600; border:none; text-decoration: none;
}
a:visited {color: #406000; border:none; text-decoration: none;
}
a:hover {background: #fffee1; border:none; text-decoration: none; /* =========== */
}

/* =================== sidebareinträge > schrift style */
#sidebar li {
	margin-left: 0;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	font-size: 0.9em;
	list-style: none;    /* scheiß punkt    :-)   */
	}

/* =================== Striche zwischen den ganzen sidebar einträgen */
#sidebar li a {
	border-bottom: 1px solid #f0f2f3;
	text-decoration: none;
	display: block;
	height: 1%;
	}

/* =================== headlines in beiden sidebars */
#sidebar h3 {
	font-size: 1.0em;
	margin-bottom: 0.2em;
	color: black;
	}

/* =================== abstand der hyperlinks zum Pfeil */
ul li {
	margin-left: 1em;
	padding-left: 15px;
	background: url('images/b.gif') 0 0.3em no-repeat;
	}

/* =================== abstand der comments zum linken rand */
ol li {
	margin-left: 3em;
	}

/* =================== Spalte zwischen sidebars */
#sidebar .column {
	float: left;
	width: 15em;
	margin-right: 18px;
	font-size: 1.0em;
	}
	
/* ======================================================== search style */

#search {
	width: 15em;
	margin-bottom: 1.5em;
	}

#search label {
	font-weight: bold;
	font-size: 1.2em;
	color: black;
	display: block;
	}

#search input {
	width: 95%;
	border: 1px solid #eee;
	padding: 0.2em;
	}

#search input:hover {
	border: 1px solid #aaa;
	}

/* =====================================================*/

.comments h5 {
	margin-bottom: 0.3em;
	}

.comments li {
	margin-bottom: 0.6em;
	}

input, textarea {
	font-size: 1.1em;
	padding: 0.2em;
	}

#txpCommentInputForm label, #zemContactForm label {
	width: 6em;
	float: left;
	}

#txpCommentInputForm, #zemContactForm {
	width: 80%;
	margin: 2em 0;
	}

#preview, #zemSubmit {
	margin-left: 5.6em;
	text-transform: capitalize;
	}

#txpCommentInputForm p, #zemContactForm p {
	margin-bottom: 0.6em;
	}

#message {
	width: 80%;
	}

/* =================== ??? */
textarea {
	font: 1em Verdana, sans-serif;
	}

/* ==================================== post style */
		
.post{margin:0 0 25px 0;}

.post .info{
padding:2px 3px 3px 8px;
border: 1px solid #e3e4e4;
background-color:#f5f5f5;
font-size:0.9em;
color:#505050;
}


/* ==================================== comment style */

#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #4FA600;   /* ======== */
}

#commentform {
margin: 1em 0;
background: #ffffff;
width: 280px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}