/*
Theme Name: bo-alternativ.de
Theme URI: http://www.bo-alternativ.de/
Description: The bo-alternativ.de theme by utopieprojekt
Version: 0.9
Author: utopieprojekt

*/
/* 1) -=-=-=- General selectors -=-=-=- */
body   { color: black; font-size: 100.01%; font-family: Helvetica, Arial, sans-serif; background-color: #fff; margin: 0; padding: 0; min-width: 41em }
/* 2) -=-=-=- header -=-=-=- */
#header           { font-size: 1em; background-color: #fff; text-align: left; margin: 15px auto 0; padding: 0; z-index: 10 }
#skip {
	display: none;
	}
.titelheader2        { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 0 auto; padding: 0; width: 880px }
.titelheader2 ul  { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 0; padding: 0 }
.titelheader2 li   { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; list-style: none; display: inline; margin: 0; padding: 0 }
.titelheader2 a, .titelheader2 span    { color: #89a; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #fff; margin: 0; padding: 0.2em 0.2em 0.2em 0.4em; border-left: 3px dotted transparent }
.titelheader2 a:hover, a:active, .titelheader2 span   { color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #89a }
.titelheader                 { font-size: 15px; font-family: "Courier New", Courier, Monaco, monospace; font-weight: bold; text-decoration: none; background-color: #000; background-image: url("images/logo-bo.gif"); text-align: left; margin: 4px 0 0; padding: 0 3px; z-index: 10; height: 25px; border-top: 3px solid #000; border-bottom: 3px solid #000 }
.titelheader img   { text-decoration: none; background-color: transparent; background-image: none; list-style-image: none; border: 0 }
.titelheader a        { text-decoration: none; background-color: transparent; background-image: none; text-align: center; text-transform: lowercase; margin-left: 0 }
  .titelheader a:link       { text-decoration: none; background-color: transparent }
  .titelheader a:visited     { text-decoration: none; border-top: 1px none #708090; border-bottom: 1px none #708090 }
  .titelheader a:hover    { text-decoration: none }
  .titelheader a:active         { font-size: 0; line-height: 0; text-decoration: none; background-color: transparent; background-image: none; height: 0; border-style: none; border-color: transparent }
/* 3) -=-=-=- sideleft -=-=-=- */
#sideleft    { font-family: Verdana, Arial, Helvetica, sans-serif; display: inline; margin: 24px 0 0; padding: 0 5px 10px; width: 200px; float: left }
#sideleft p {
margin-left:0pt;
margin-right:0pt;
margin-top:0pt;
}
#sideleft a {
font-weight:bold;
}
#sideleft ul {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt 0pt 1.2em;
padding:0pt 15px 0pt 10px;
}
#sideleft li  { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 15px; list-style-type: none }
#sideleft div {
font-size:11px;
margin-top:0px;
}
.grau   { color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #484; margin-bottom: 2px; padding: 2px 5px; width: 165px }
#sideleft a:link  { color: #5b6673; font-family: Arial, Helvetica; text-decoration: none }
#sideleft a:visited {
color:#5B6673;
font-family:Arial,Helvetica;
text-decoration:none;
}
#sideleft a:hover {
background-color:#8899AA;
color:#FFFFFF;
font-family:Arial,Helvetica;
text-decoration:none;
}
#sideleft a:active {
background-color:#8899AA;
color:#FFFFFF;
font-family:Arial,Helvetica;
text-decoration:none;
}
/* 3-2) -=-=-=- sideleftleserinnenbriefe -=-=-=- */
#sideleftleserinnenbriefe { font-family: Verdana, Arial, Helvetica, sans-serif; display: inline; margin: 24px 0 0; padding: 0 5px 10px; width: 350px; float: left }
#sideleftleserinnenbriefe p {
margin-left:0pt;
margin-right:0pt;
margin-top:0pt;
}
#sideleftleserinnenbriefe a {
font-weight:bold;
}
#sideleftleserinnenbriefe ul {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt 0pt 1.2em;
padding:0pt 15px 0pt 10px;
}
#sideleftleserinnenbriefe li  { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 15px; list-style-type: none }
#sideleftleserinnenbriefe div {
font-size:11px;
margin-top:0px;
}
#sideleftleserinnenbriefe a:link  { color: #5b6673; font-family: Arial, Helvetica; text-decoration: none }
#sideleftleserinnenbriefe a:visited {
color:#5B6673;
font-family:Arial,Helvetica;
text-decoration:none;
}
#sideleftleserinnenbriefe a:hover {
background-color:#8899AA;
color:#FFFFFF;
font-family:Arial,Helvetica;
text-decoration:none;
}
#sideleftleserinnenbriefe a:active {
background-color:#8899AA;
color:#FFFFFF;
font-family:Arial,Helvetica;
text-decoration:none;
}
/* 4) -=-=-=- sidebar -=-=-=- */
#sidebar             { font-family: Verdana, Arial, Helvetica, sans-serif; display: inline; margin: 19px 0 0; padding: 0 0 10px; width: 180px; float: right }
#sidebar h2     { color: #484; font-size: 12px; font-weight: bold; text-align: left; margin-right: 0; margin-bottom: 2px; margin-left: 0; padding-left: 5px }
#sidebar h3       { color: #484; font-size: 12px; font-weight: bold; text-align: center; margin: 12px 0 }
#sidebar p    { font-size: 12px; margin: 0.5em 0 }
    #sidebar a   { font-weight: normal }
#sidebar ul      { font-size: 11px; font-weight: bold; list-style: none; margin: 0 0 0.3em; padding: 0 0 0 5px }
#sidebar li      { font-size: 11px; margin-right: 0; margin-left: 0; padding-bottom: 4px }
#sidebar a:link      { color: #515c69; font-size: 11px; font-family: Arial, Helvetica; text-decoration: none }
  #sidebar a:visited    { color: #515c69; font-size: 11px; font-family: Arial, Helvetica; text-decoration: none }
  #sidebar a:hover   { color: #fff; font-size: 11px; font-family: Arial, Helvetica; text-decoration: none; background-color: #89a }
#sidebar a:active    { color: #fff; font-size: 11px; font-family: Arial, Helvetica; text-decoration: none; background-color: #89a }
/* 5) -=-=-=- content -=-=-=- */
#box         { background-image: url("images/box09.gif"); background-position: 12px 0; margin: 0 auto; padding: 0; z-index: 11; width: 910px; overflow: hidden }
#content        { font-family: Verdana, Arial, Helvetica, sans-serif; background: #ffffff; display: inline; margin: 20px 0 0; padding: 20px 15px 0; width: 480px; float: left }
#content h2    { color: #000; font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 0; margin: 0 }
#content h2 a { color: #000; font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 0; margin: 0 }
#content h2 a:link, h2 a:visited, h2 a:active   { color: black; text-decoration: none; background-color: #fff; margin: 0 }
#content h2 a:hover    { color: #fff; text-decoration: none; background-color: #484; margin: 0 }
.dokumente  { color: #fff; font-size: medium; font-family: "Courier New", Courier, Monaco, monospace; font-weight: bold; background-color: #999; margin-top: 4px; margin-bottom: 4px; padding-left: 5px }
.meta  { color: #484; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1px; margin-bottom: 3px }
.metacomment  { color: #484; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; letter-spacing: 1px; margin-bottom: 18px }
.metacomment a  { color: #484; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; letter-spacing: 1px }
.metacomment a:link  { color: #484; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; letter-spacing: 1px }
.metacomment a:visited   { color: #484; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; letter-spacing: 1px }
.metacomment a:hover   { color: #fff; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; background-color: #484; letter-spacing: 1px }
.metacomment a:active   { color: #fff; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; background-color: #484; letter-spacing: 1px }
.bearbeiten { color: #333; font-size: x-small; font-family: Arial, Helvetica, sans-serif; background-color: #dcdcdc; margin-bottom: 4px }
.titel2  { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold }
.titel3  { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold }
.titel4   { color: #fff; font-size: 11.9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #000; margin-top: 5px; margin-bottom: 5px; padding: 5px 5px 5px 7px }
.main   { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 5px 0 0 }
.main p    { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 0 }
.left { text-align: left }
.right { text-align: right }
.main img { border-width: 0 }
.main img.left { margin: 0 15px 0 0; float: left; border-width: 0 }
.main img.right { margin: 0 0 0 15px; float: right; border-width: 0 }
.main img.top { vertical-align: top; border-width: 0 }
.main img.middle { vertical-align: middle; border-width: 0 }
.main img.bottom { vertical-align: bottom; border-width: 0 }
.main img.texttop { vertical-align: text-top; border-width: 0 }
.main img.baseline { vertical-align: baseline; border-width: 0 }
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}
a img  { background-color: #fff; border: none }

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft  { display: inline; margin: 0 7px 2px 0; padding: 4px; border-width: 0 }

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */
.main a { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif }
.main a:link   { color: #484; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #fff }
.main a:visited   { color: #484; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #fff }
.main a:hover    { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #484 }
.main a:active       { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #484 }
.relatedposts { color: #717171; font-size: small; font-family: Arial, Helvetica, sans-serif; font-style: italic; list-style-type: none; margin: 5px 0 0 }
.relatedposts a:link { color: #484; font-size: small; font-family: Arial, Helvetica, sans-serif; font-style: normal; text-decoration: none; list-style-type: none; margin: 5px 0 0 }
.relatedposts a:visited { color: #484; font-size: small; font-family: Arial, Helvetica, sans-serif; font-style: normal; text-decoration: none; list-style-type: none; margin: 5px 0 0 }
.relatedposts a:hover { color: #fff; font-size: small; font-family: Arial, Helvetica, sans-serif; font-style: normal; text-decoration: none; background-color: #484; list-style-type: none; margin: 5px 0 0 }
.relatedposts a:active { color: #fff; font-size: small; font-family: Arial, Helvetica, sans-serif; font-style: normal; text-decoration: none; background-color: #484; list-style-type: none; margin: 5px 0 0 }
.line    { color: #8899aa; margin-top: 5px; margin-bottom: 15px; padding-bottom: 11px; border-top: 5px }
/* 6) -=-=-=- footer -=-=-=- */
#footer        { font-size: 0.9em; background-color: #e1e6ef; margin: 0 auto 0; padding-top: 10px; padding-bottom: 20px; clear: both; border-top: 5px }
.impressum  { font-family: Arial, Helvetica; font-weight: bold; text-decoration: none; text-align: right; margin-right: auto; margin-left: auto; width: 270px }
.impressum a  { font-family: Arial, Helvetica; font-weight: bold; text-decoration: none }
.impressum a:link    { color: #484; font-size: small; font-family: Arial, Helvetica; font-weight: bold; text-decoration: none }
.impressum a:visited   { color: #484; font-size: small; font-family: Arial, Helvetica; font-weight: bold; text-decoration: none }
.impressum a:hover   { color: #fff; font-size: small; font-family: Arial, Helvetica; font-weight: bold; text-decoration: none; background-color: #484 }
.impressum a:active      { color: #fff; font-size: small; font-family: Arial, Helvetica; font-weight: bold; text-decoration: none; background-color: #484 }
.extras         { margin-top: 0; margin-right: auto; margin-left: auto; width: 880px }
.extras a { font-weight: bold; text-decoration: none }
.extras a:link, .extras a:visited   { color: #fff; background: #484; padding: 5px; border: solid 2px #e3e5e3 }
.extras a:hover, .extras a:active   { color: #484; background: #fff; padding: 5px; border: solid 2px }
.extras li  { display: inline; margin-right: 1px; margin-left: 1px }
.extras ul  { margin: 0; padding: 0 0 10px }
/* 7) -=-=-=- single -=-=-=- */
#print  { text-align: right }
#print a:link  { color: #fff; text-decoration: none; background-color: #fff; border: 0 }
#print a:visited  { color: #fff; text-decoration: none; background-color: #fff; border: 0 }
#print a:active  { color: #fff; text-decoration: none; background-color: #fff; border: 0 }
#print a:hover  { color: #fff; text-decoration: none; background-color: #fff; border: 0 }
/* 7) -=-=-=- sidebar-page -=-=-=- */
#sidebar-page     { font-size: 0.83em; font-family: Arial, Helvetica, sans-serif; background-color: #ffffcc; margin: 0 0 1.1em; padding: 0; width: 235px; float: right; border-left: 1px solid #fff }
#sidebar-page h2 { color: #090; font-size: 1.5em; font-weight: bold; text-align: left; padding-left: 10px }
#sidebar-page h3   { color: #090; font-size: 1.5em; font-weight: bold; text-align: center; margin: 0.2em 0.5em }
#sidebar-page p  { font-size: 0.83em; margin: 0.5em }
    #sidebar-page a {
    font-weight: bold;
    
  }
#sidebar-page ul  { font-weight: bold; list-style: none; margin: 0 0 0.8em; padding: 0 15px 0 10px }
#sidebar-page li  { list-style-image: none; padding-bottom: 8px }
#sidebar-page li li   { list-style-image: url("images/sub_icon.gif"); padding-bottom: 8px }
#sidebar-page a:link {
    Font-Family: Arial, Helvetica ;
    Color: #009900 ;
    Text-Decoration: None
  }
  #sidebar-page a:visited {
    Font-Family: Arial, Helvetica ;
    Color: #009900 ;
    Text-Decoration: None
  }
  #sidebar-page a:hover {
    Text-Decoration : None ;
	Font-Family : Arial, Helvetica ;
	Color : #FFFFCC ;
	Background-Color : #009900
  }
#sidebar-page a:active   { color: #ffc; font-family: Arial, Helvetica; text-decoration: none; background-color: #090 }
/* 7) -=-=-=- suchen -=-=-=- */
#searchbar    { margin-top: 0; padding: 5px }
#searchbar input   { color: #000900; border: solid 2px #dcdcdc }
#searchbar input[type=text]   { background: #fff url("images/search.png") no-repeat 2px 2px; text-align: right; padding: 1px; height: 18px }
#search { display: none;}
/* 7) -=-=-=- kommentare -=-=-=- */
.reply  { color: #000; font-size: small; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-color: #dbdbdb; margin: 20px 0 0; padding: 2px }
.commentlist { color: #333; font-size: small; font-family: Arial, Helvetica, sans-serif; margin-left: 0 }
.metadate { color: #000; font-size: x-small; font-weight: normal; margin: 0 0 0 }
.comment_author { font-weight: bold }
.back { color: #e3e5e2; font-weight: bold; background-color: #090; margin-top: 20px; padding: 2px }
.comment_text { color: #000; font-size: small; font-family: "Courier New", Courier, Monaco, monospace; font-weight: normal }
.alt { background-color: #e3e5e2; margin-top: 10px; margin-left: 0; padding: 5px; border: solid 1px #c0c0c0 }
.alt2  { background-color: #d9dff8; margin-top: 10px; margin-left: 0; padding: 5px; border: solid 1px #c0c0c0 }
.comment_meta { color: #000; font-size: small; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 0 0 }
.comment_meta a:link { color: #090; font-weight: bold; text-decoration: none }
.comment_meta a:visited { color: #090; font-weight: bold; text-decoration: none }
.comment_meta a:hover { color: #fff; font-weight: bold; text-decoration: none; background-color: #090 }
.comment_meta a:active { color: #fff; font-weight: bold; text-decoration: none; background-color: #090 }
.nocomments { color: #008000; font-size: 0.7em; font-weight: bold; margin: 10px 0 0 0 }
.pagebar 

	 { color: #666; font: bold small Arial, Helvetica, sans-serif; margin: 0; padding-top: 20px; padding-bottom: 10px }



.pagebar a, .pageList .this-page 

	 { text-decoration: none; background: #fff; padding: 2px 6px; border: solid 1px #ddd }



.pagebar a:visited 

	 { text-decoration: none; background: #fff; padding: 2px 6px; border: solid 1px #ddd }



.pagebar .break {

		padding: 2px 6px; 

		border: none; 

		background: #fff; 

		text-decoration: none;

	}
.pagebar .this-page { color: #fff; font-size: small; font-weight: bold; background: #090; padding: 2px 6px; vertical-align: top; border-color: #999 }
.pagebar a:hover { color: #fff; text-decoration: none; background: #090; border-color: #036 }
.bannerside  { text-align: center; margin-top: 0; margin-bottom: 10px }
.bannerside p { text-align: center; margin-top: 0; margin-bottom: 10px }
.bannerside img { border-width: 0 }
.bannertext { color: #000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold }
.children { list-style-type: disc; list-style-position: inside; padding-right: 0; padding-left: 0 }
/* 9) -=-=-=- Kontaktformular -=-=-=- */
.information { font-weight: bold }
.error  { color: #fff; font-weight: bold; background-color: #f00; padding: 5px }
.required   { color: #000; background-color: #fff }
.important  { color: #fff; font-weight: bold; background-color: #f00; padding: 5px }
.success { color: #e3e5e2; font-weight: bold; background-color: #090; margin-top: 20px; padding: 2px }