/*  
Theme Name: bar-m.de
Theme URI: http://www.bar-m/
Description: PluginTheme bar-m.de
Version: 0.1
Author: undkonsorten
Author URI: http://www.undkonsorten.com/
*/

/* ************************************************** */
/* ********* SEITENSTRUKTUR / STRUCTURE / ******** */
/* ************************************************** */

body {
	background: #000000 url('images/header_hg_980.jpg') repeat-x left top;
	color: #FFFFFF;
	margin: 0px 0 0 0;
	padding: 0; 
	text-align: left;
	vertical-align: middle; }

#page { /* 980px */
	/*background: #000000;*/
	border: 0px solid red; 
	color: #000000;
	/*height: 523px; */
	margin: 0;
	padding: 0;
	position: relative;
	left: 0px; 
	text-align: left;
	width: 980px;  /*das ist neu!!! */} 

#header {
	border: 0px solid green; 
	padding: 60px 0 0 35px; 
	margin: 0 0 0px 0;
	height: 40px; 
	position: relative;
	text-align: left;  
	max-width: 945px;
}
#header_metanavi {
	font-weight: bold;
	position: absolute;
	right: 0px;
	top: 60px; 
}
#sidebar {  /* 300px*/
	border: 0px solid silver;
	float: left;
	padding: 0 20px 0 35px; 
	margin: 20px 0 0 0; 
	width: 210px; 
}			
	
.narrowcolumn {  	
	color: #EEEEEE;
	border: 1px solid #000000;	
	display: block;
	float: left;
	height: 425px; 
	padding: 0;
	position: relative;
	margin: 5px 0 0 0; 
	/*overflow: auto;
	overflow-x: auto; 
	overflow-y: auto;*/
	width: 696px; 
}

.seiten_navi {
	color: #777777;
	position: absolute;
	left: 530px;
	top: 390px;
}
.page_navi {
	color: #777777;
	position: absolute;
	left: 532px;
	top: 386px;
	width: 100px;
	height: 20px;
	margin: 0;
	padding: 0;
	line-height: 20px;
	
}
.narrowcolumn .post p {
	margin: 17px 0 10px 0; 
	}	

div.commentcount {
	float: right; 	
}

#footer {
	clear: both;
	margin: 0;
	padding: 0;	
}


/* ********* ENDE: SEITENSTRUKTUR / STUCTURE ******** */

/* ********* FONTS, FARBEN // TYPO, COLORS ********** */
/* *************************************************** */
body {
	font-size: 11px;
	line-height: 16px;
	font-family: Verdana, Arial, Sans-Serif;
	color: #000000; 
}
#page {
	text-align: left; 	
}
.narrowcolumn small { 
	color: #EEEEEE;
	font-size: 11px; 
}	
.narrowcolumn p { 
	color: #EEEEEE;
	margin: 0 0 16px 0;
	padding: 0; }

p.postmetadata {
	background: #EFEFEF;
	border-top: 3px solid #99cc33;
	border-bottom: 1px solid silver;
	color: #EEEEEE;
	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: #000000;
	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: #EEEEEE; 
	font-size: 11px;
	line-height: 15px; 
	margin: 0 0 3px 0;	
	text-align: left;
	font-weight: normal; 
}
.post h3 {
	color: #EEEEEE; 
	font-size: 13px; 
	font-weight: bold;
	line-height: 20px; 
	margin: 30px 0 3px 0;	
	text-align: left;
	font-weight: bold;  
}

h1, h1 a { 	
	color: #EEEEEE /*#A5B539*/; 
	font-size: 11px; 	
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	margin: 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: 0px dotted orange; 
	color: orange;
	text-decoration: none; }
	
a:hover {
	border-bottom: 0px dotted #FFFFFF; 
	background: orange;
	color: #FFFFFF;
	}

#header a  { 
	border: 0; 
	color: #FFFFFF;
}	


/* ********* META-NAVIGATION  ********************** */

#header_metanavi span span {
	display: inline;
	padding: 0;
	margin: 0 0 0 10px;
} 
	
/* ********* SIDEBAR  ********************** */



/* ********* SIDEBAR  / NAVIGO ********************** */

#sidebar {
	color: #000000;
}

span { /*Wrappt die Navi allgemein mit allen punkten (frueher <ul id="level1">  <li>ueber uns</li>  /ul>) */
	font-size: 0px; line-height: 0px;
}
span span { /*text für 1. Ebene unterpunkte  (frueher <li>Uber uns</li>*/
	line-height: 16px;
	color: yellow;
	display: block; 	
	font-size: 11px;
}
span span a { /*text für 1. Ebene unterpunkte  (frueher <li>Uber uns</li>*/
	color: orange;
	clear: both;
}
span span span { /* entspicht der ersten sub-<ul></ul>*/
	color: #777777;
	display: inline;
}

span span span span { /* entspicht der zweiten ebene <li>mitglieder</li>*/
	
	color: #777777;
	display: inline;
}

.level1 a, .level1active a {
	color: orange;
}
.level1 a:hover, .level1active a:hover , .level2active a:hover, .level2 a:hover {
	color: #FFFFFF;
}
.level2 a {
	color: #777777;
}
.level2active a {
	color: #FFFFFF;
}
a.level1current {	
	background: orange;
	color: black;
}


	
/* ********* NARROWCOLUMN ********************** */


.post h2 a  {
	color: orange; 
	border: 0px; }
.post h2 a:hover , h1 a:hover {
	color: #FFFFFF;
	border: 0; }
	
div.narrowcolumn .post p a  {
	color: orange;
	border-bottom: 0px dotted orange; }	
	
.narrowcolumn .post p a:hover {
	background: orange;
	color: #FFFFFF; 
}



/* ********* LISTEN / LISTS ************************* */
/* ************************************************** */


.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;
}

/* ********* header_metanavi ******************* */

div#header_metanavi ul {
	margin: 0;
	padding: 0;
	list-style: none; }
div#header_metanavi ul li { 
	float: left;
	margin: 0 0 0 20px;
	padding: 0; }#header_metanavi ul li.current_page_item a , #header_metanavi ul li.current_page_parent a {color:orange;}#header_metanavi ul li.current_page_item a:hover , #header_metanavi ul li.current_page_parent a:hover {color:#FFF;}

	
/* ********* 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 {
	float: left;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0; }
	
#sidebar  ul li {
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	text-indent: 0; }	

#sidebar  ul li ul li {
	margin: 0;
	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;
}

.alignleft {
	float: left; 
	padding: 0;
	margin: 0 20px 7px 0 ;
}



.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: left;
	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; 	}
hr.startseite_trenner { 
	background: #777777;
	clear: both;
	display: block;
	border: 0px dotted silver;
	margin: 0 0 16px 0;
	padding: 0;
	height: 1px;
	width: 680px;
}

/* End Various Tags & Classes*/

.nixzusehen { display: none; }

.narrowcolumn #pagenavi span {
	border-right: 1px solid orange;
	clear: none;
	float: left; 
	height: 10px;
	padding: 0 5px 0 0;
}
.narrowcolumn #pagenavi span.pagenaviactive a.pagenavicurrent {
	color: #FFFFFF;
}

.intro *, h2.intro {font-size: 20px; line-height:30px; font-family:Georgia,Times, Serif;}
.intro ul li {list-style-image:url(
http://www.bar-m.de/wp-content/uploads/2009/11/intro-li2.gif)}
.intro span {color:orange;}

