/*

Theme Name: bo-alternativ.de

Theme URI: http://www.bo-alternativ.de/

Description: The bo-alternativ.de theme by utopieprojekt

Version: 0.1

Author: utopieprojekt



*/

/* 1) -=-=-=- General selectors -=-=-=- */

body  { color: black; font-size: 100,01%; font-family: Verdana, Helvetica, Arial, sans-serif; background-color: #fff; margin: 0; padding: 0; min-width: 41em }

#header     { font-size: 1em; text-align: center; margin: 0; padding: 0 0.3em; width: 99%; height: 200px }
.imgpos   { text-align: center }
#skip {

display:none;

}

.titelheader       { color: #483d8b; font-size: 12px; font-family: Verdana, Arial, "Courier New", Courier, Monaco, monospace; font-weight: bold; text-align: left; margin: 0; padding: 0 3px; border-bottom: 1px solid #483d8b }

.titelheader a {

font-weight:bold;

margin-left:90px;

text-align:center;

text-transform:lowercase;

}

.titelheader a:link  { color: #483d8b; text-decoration: none; padding-right: 0.2em; padding-left: 0.4em; border-right: 1px solid #483d8b }

.titelheader a:visited  { color: #483d8b; text-decoration: none; padding-right: 0.2em; padding-left: 0.4em; border-right: 1px solid #483d8b }

.titelheader a:hover   { color: #fff; text-decoration: none; background-color: #483d8b }

.titelheader a:active   { color: #483d8b; text-decoration: none; background-color: #fff }

.titelheader2     { color: #483d8b; font-size: 12px; font-family: Verdana, Arial, "Courier New", Courier, Monaco, monospace; font-weight: bold; text-align: center; margin: 0 0 10px; padding: 0 3px 3px; height: 15px }

.titelheader2 ul   { font-family: Arial, Helvetica, sans-serif; text-align: center; padding: 0 }

.titelheader2 li  { list-style: none; display: inline; padding: 0 }

.titelheader2 a    { color: #483d8b; font-size: 12px; font-weight: bold; text-decoration: none; background-color: #ffffff; margin: 0; padding: 0 0.2em 0 0.4em; border-left: 1px solid #483d8b }

.titelheader2 a:hover, a:active   { color: #ffffff; background-color: #483d8b }

#sideleft   { font-family: Verdana, Arial, Helvetica, sans-serif; display: inline; margin: 47px 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-family:Verdana,Arial,Helvetica,sans-serif;

font-size:11px;

font-weight:normal;

line-height:18px;

list-style-type:none;

}

#sideleft div {

font-size:11px;

margin-top:0px;

}

.grau  { color: #ffffff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #009; margin-bottom: 2px; padding: 2px 5px; width: 188px }

#sideleft a:link  { color: #483d8b; font-family: Arial, Helvetica; text-decoration: none; background-color: #f7f7f7 }

#sideleft a:visited  { color: #483d8b; font-family: Arial, Helvetica; text-decoration: none }

#sideleft a:hover  { color: #ffffff; font-family: Arial, Helvetica; text-decoration: none; background-color: #483d8b }

#sideleft a:active  { color: #ffffff; font-family: Arial, Helvetica; text-decoration: none; background-color: #483d8b }

#sidebar   { font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url("images/sidetop.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 50% top; display: inline; margin: 45px 0 0; padding: 0 0 10px; width: 180px; float: right }

#sidebar h2  { color: #009; font-size: 12px; font-weight: bold; text-align: left; margin-right: 0; margin-bottom: 2px; margin-left: 0; padding-left: 5px }

#sidebar h3  { color: #009; font-size: 12px; font-weight: bold; text-align: center; margin: 12px 0 }

#sidebar p {

font-size:12px;

margin:0.5em 0pt;

}

#sidebar a {

font-weight:normal;

}

#sidebar ul {

border-left:0px solid grey;

font-size:12px;

font-weight:bold;

line-height:15px;

list-style-image:none;















list-style-position:outside;

list-style-type:none;

margin:0pt 0pt 0.3em;

padding:0pt 0pt 0pt 5px;

}

#sidebar li {

font-size:11px;

margin-left:0pt;

margin-right:0pt;

padding-bottom:4px;

}

#sidebar a:link  { color: #483d8b; font-size: 11px; font-family: Arial, Helvetica; text-decoration: none }

#sidebar a:visited  { color: #483d8b; font-size: 11px; font-family: Arial, Helvetica; text-decoration: none }

#sidebar a:hover  { color: #ffffff; font-size: 11px; font-family: Arial, Helvetica; text-decoration: none; background-color: #483d8b }

#sidebar a:active  { color: #ffffff; font-size: 11px; font-family: Arial, Helvetica; text-decoration: none; background-color: #483d8b }

#box      { margin: 10px auto 0; padding: 0; width: 902px; overflow: hidden }

#content   { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 50%; display: inline; margin: 10px 0 0; padding: 20px 15px 0; width: 480px; float: left; border-right: 1px solid #483d8b }

#content h2 {

color:red;

font-size:large;

margin:0pt;

}

#content h2 a:link, h2 a:visited, h2 a:active  { color: #483d8b; font-size: large; text-decoration: none; background-color: #ffffff; margin: 0 }

#content h2 a:hover   { color: white; font-size: large; text-decoration: none; background-color: #483d8b; margin: 0 }

.dokumente {

background-color:#999999;

color:#FFFFFF;

font-family:"Courier New",Courier,Monaco,monospace;

font-size:medium;

font-weight:bold;

margin-bottom:4px;

margin-top:4px;

padding-left:5px;

}

.meta    { color: #b5b5b5; font-size: 9px; letter-spacing: 1px; margin-bottom: 3px }

.bearbeiten {

background-color:#DCDCDC;

color:#333333;

font-family:Arial,Helvetica,sans-serif;

font-size:x-small;

margin-bottom:4px;

}

.titel2 {

font-family:Arial,Helvetica,sans-serif;

font-size:small;

font-weight:bold;

}

.titel3 {

font-family:Arial,Helvetica,sans-serif;

font-size:small;

font-weight:bold;

}

.main {

font-family:Verdana,Arial,Helvetica,sans-serif;

font-size:small;

margin:0pt;

}

.main p  { font-size: 13px; margin-top: 0 }
.left { text-align: left }
.right { text-align: right }
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}
	a img {
	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  { background-repeat: no-repeat }

.main a:link  { color: #483d8b; font-family: Arial, Helvetica; font-weight: bold; text-decoration: none; background-color: #f7f7f7 }

.main a:visited  { color: #483d8b; font-family: Arial, Helvetica; font-weight: bold; text-decoration: none }

.main a:hover  { color: #ffffff; font-family: Arial, Helvetica; font-weight: bold; text-decoration: none; background-color: #483d8b }

.main a:active  { color: #ffffff; font-family: Arial, Helvetica; font-weight: bold; text-decoration: none; background-color: #483d8b }

.relatedposts {

color:#717171;

font-family:Arial,Helvetica,sans-serif;

font-size:small;

font-style:italic;

list-style-type:none;

margin:5px 0pt 0pt;

}

.relatedposts a:link {

color:#448844;

font-family:Arial,Helvetica,sans-serif;

font-size:small;

font-style:normal;

list-style-type:none;

margin:5px 0pt 0pt;

text-decoration:none;

}

.relatedposts a:visited {

color:#448844;

font-family:Arial,Helvetica,sans-serif;

font-size:small;

font-style:normal;

list-style-type:none;

margin:5px 0pt 0pt;

text-decoration:none;

}

.relatedposts a:hover {

background-color:#448844;

color:#FFFFFF;

font-family:Arial,Helvetica,sans-serif;

font-size:small;

font-style:normal;

list-style-type:none;

margin:5px 0pt 0pt;

text-decoration:none;

}

.relatedposts a:active {

background-color:#448844;

color:#FFFFFF;

font-family:Arial,Helvetica,sans-serif;

font-size:small;

font-style:normal;

list-style-type:none;

margin:5px 0pt 0pt;

text-decoration:none;

}

.line {

border-top:5px dotted #F2F2F2;

color:#8899AA;

margin-bottom:22px;

margin-top:5px;

padding-bottom:11px;

}

#footer  { font-size: 0.9em; margin: 0 0 20px; padding-top: 10px; clear: both; border-top: 1px solid #483d8b }

.footer a {

font-family:Arial,Helvetica;

font-weight:bold;

position:absolute;

right:30px;

text-decoration:none;

}

.footer a:link  { color: #483d8b; font-size: small; font-family: Arial, Helvetica; font-weight: bold; text-decoration: none }

.footer a:visited  { color: #483d8b; font-size: small; font-family: Arial, Helvetica; font-weight: bold; text-decoration: none }

.footer a:hover  { color: #fff; font-size: small; font-family: Arial, Helvetica; font-weight: bold; text-decoration: none; background-color: #483d8b }

.footer a:active  { color: #fff; font-size: small; font-family: Arial, Helvetica; font-weight: bold; text-decoration: none; background-color: #483d8b }

.extras {

margin-top:0pt;

text-align:center;

}

.extras a {

font-weight:bold;

text-decoration:none;

}

.extras a:link, .extras a:visited  { color: #ffffff; background: #009 0 50%; padding: 5px; border: solid 2px #e3e5e3 }

.extras a:hover, .extras a:active {

background:#FFFFFF none repeat scroll 0% 50%;

border:2px solid black;

color:black;

padding:5px;

}

.extras li {

display:inline;

margin-left:1px;

margin-right:1px;

}

.extras ul {

margin:0pt;

padding:0pt 0pt 10px;

}

#print {

text-align:right;

}

#print a:link {

background-color:#FFFFFF;

border:0pt none;

color:#FFFFFF;

text-decoration:none;

}

#print a:visited {

background-color:#FFFFFF;

border:0pt none;

color:#FFFFFF;

text-decoration:none;

}

#print a:active {

background-color:#FFFFFF;

border:0pt none;

color:#FFFFFF;

text-decoration:none;

}

#print a:hover {

background-color:#FFFFFF;

border:0pt none;

color:#FFFFFF;

text-decoration:none;

}

#sidebar-page {

background-color:#FFFFCC;

border-left:1px solid #FFFFFF;

float:right;

font-family:Arial,Helvetica,sans-serif;

font-size:0.83em;

margin:0pt 0pt 1.1em;

padding:0pt;

width:235px;

}

#sidebar-page h2  { color: #009; font-size: 1.5em; font-weight: bold; text-align: left; padding-left: 10px }

#sidebar-page h3 {

color:#009900;

font-size:1.5em;

font-weight:bold;

margin:0.2em 0.5em;

text-align:center;

}

#sidebar-page p {

font-size:0.83em;

margin:0.5em;

}

#sidebar-page a {

font-weight:bold;

}

#sidebar-page ul {

font-weight:bold;

list-style-image:none;

list-style-position:outside;

list-style-type:none;

margin:0pt 0pt 0.8em;

padding:0pt 15px 0pt 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  { color: #009; font-family: Arial, Helvetica; text-decoration: none }

#sidebar-page a:visited  { color: #009; font-family: Arial, Helvetica; text-decoration: none }

#sidebar-page a:hover  { color: #fff; font-family: Arial, Helvetica; text-decoration: none; background-color: #009 }

#sidebar-page a:active  { color: #fff; font-family: Arial, Helvetica; text-decoration: none; background-color: #009 }

#search  { background: url("images/search.gif") no-repeat 0 50%; margin: 0 auto 24px; padding-top: 2px; height: 56px }

#search h3 {

font-size:1.4em;

font-weight:normal;

margin:20px 0pt -10px;

}

p.searchinfo {

color:#000000;

font-size:0.9em;

margin:2px 0pt -12px 2px;

}

.searchfield {

background:#FFFFFF none repeat scroll 0% 50%;

border:1px solid #ACE149;

color:#000000;

padding:2px 5px 1px;

width:160px;

}

.searchfield:hover  { color: #009; border: solid 1px #bfbfbf }

.submit  { background: url("images/search_submit.gif") no-repeat 0 50%; text-indent: -9999px; cursor: pointer; margin-bottom: 24px; margin-left: 2px; width: 52px; height: 20px; border: 0 }

.submit:hover  { background: url("images/search_submit.gif") no-repeat 0 -20px; cursor: pointer; margin-left: 2px; width: 52px; height: 20px; border: 0 }

.reply {

background-color:#DBDBDB;

color:#000000;

font-family:Arial,Helvetica,sans-serif;

font-size:small;

font-weight:bold;

margin:20px 0pt 0pt;

padding:2px;

}

.commentlist {

color:#333333;

font-family:Arial,Helvetica,sans-serif;

font-size:small;

margin-left:0pt;

}

.metadate {

color:#000000;

font-size:x-small;

font-weight:normal;

margin:0pt;

}

.comment_author {

font-weight:bold;

}

.back  { color: #fff; font-weight: bold; background-color: #009; margin-top: 20px; padding: 2px }

.comment_text {

color:#000000;

font-family:"Courier New",Courier,Monaco,monospace;

font-size:small;

font-weight:normal;

}

.alt {

background-color:#E3E5E2;

border:1px solid #C0C0C0;

margin-left:0pt;

margin-top:10px;

padding:5px;

}

.alt2 {

background-color:#FFFFCC;

border:1px solid #C0C0C0;

margin-left:0pt;

margin-top:10px;

padding:5px;

}

.comment_meta {

color:#000000;

font-family:Arial,Helvetica,sans-serif;

font-size:small;

font-weight:normal;

margin:0pt;

}

.comment_meta a:link  { color: #009; font-weight: bold; text-decoration: none }

.comment_meta a:visited  { color: #009; font-weight: bold; text-decoration: none }

.comment_meta a:hover  { color: #ffffff; font-weight: bold; text-decoration: none; background-color: #009 }

.comment_meta a:active  { color: #ffffff; font-weight: bold; text-decoration: none; background-color: #009 }

.nocomments  { color: #009; font-size: 0.7em; font-weight: bold; margin: 10px 0 0 }

.pagebar {

color:#666666;

font-family:Arial,Helvetica,sans-serif;

font-size:small;

font-size-adjust:none;

font-stretch:normal;

font-style:normal;

font-variant:normal;

font-weight:bold;

line-height:normal;

margin:0pt;

padding-bottom:10px;

padding-top:20px;

}

.pagebar a, .pageList .this-page {

background:#FFFFFF none repeat scroll 0% 50%;

border:1px solid #DDDDDD;

padding:2px 6px;

text-decoration:none;

}

.pagebar a:visited {

background:#FFFFFF none repeat scroll 0% 50%;

border:1px solid #DDDDDD;

padding:2px 6px;

text-decoration:none;

}

.pagebar .break {

background:#FFFFFF none repeat scroll 0% 50%;

border:medium none;

padding:2px 6px;

text-decoration:none;

}

.pagebar .this-page  { color: #ffffff; font-size: small; font-weight: bold; background: #009 0 50%; padding: 2px 6px; vertical-align: top; border-color: #999999 }

.pagebar a:hover  { color: #ffffff; text-decoration: none; background: #009 0 50%; border-color: #003366 }

.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: #f00; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; padding-right: 5px; padding-left: 10px }

.children { list-style-type: disc; list-style-position: inside; padding-right: 0; padding-left: 0 }