/*  
Theme Name: undkonsorten
Theme URI: http://www.undkonsorten.com/
Description: PluginTheme blog.undkonsorten.com
Version: 0.1
Author: undkonsorten
Author URI: http://www.undkonsorten.com/
*/

/* ************************************************** */
/* ********* SEITENSTRUKTUR / STRUCTURE / ******** */
/* ************************************************** */

body {
	background: url(images/page_hg.gif);  
	background-attachment:fixed; 
	margin: 0;
	padding: 0; 
	text-align: center; }

#page { /* 765px */
	background: #FFFFFF url(images/page_background_green.gif) repeat-y right top ;
	border: 1px solid #000000; 
	color: #000000;
	height: 100%; 
	margin: 20px auto 0 auto;
	padding: 0;
	position: relative;
	left: 0px; 
	width: 765px;  } 

#header {
	border-bottom: 0px solid green; 
	padding: 38px 0 0 45px; 
	margin: 0 auto;
	height: 90px; 
	line-height: 0px; 
	text-align: left;  
	width: 720px; }

div#header_logo {
	float: right;	
	margin: 0; 		
	padding: 0;
	width: 200px;}	

#metanavi {
	font-weight: bold;
	position: absolute;
	right: 0px;
	top: 5px; }
	
.narrowcolumn {  	/* 635px für modabot!!! */
	color: #000000;
	border: 0px solid silver;	
	/*float: left;´*/
	padding: 0;
	margin: 0 0 0 45px; 
	width: 435px; }

.narrowcolumn .post {
	margin: 45px 0 5px 0; }	

div.commentcount {
	float: right; 	
}
	
#sidebar {  /* 165px für modabot!!! */
	border: 0px solid silver;
	float: right;
	padding: 0; 
	margin: 36px 0 0 0; 
	width: 200px; 
}		
/* für den RSS_FEED -LINK */
#sidebar div.rss { margin: 0 0 60px 0; }
#sidebar .rss_img { margin: 0; float: left; }
#sidebar .rss_img  { border-top: 2px solid #FFFFFF; margin: 0 5px 0 0; }
#sidebar .rss p { margin: 0 0 10px 5px; padding: 0 0 0 0; 
}
#footer {
	clear: both;
	margin: 0;
	padding: 40px 0 20px 44px;  
}


/* ********* ENDE: SEITENSTRUKTUR / STUCTURE ******** */

/* ********* FONTS, FARBEN // TYPO, COLORS ********** */
/* ************************************************** */
body {
	font-size: 12px; 	/*62.5%;*/ /* Resets 1em to 10px */
	line-height: 16px /*1.9em*/;
	font-family: Verdana, Arial, Sans-Serif;
	color: #000000; 
}
#page {
	text-align: justify; 	
}
.narrowcolumn small { 
	color: #999999;
	font-size: 11px; 
}	
p.postmetadata {
	background: #EFEFEF;
	border-top: 3px solid #99cc33;
	border-bottom: 1px solid silver;
	color: #999999;
	font-size: 10px; 
	font-weight: bold; 
	padding: 1px 0 20px 0;
	margin: 0;
	
}
div.navigation { 
	margin: 70px 0 0 0; 
}	
div#footer { 
	font-size: 10px;
	line-height: 12px; 
}
#footer .copy { line-height: 20px; clear: both; 
}	
div#header_logo p { 
	color: #FFFFFF; 
	font-size: 11px; 
	text-align: center; 
	line-height: 0px; 
	margin: 0; 
	padding: 0;
}
#sidebar {
	color: #FFFFFF;
	font-size: 11px; 
}
div.commentcount {
	color: #99cc33; 
	font-size: 18px;
	text-align: left;
	font-weight: bold; 
}
.commentmetadata { 
	border-bottom: 1px solid #99cc33; 
	padding: 0 0 5px 0;
}

/*********** UEBERSCHRIFTEN ****************/
/* ************************************************** */
	
.post h2 {
	color: #024802; 
	font-size: 18px;
	line-height: 20px; 
	margin: 0 0 3px 0;	
	text-align: left;
	font-weight: bold; 
}
.post h3 {
	color: #024802; 
	font-size: 13px; 
	font-weight: bold;
	line-height: 20px; 
	margin: 30px 0 3px 0;	
	text-align: left;
	font-weight: bold;  
}
h3.kommentar {
	color: #99cc33; 
	font-size: 18px;
	line-height: 12px; 
	margin: 40px 0 0 0;	
	padding: 0;
	text-align: left;
	font-weight: bold;  
}	
h1, h1 a, h1 a:visited { 	
	color: #A5B539 /*#A5B539*/; 
	font-size: 30px; 	
	font-family: Trebuchet, Arial, sans-serif;
	font-weight: 400;
	margin: 20px 0 30px 0;	
}
#sidebar h2 {
	background: #99cc33 url(images/sidebar_h2_a_pfeil.gif) no-repeat center left;	
	font-size: 13px; 
	margin: 0 0 5px 0;
	padding: 0 0 0 25px; 
	font-weight: bold; }	

/*********** DIE LINKS ****************/
/* ************************************************** */
a, a:active {
	border-bottom: 1px dotted #99cc33; 
	color: #000000;
	text-decoration: none; }
	
a:hover {
	border-bottom: 1px dotted #FFFFFF; 
	background-color: #99cc33;
	text-decoration: none; 
	color: #FFFFFF;
	}

#header a { border: 0; }	
.post h2 a, .post h2 a:visited {
	color: #024802; 
	border: 0px; }
.post h2 a:hover , h1 a:hover {
	color: #FFFFFF;
	border: 0; }
	
div.narrowcolumn .post p a  {
	color: green;
	border-bottom: 1px dotted #99cc33; 
	background: url(images/a_linkpfeil.gif) no-repeat center left;
	padding: 0 0 0 15px; }	
	
.narrowcolumn .post p a:hover {
	background: #99cc33 url(images/a_linkpfeil_hover.gif) no-repeat center left;
	color: #FFFFFF;
	padding: 0 0 0 15px; }
	
div.narrowcolumn small a  {
	color: #999999;
	border-bottom: 1px dotted #99cc33; }

div.narrowcolumn .post p.postmetadata a, div.narrowcolumn .post p.postmetadata a:visited , div.narrowcolumn .post p small a  {
	background: none;
	color: #999999;
	border-bottom: 1px dotted #99cc33; 
	padding: 0; 
}
div.narrowcolumn .post p.postmetadata a:hover, div.narrowcolumn .post p small a:hover  {
	color: #FFFFFF;
	background: #99cc33; 
	padding: 0;
	margin: 0;
}	
#sidebar a { 
	border: 0; 
	color: #FFFFFF; }

.narrowcolumn .post a.more { margin: 0 0 0 20px; border: 0; }

.narrowcolumn .post div.mypicsgallery a:hover {
	background: #ffffff; }

/* ********* LISTEN / LISTS ************************* */
/* ************************************************** */

.entry ol {
	padding: 0 0 0 35px;
	margin: 0; 	}

.entry ol li {
	margin: 0;
	padding: 0; 	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none; 	}

	
/* ********* KOMMENTARE ********************** */	
ul.commentlist {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.commentlist li {
	background: #EFEFEF;
	border-top: 3px solid #99cc33;
	border-bottom: 1px solid silver;	
	padding: 5px;
	margin: 0 0 20px 0;
}

	
/* ********* FOOTER  ********************** */	
div#footer ul {
	margin: 0;
	padding: 0;
	list-style: none; }
div#footer ul li { 
	border-right: 1px solid black;
	float: left;
	margin: 0 5px 0 0;
	padding: 0 5px 0 0; }
	
/* ********* SIDEBAR  ********************** */
#sidebar {	
	text-align: left; }

#sidebar ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0; }
	
#sidebar  ul li {
	margin: 15px 0 0 0;
	padding: 0;
	text-indent: 0; }	

#sidebar  ul li ul li {
	margin: 0 0 0 26px;
	padding: 0;	}	


/*********** IMAGES, BILDER ****************/
/* ************************************************** */

img.headerbild_links { margin-left: 20px; }

p img {
	padding: 0;
	max-width: 100%; 	}
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto; 	}
	
img.alignright {
	padding: 0;
	margin: 0 0 7px 10px;
	display: inline; 	}

img.alignleft {
	float: left; 
	padding: 0;
	margin: 0 7px 2px 0;
	display: inline; 
	border: 0px solid black;	}

.alignright {
	float: right; 
	padding: 0px; 
	margin: 0 0 13px 20px ; 
	color: #FF6633; }

.print {
	float: right; 
	padding: 0px; 
	margin: 0 0 13px 20px ; }
	
.print a img {
	border: 0; }	

a img {
	border: none; 
	margin: 0;
	padding: 0; }

#wp-notable-line a, #wp-notable-line a:hover  { 
	background: none; 
	border: 0; }

#wp-notable-line a img { height: 10px; margin: 5px 3px 0 0; }
#wp-notable-line a:hover img { height: 13px; margin: 0 0px 0 0; }

	
/* Ende Images */


/* ********* ALLES UEBER FORMULAR-FELDER ********************** */
/* ************************************************** */

/* Tabellenlayout für Formularelemente */

form { margin: 0; padding: 0; }

.form_satz { /*das ist ein DIV!!!*/
	padding-top: 10px;
	clear : right; }
.form_bezeichner { /*das ist ein span!!!*/
	float: left;
	width: 130px;
	text-align: left; }
.form_input { /*das ist ein span!!!*/
	float: right;
	width: 280px;		/*425px;*/
	text-align: left; }	

input { height: 13px; padding: 0px 2px 2px 2px; }

input, textarea, select  {
	border: 1px solid black; margin: 0;
	background: #FFFFFF; 
	font-size: 11px; }
	
input, textarea, select, form {	
	text-align: left; }

input:hover, input:focus, textarea:focus, textarea:hover { 
	border: 1px solid black; 
	background-color: #EFEFEF; }

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	border: 1px solid silver; }

.fehler_font { color: #FF0000; }
.fehler_input input, .fehler_input textarea { border: 1px solid #FF0000; }


/* FORMULARE SIDEBAR */

#sidebar input, #sidebar textarea, #sidebar select  {
	border: 1px solid black; margin: 0 0 3px 0; 
	background-color: #FFFFFF;
	font-size: 11px; }

#sidebar input:hover, #sidebar input:focus, #sidebar textarea:focus, #sidebar textarea:hover { 
	border: 1px solid black; 
	background-color: #EFEFEF; }
	
input, textarea, select, form {	
	text-align: left; }

#searchsubmit, input.absenden { text-align: center; padding: 0 5px 0px 5px; margin: 3px 0 0 0; height: 20px; }
	
/* Ende Form Elements */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help; 	}

acronym, abbr {
	border-bottom: 1px dashed #999; }



blockquote cite {
	margin: 5px 0 0;
	display: block; 	}

.center {
	text-align: center; 	}

hr { display: none; 	}

/* End Various Tags & Classes*/

.code { 
	background: #ddfc9d;
	border: 1px solid #669966;
	font-family: Courier New, serif;
	font-size: 11px; 
	padding: 3px;
	margin: 0 0 10px 0; }

span.codetext { 	
	display: inline;
	border: 0; padding: 0; margin: 0;
	background: #ddfc9d;
	font-family: Courier New, serif; }
	
.nixzusehen { display: none; }