/*

Theme Name: undkonsorten
Theme URI: http://wordpress.org/
Description: Das undkonsorten Template
Version: 1.0
Author: undkonsorten / Thomas Alboth
 
*/

/* ************************************************** */
/* ********* 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; 
height: 100%; 
margin: 20px auto 0 auto;
padding: 0;
position: relative;
left: 0px; 
width: 765px; 
} 

#header {
border-bottom: 0px solid green; 
padding: 13px 0 0 45px; 
margin: 0 auto;
height: 150px; 
line-height: 15px; 
text-align: left;  
width: 720px; }

div#navi {
	border: 1px solid silver;
	width: 435px; 
	height: 50px; 
	padding: 1px 0 0 0px;
	margin: 0 0 0 0;
	text-align: justify; 
	border: 0px solid green; 
} 

div#header_logo { margin: 0; padding: 0; width: 178px; position:absolute; top:30px; right:11px; z-index:99; } 
.post p.wp-caption-text {color:#555;font-style:italic;line-height:18px;margin:0;padding:0 0 12px;}

	
#metanavi {
font-weight: bold;
position: absolute;
right: 0px;
top: 5px; }

.narrowcolumn { border: 0px solid silver; /*float: left;?*/ padding: 5px 0 0 0; margin: 0 0 0 45px;  width: 435px; }

.post { margin: 35px 0 15px 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; 
}  
/* fuer 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: 18px /*1.9em*/;
font-family: Verdana, Arial, Sans-Serif;
color: #000000; 
}
div#navi {
font-family: Arial, Sans-Serif;
font-weight: bold; }

#page { text-align: left; }
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; 
} 

.navigation .alignleft, .navigation .alignleft { font-size: 20px;}

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: 12px; 
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 { clear: left; color: #024802;  font-size: 18px; font-family:Verdana, Sans-Serif;line-height: 20px;  margin: 0 0 3px 0; text-align: left; }

.post h2.archiv { font-size: 16px;} 
.post h3 {
color: #86BF17; 
font-size: 15px; 
font-weight: bold;
line-height: 20px; 
margin: 30px 0 0; 
padding:0;
text-align: left;
font-weight: bold;  
}
.post h4 {color: #86BF17;margin-bottom:2px;padding-bottom:0;}
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: 14px 0 30px 0; 
}
h1.description { font-size: 14px; color: #A5B539; font-weight: bold; }
#sidebar h2 {
background: #99cc33 url(images/sidebar_h2_a_pfeil.gif) no-repeat center left; 
font-size: 13px; 
margin: 0 0 10px 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; }
#navi a { font-weight: bold; color: #006600; } 
#navi a.aktiv { border-bottom: 1px dotted #006600; } 
#header a { border: 0; } 
.post h2 a, .post h2 a:visited { color: #024802; border: 0px; }
.post h2 a:hover , h1 a:hover, small  a:hover { color: #FFFFFF; border: 0; }
 .post p a  { background: url(images/a_linkpfeil.gif) no-repeat center left; border-bottom: 1px dotted #99cc33; color: green; padding: 0 0 0 15px; }
.post p a:hover { background: #99cc33 url(images/a_linkpfeil_hover.gif) no-repeat center left; color: #FFFFFF; padding: 0 0 0 15px; }
.post p a.bildlink , .post p a.bildlink:hover { border-bottom: 0px; padding: 0; }  
small a  { color: #999999; border-bottom: 1px dotted #99cc33; text-decoration:none; border:0;}

 .post p.postmetadata a, div.narrowcolumn .post p.postmetadata a:visited , div.narrowcolumn .post p small a  {
background: none; color: #999999; padding: 0; border:0;}

 .post p.postmetadata a:hover, div.narrowcolumn .post p small a:hover  {
background: #99cc33; color: #FFFFFF; padding: 0; margin: 0; } 
#sidebar a { border: 0; color: #FFFFFF; }

.post a.more { margin: 0 0 0 20px; border: 0; }

.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 { max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 0; margin: 0 0 2px 10px; display: inline;  }
img.alignleft { float: left; padding: 0; margin: 0 10px 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 { margin: 5px 2px 0 2px; }


/*********** LiGHTBOX****************/
/* ************************************************** */
div.mypicsgallery { text-align: left; }
div.mypicsgallery a { border: 0; }


/* ********* ALLES UEBER FORMULAR-FELDER ********************** */
/* ************************************************** */

/* Tabellenlayout f?r Formularelemente */

form { margin: 0; padding: 0; }
.form_satz { padding-top: 10px; clear : right; }
.form_bezeichner { float: left; width: 130px; text-align: left; }
.form_input { float: right; width: 280px; 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; }

.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, pre { 
	border:1px solid #AECF67;
	background: #EBFFBF;
	display:block;
	font: 13px Consolas,Monaco,"Courier New",Courier,monospace;
	font-size:12px;
	margin: 0 0 10px 0;
	overflow-x:auto;
	padding: 10px;
	text-align: left;

}
p code {border:0; padding:0; margin:0; display:inline; }
code:hover, .code:hover { overflow: auto; }

span.codetext {  
display: inline;
border: 0; padding: 0; margin: 0;
background: #ddfc9d;
font-family: 'Courier New', Courier, serif;
}

.nixzusehen { display: none; }

.update { background:#A5B539; padding:0 2px; text-transform:uppercase; font: 10px Tahoma; border-radius:2px; color:#fff; text-shadow:0 2px #aaa;}