/* Import default comment styles */
@import url(../../../../rsc/css/comments.css); /* Import default comment styles */

/* styles for clean skin */
body {
	background: url(bg-verlauf.png) top repeat-x #00A4F9;
	padding : 0;
	margin : 0;
	color : #000;
	font-size : 62.5%;
	font-family : "Trebuchet MS", Verdana, sans-serif;
}
body a {
	color : #0074AC;
	text-decoration : none;
}
body a:active {
	color : #0074AC;
	text-decoration : none;
}
body a:visited {
	color : #0074AC;
	text-decoration : none;
}
body a:hover {
	color : #000;
	text-decoration : none;
}
.pageCenter {
	background: url(bg.png) top no-repeat;
}
.content {
	width : 790px;
	padding-left : 117px;
	margin-left : auto;
	margin-right : auto;
	margin-top : 0;
	margin-bottom : 0;
	font-size : 1.1em;
}
caption {
	font-weight : bold;
}
h1 {
	margin : 0;
	padding : 0;
	color : #000;
	font-size : 120%;
	font-family : Verdana, sans-serif;
	font-weight : bold;
	border-bottom : dotted 1px #000;
}

h2 {
	text-align : right;
	color : #000;
	font-size : 130%;
	font-weight : bold;
	padding: 10px 30px 0px 10px;
}
h3 {
	font-size : 120%;
}
h4 {
	font-size : 110%;
}
div.titledate {
	margin-top : -2px;
	margin-left : 30px;
	color : #ADADAD;
}
p.baseline {
	clear : both;
	font-size : 95%;
	text-align : center;
	padding-top : 20px;
}
dt {
	font-weight : bold;
	color : #009999;
}
blockquote {
	border : 1px dotted #333333;
	background-color : #eeeeee;
	margin : 10px;
	padding-left : 16px;
	padding-right : 16px;
	padding-top : 12px;
	padding-bottom : 12px;
}
.center {
	text-align : center;
}
acronym {
	border-bottom-width : 1px;
	border-bottom-style : dotted;
	border-bottom-color : #000000;
	cursor : help;
}
abbr {
	border-bottom-width : 1px;
	border-bottom-style : dotted;
	border-bottom-color : #000000;
	cursor : help;
}
del {
	color : #999999;
}
ins {
	color : #009999;
	text-decoration : none;
}
div.pageHeader {
	height: 277px;
	text-align : center;
	overflow: hidden;
}
h1#pageTitle {
	color : #ffffff;
	font-size : 270%;
	display: none;
}
.pageSubtitle {
	color : #ffffff;
	letter-spacing : 4px;
	text-align : center;
	margin : 1ex;
	font-size : 124%;
	display: none;
}
a.BlogButton {
text-decoration : none;
border : 1px solid #ffffff;
padding-top : 2px;
padding-right : 4px;
padding-bottom : 2px;
padding-left : 4px;
white-space : nowrap;
margin-right : 3px;
margin-top : 3px;
background : #336699;
}
a.BlogButtonCurr {
text-decoration : none;
border : 1px solid #ffffff;
text-align : left;
vertical-align : top;
padding-top : 2px;
padding-right : 4px;
padding-bottom : 2px;
padding-left : 4px;
white-space : nowrap;
margin-top : 3px;
margin-right : 3px;
background : #6699cc;
}
a.BlogButton:link , a.BlogButton:visited , a.BlogButton:active , a.BlogButtonCurr:link , a.BlogButtonCurr:visited , a.BlogButtonCurr:active {
color : #ff9900;
text-decoration : underline;
}
a.BlogButton:hover {
color : #ffffff;
background : #6699cc;
}
a.BlogButtonCurr:hover {
color : #336699;
}
div.stats {
	float : right;
	padding-right : 1px;
	padding-top : 1px;
	padding-bottom : 1px;
	padding-left : 0;
}

#search_cloud {
	clear : both;
	padding : 25px;
}

/* Styles for posts */
.bPostsContainer {
	float : left;
	width : 575px;
}
.bPosts {
	background : url(bg-bposts.png) repeat-y;
	width : 575px;
	overflow: hidden;
}
.bPostsTopNavi {
	background : url(bg-topnavi.png) no-repeat;
	height : 28px;
}
.bPostsTopNavi div.home {
	width : 65px;
	float : left;
}
.bPostsTopNavi div.home:hover {
	background : url(bg-topnavi-hover.png) 0px 0px no-repeat;
}
.bPostsTopNavi div.about {
	width : 59px;
	float : left;
}
.bPostsTopNavi div.about:hover {
	background : url(bg-topnavi-hover.png) -65px 0px no-repeat;
}
.bPostsTopNavi div.reviews {
	width : 103px;
	float : left;
}
.bPostsTopNavi div.reviews:hover {
	background : url(bg-topnavi-hover.png) -124px 0px no-repeat;
}
.bPostsTopNavi div.searchcloud {
	width : 103px;
	float : left;
}
.bPostsTopNavi div.searchcloud:hover {
	background : url(bg-topnavi-hover.png) -227px 0px no-repeat;
}
.bPostsEnding {
	background : url(bg-bposts-end.png) no-repeat;
	height : 15px;
}
.bPost, .bPostpublished, .bPostUsersite {
	background : url(y.png) 0px 10px no-repeat;
	padding : 20px 25px 20px 35px;
	clear : both;
}
.bPostUsersite {
	margin-top : 0;
	border-top : none;
}
.bPosts ul {
	padding : 0px;
	margin : 5px;
}
.bPosts ul li {
	margin-left : 15px;
}
.bSmallHead {
	font-family : Verdana, sans-serif;
	font-size : 10px;
	margin-top : 8px;
	margin-bottom : 8px;
}
.bTitle {
	margin-top : 8px;
	margin-bottom : 8px;
	font-family : Verdana, sans-serif;
	font-size : 120%;
	font-weight : bold;
}
.bText {
margin-top : 0;
margin-bottom : 0;
}
.bMore {
text-align : center;
}
.bMore a {
font-weight : bold;
font-size : 110%;
}
.bSmallPrint {
clear : both;
font-family : Verdana, sans-serif;
font-size : 10px;
margin-top : 8px;
margin-bottom : 8px;
}

/* Styles for stats page */
div.statbloc {
background-color: #f2f2f2;
margin: 0 2% 2ex 2%;
border: 1px dotted #333333;
padding: 0;
}
div.statbloc h3 {
background-color: #c0c0c0;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding: 1ex;
color: #000000;
text-align: center;
}
table.invisible {
margin : 1ex;
border-collapse : collapse;
}
table.invisible td {
padding : 0 1ex;
}
td.right {
text-align : right;
}

/* Styles for sidebar (right) */
.bSideBar {
	float : right;
	width : 215px;
}
.bSideItem {
	background : url(bg-bsidebar.png) right repeat-y;
	margin : 0;
	padding : 5px 15px 0px 5px;
	overflow: hidden;
}
.bSideItem h3 {
	margin-top : 0;
	margin-bottom : 8px;
}
.bSideItem ul {
	margin-left : 8px;
	padding-left : 8px;
	margin-top : 8px;
	margin-bottom : 8px;
}
.bSideItem ul ul {
	margin-left : 8px;
	padding-left : 8px;
	margin-top : 0;
	margin-bottom : 0;
}
.bSideItem form {
	margin-top : 0;
	margin-bottom : 0;
}
.dimmed {
	color : #666;
	font-size : 90%;
}
input.SearchField {
	border : 1px dotted #000;
	background-color : #D7F2FF;
	padding : 0.5ex;
	width : 96%;
	margin : 0;
	font-family : "Trebuchet MS", Verdana, sans-serif;
	margin-bottom: 5px;
}
input.SearchField:focus {
	border : 1px dotted #000;
	background-color : #fff;
	padding : 0.5ex;
	width : 96%;
	margin : 0;
	font-family : "Trebuchet MS", Verdana, sans-serif;
	margin-bottom: 5px;
}

input.submit {
	border : 1px dotted #000;
	background-color: #D7F2FF;
	padding : 0.5ex;
	font-family : "Trebuchet MS", Verdana, sans-serif;
	font-size : 0.9em;
}

input.submit:hover {
	border : 1px dotted #000;
	background-color: #fff;
	padding : 0.5ex;
	font-family : "Trebuchet MS", Verdana, sans-serif;
}

input.preview {
	border : 1px dotted #000;
	background-color: #D7F2FF;
	padding : 0.5ex;
	font-family : "Trebuchet MS", Verdana, sans-serif;
}

input.preview:hover {
	border : 1px dotted #000;
	background-color: #fff;
	padding : 0.5ex;
	font-family : "Trebuchet MS", Verdana, sans-serif;
}

input.bComment {
	border : 1px dotted #000;
	background-color: #D7F2FF;
	padding : 0.5ex;
	font-family : "Trebuchet MS", Verdana, sans-serif;
}
input.bComment:focus {
	border : 1px dotted #000;
	background-color: #fff;
	padding : 0.5ex;
	font-family : "Trebuchet MS", Verdana, sans-serif;
}

textarea.bComment {
	border : 1px dotted #000;
	background-color: #D7F2FF;
	padding : 0.5ex;
	font-family : "Trebuchet MS", Verdana, sans-serif;
}
textarea.bComment:focus {
	border : 1px dotted #000;
	background-color: #fff;
	padding : 0.5ex;
	font-family : "Trebuchet MS", Verdana, sans-serif;
}

/* styles for comment and profile forms */
form {
margin: 0;
padding: 0;
}
form.inline {
margin: 0px;
padding: 0px;
display: inline;
}
fieldset.input {
margin: 0;
padding: 0;
border: 0;
}
fieldset span.notes {
font-size: 90%;
color: #666;
}
input.large, textarea.large {
width: 97%;
margin-left: 0;
margin-right: 0;
}
label.radiooption {
margin-right: 1em;
}
/* 24/75% forms - Fast Forms */
form.fform fieldset {
border: 1px solid #ddd;
margin-bottom: 1ex;
background-color: #fff;
padding: .5ex 1ex;
}
form.fform fieldset fieldset {
border: none;
margin: 1ex;
padding: 0;
}
form.fform div.label {
float: left;
width: 24%;
text-align: right;
font-weight: bold;
margin: 0;
padding-top: .5ex;
}
form.fform div.input {
margin: 0 0 0 25%;
}
form.fform fieldset.input {
margin: 0;
}
form.fform div.info {
margin: 0 0 0 25%;
padding-top: .5ex;
}
/* 18/80% forms: comments and profile */
form.bComment fieldset {	/* one form line */
border: none;
margin: 2ex 0ex;
padding: 0ex;
}
form.bComment fieldset label {
font-weight: bold;
}
form.bComment fieldset div.label { /* label of form line */
float: left;
width: 18%;
text-align: left;
padding-top: .5ex;
font-weight: bold;
}
form.bComment fieldset div.input { /* input zone of form line */
margin: 0 0 0 30%;
}
form.bComment fieldset div.input span.notes {
display: block;
}
form.bComment fieldset.input {
margin: 0;
}
form.bComment fieldset div.info { /* info zone of form line */
margin: 0 0 0 20%;
padding-top: .5ex;
}

input.bComment, select.bComment, textarea.bComment {
padding: 0.5ex;
margin: 0;
}

/* styles from blog_elements */
div.codeblock {
background-color: #eee;
border: 1px dotted #aaa;
margin: 1ex;
padding: 1ex;
width: 90%;
overflow: auto;
}
div.codeblock pre {
margin: 0;
}

/* styles for images */
img {
border: none;
}
img.top {
vertical-align: top;
border: 0px;
}
img.flag {
vertical-align: middle;
border: 1px solid #000;
}
img.middle {
vertical-align: middle;
border: 0px;
}
img.leftmargin {
float: left;
border: 0px;
margin-right: 1ex;
margin-top: .2ex;
margin-bottom: .2ex;
}
img.rightmargin {
float: right;
border: 0px;
margin-left: 1ex;
margin-top: .2ex;
margin-bottom: .2ex;
}
a.permalink_right {
background-color: transparent;
float: right;
border: 0;
}

/* styles for the archive calendar */
caption.bCalendarCaption {
border-left : 1px solid #ccc;
border-right : 1px solid #ccc;
border-top : 1px solid #ccc;
margin : auto;
white-space : nowrap;
font-family : Verdana, sans-serif;
font-size : 10px;
font-weight: bold;
padding: .5ex 0;
}
table.bCalendarTable {
margin : auto;
font-size : 84%;
border : 1px solid #ccc;
border-collapse: separate; 
border-spacing: 0px;	
background : #fff;
}
tr.bCalendarRow {
text-align : center;
font-family : Verdana, sans-serif;
font-size : 9px;
}
th.bCalendarHeaderCell {
font-size : 8px;
font-family : Verdana, sans-serif;
width: 4ex;
}
td.bCalendarCell {
font-family : Verdana, sans-serif;
font-size : 9px;
width: 4ex;
height: 3.5ex;
}
.bCalendarLinkPost {
font-weight : bold;
}
#bCalendarToday {
background-color : #e1e1e1;
}
td#prev, td#next {
font-weight: bold;
font-size: 105%;
padding: .5ex;
white-space: nowrap;
}
td#prev a, td#next a {
padding: 0 .5ex;
}
td#prev {
text-align: left;
}
td#next {
text-align: right;
}

/* styles for popup comments if used */
#contentcomments {
margin: 0 0 50px 10px;
padding: 10px;
}
#contentcomments input {
margin: 1px;
padding: 1px 1px 4px 1px;
border: 1px solid #ccc;
font: 11px/14px verdana, arial, helvetica, sans-serif;
}
#contentcomments textarea {
margin: 1px;
padding: 1px;
border: 1px solid #ccc;
font: 11px/14px verdana, arial, helvetica, sans-serif;
}

.itemdetails{
	text-align: right;
	margin-top: 10px;
	padding: 5px 0 0 0;
}
/*Posted by*/
.item1{
	padding: 0 0 0 13px;
	margin: 0 0 0 12px;
	background: url(01_item1.gif) 0 1px no-repeat;
}
/*Category*/
.item2{
	padding: 0 0 0 13px;
	margin: 0 0 0 12px;
	background: url(01_item2.gif) 0 3px no-repeat;
}
/*Comments*/
.item3{
	padding: 0 0 0 15px;
	margin: 0 0 0 12px;
	background: url(01_item3.gif) 0 3px no-repeat;
}

.bComment {
font-size: 110%;
}
code {
font-size: 120%;
}

#democracy ul {
list-style-type: none;
}
ul.onlineUsers {
list-style-type: none;
}

.bCommentSmallPrint {
font-style: italic;
}

div.thumbnailr img {
	border : 1px solid #999;
	margin : 0 0 5px 5px;
	padding : 5px;
	float : right;
}
div.thumbnailr img:hover {
	border : 1px solid #666;
}
div.thumbnaill img {
	border : 1px solid #999;
	margin : 0 5px 5px 0;
	padding : 5px;
	float : left;
}
div.thumbnaill img:hover {
	border : 1px solid #666;
}
div.thumbnailm {
	width : 100%;
	text-align : center;
}
div.thumbnailm img {
	border : 1px solid #999;
	padding : 5px;
}
div.thumbnailm img:hover {
	border : 1px solid #666;
}
div.thumbnailn img {
	border : 1px solid #999;
	padding : 5px;
}
div.thumbnailn img:hover {
	border : 1px solid #666;
}
h1 a, h1 a:active, h1 a:hover, h1 a:visited {
	color : #000;
	text-decoration : none;
	border : none;
}