/* Allgemeine Styles für das Layout catZZZ.net */

@import url(../../rsc/css/basic.css);	/* Import basic styles */
@import url(../../rsc/css/img.css);	/* Import standard image styles */
@import url(../../rsc/css/blog_elements.css);	/* Import standard blog elements styles */
@import url(../../rsc/css/forms.css);	/* Import default form styles */
@import url(../../rsc/css/comments.css);	/* Import default comment styles */

body { margin: 0px; padding: 0px; background-color: #eaebf4; }

* { font-family: "Trebuchet MS", sans-serif; font-size: x-small; }

a:link { font-weight: bold; color: #60991f; }
a:visited { color: #70b324; }
a:hover {}
a:active {}

#firstrow {}
#nav { margin-left: 120px; margin-right: 240px; background-color: #FFFFFF; padding-top: 30px; padding-left: 20px; padding-right: 5px; border-right: 1px solid #875423; background-image: url(img/shadow_left.gif); background-repeat: repeat-y; }

#menutop { width: 100%; margin: 0 auto; text-align: left; overflow: hidden; }
#menutop ul { margin: 0px; padding: 0px; list-style: none; }
#menutop li { display: inline; float: left; margin-left: 10px; }
#menutop a { float: left; background-color: #F8FAFE; margin: 0px; padding: 0px 5px; text-decoration: none; border: 1px solid #406080; border-bottom: 0px; }
#menutop a .BlogButton { padding: 2px 5px; color: #B65F2A; display: block; cursor: pointer;  /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */ }
#menutop .BlogButtonCurr { padding: 0px 5px; font-weight: bold; color: #FFFFFF; background-color: #9dadcc; }
#menutop a:hover { background-color: #9dadcc; color: #FFFFFF;}

/* #search {float: right; width: 140px; margin-right: 20px; margin-top: -50px; z-index: 200; } */
input.SearchField { background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: .5ex; width: 96%; margin: 0ex; }

#headerback { height: 160px; background-color: #969ac9; border-top: 1px solid #606280; border-bottom: 1px solid #606280; background-image: url(img/logo_240.jpg); background-repeat: no-repeat; background-position: right; }
#headerbild { height: 160px; margin: 0px 240px 0px 127px; background-image: url(img/header.jpg); background-position: right; border: 1px solid #606280; border: 0px 1px 0px 1px; }
#subheader { margin-left: 120px; margin-right: 240px; background-color: #FFFFFF; text-align: right; font-size: xx-small; font-weight: bold; letter-spacing: 1px; color: #AABBCC;  border-right: 1px solid #875423; padding-right: 3px; background-image: url(img/shadow_left.gif); background-repeat: repeat-y; }

/* Styles for sidebar (right) */
#menubox { float: right; width: 200px; z-index: 100; padding: 39px 20px; }
.bSideBar { width: 200px; overflow: hidden; /* background: #900; */ }
.bSideItem { margin: 0; padding-bottom: 20px; }
.bSideItem ul { margin: 0px; padding-left: 10px; }
.bSideItem li { margin: 0px; margin-left: 10px; padding: 0px; list-style-position: outside; list-style-type: square; }
.bSideItem li a {text-decoration: none;}
.bSideItem form { margin: 0px; }
.dimmed { color: #AAAAAA; font-size: xx-small; }

#maincontent { margin-left: 120px; margin-right: 240px; background-color: #FFFFFF; padding: 20px; border-right: 1px solid #875423; border-right: 1px solid #875423; background-image: url(img/shadow_left.gif); background-repeat: repeat-y;}
#maincontentbottomshadow { margin-left: 120px; margin-right: 240px; height: 18px; background-image: url(img/shadow_bottom.gif); background-repeat: no-repeat; }

#footer { margin-left: 127px; margin-right: 240px; margin-top: 10px; margin-bottom: 20px; text-align: center; background-color: #dadee5; border: 1px dashed #875423; padding: 3px; }

.bTitle { font-family: "Trebuchet MS", sans-serif; font-style: normal; margin: 0px -20px 0px -10px; padding: 5px 10px; background-color: #F8FAFE; color: #bd610e; font-size: small; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; border: 1px dashed #bd610e; border-left: 0px; border-right: 0px; }
h2, h3, h4 { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #AABBCC; border-bottom: 1px solid #AABBCC; }
h2 { margin-left: -10px; margin-right: -20px; margin-bottom: 0px; padding-right: 20px; text-align: right; color: #406080; font-style: italic; border: 0px; } /* wird für das Datum am Anfang eines Beitrags verwendet */
h4 { text-align: right; font-size: xx-small; color: #AABBCC; }
#maincontent .bSmallHead img { float: none; padding: 0px; border: 0px; margin: 0px;} /* Kleine Flagge im Hauptbereich */


img.middle { vertical-align: middle; border: 0px; display: none; }
blockquote { background-color: #F8FAFE; padding: 1px 25px; margin: 0 10px; border: 1px dashed #D7D7D7; }

/* .searchbar { height: 25px; background: #FFF; border: 1px solid #D7D7D7; width: 140px; padding: 0; margin: 10px; }S */
input.SearchField {	background-color: #FFFFFF; padding: 2px; width: 160px; height: 18px; margin: 0; border: 1px solid #D7D7D7; }
input.submit { float: right; margin-top: 2px; }

.bCommentTitle { font-weight: bold; }
.bComment { padding: 0.5em 0; margin: 1em 0; }
.bCommentSmallPrint { font-size: xx-small; }
.bSmallPrint { font-size: xx-small; margin: 0px -20px 20px -10px; padding: 5px 10px; }

.bMore { text-align: right; margin-top: -5px; }
.bMore a { font-weight: bold; color: #bd610e; background:url(img/weiterlesen.gif) no-repeat 2px .25em; margin:0; padding-left: 20px; margin: 0px; } /* weiterlesen */

#maincontent img { padding: 5px; border: 1px solid #ECD29A; margin-right: 10px;}



/* Calendar: */ 
table.bCalendarTable td {font-size: xx-small;}
caption.bCalendarCaption { border: 1px solid #CCCCCC; background-color: #dadee5; border-bottom: 0; }
table.bCalendarTable { border: solid 1px #CCCCCC; border-collapse: separate; }
table.bCalendarTable tfoot td { background-color: #EEEEEE; border-top: 1px solid #ccc; }
table.bCalendarTable tfoot a { text-decoration: none; }
table.bCalendarTable tfoot a:hover { background-color: #7788AA; color: #FFFFFF; }
th.bCalendarHeaderCell { color: #AABBCC; }
#bCalendarToday { background-color: #AABBCC; }

table.invisible { margin: 3px; border-collapse: collapse }
table.invisible td { padding: 0ex 3px; }
td.right { text-align: right; }

p.baseline { border-top: 1px solid #DDDDDD; text-align: center; font-size: xx-small; color: #999999; padding: 5px; margin: 0px; } /* wo wird das verwendet? */
hr { height: 0; border: 0; border-top: 1px solid #7788AA; }

.pageSubTitle { color: #FFFFFF; letter-spacing: 1px; text-align: center; vertical-align: middle; border: 0px; padding: 6px; font-size: small; }
div.stats{ float: right; padding: 1px; }


/* Styles for posts */
.bSmallHead { text-align: right; font-size: xx-small; color: #999999; margin: 0px; } /* author stamp below headline of post */

.bSmallPrint { color: #999999; font-size: xx-small; margin: 0px 0 10px -10px; } /* kommentar unter post */
.bSmallPrint a { font-size: xx-small; }

input.bComment, textarea.bComment { background-color: #EEEEEE; border: 1px solid #ccc; padding: 2px; margin: 0ex; }
select.bComment  /* Used by the profile form */ { background-color: #EEEEEE; border: 1px solid #ccc; padding: 1px; margin: 0ex; }

/* Styles for stats */
div.statbloc { float: left; margin: 0 0 2ex 1.5ex; border: 1px solid #78a; }
div.statbloc h3 { margin: 0px; color: #FFFFFF; text-align: center; background: #78a; padding: 1ex; }

input.submit, input.reset { background-color: #ddd; color: #78a; border: 1px solid #000; font-weight: bold; padding: 1px; }

input.submit:hover { color: #000; text-decoration: underline; }