body {
   background-image: url("/static/antville/opinio/layouts/blogger.de1/kubrickbgcolor.jpg");
   background-position: top; 
   background-repeat: repeat;
   border: none;
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
   color: #333333;
   background-color: #d5d6d7;
   text-align: center;
   font-size: 62.5%;
}


#page{
   background-image: url("/static/antville/opinio/layouts/blogger.de1/kubrickbg.jpg");
   background-position: top; 
   background-repeat: repeat-y;
   border: none;
   background-color: white;
   border: 0px solid #959596;
   text-align: left;
   margin: 20px auto;
   padding: 0;
   width: 760px;
}


#header {
   padding: 0; 
   margin: 0 auto;
   height: 200px;
   width: 100%;
}

#headerimg {
   background-image: url("/static/antville/opinio/layouts/blogger.de1/kubrickheader.jpg");
   background-position: bottom center; 
   background-repeat: no-repeat;
   border: none;
   margin: 0;
   height: 200px;
   width: 100%;
   clear:both;
}

#headerimg .description {
  font-size: 1.2em;
  text-align: center;
}

#between{
   background-image: url("/static/antville/opinio/layouts/blogger.de1/kubrickbg.jpg");
   background-position: top; 
   background-repeat: repeat-y;
   border: none;
   background-color: white;
   border: 0px solid #959596;
   text-align: left;
   margin: 0;
   padding: 0;
   width: 760px;
   height: 20px;
}

#maincontent {
   overflow:hidden;
   display:inline;
   float: left;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 20px 45px;
   width: 450px;
}

#navibar {
   overflow:hidden;
   margin-left:50px; 
    width:185px;
   float:left;
   border: 0px solid #ffffff;
}


div.boxheader {
   color: #333333;
   overflow: hidden;
   font-family: 'Lucida Grande', Verdana, Sans-Serif;
   font-size: 1.2em;
   font-weight: bold;
   margin: 5px 0 0;
   padding: 0;
}


div.box {
   font-size: 1.0em;
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;;
   color: #777777;
   overflow: hidden;
   line-height: 1.5em;
   text-align: left;
   margin: 0px 0px 0px 0px;
   padding: 4px 25px 30px 10px;
}

#footer {
   background-image: url("/static/antville/opinio/layouts/blogger.de1/kubrickfooter.jpg");
   background-position: bottom; 
   background-repeat: no-repeat;
   border: none;
   height:63px;
   clear: both;
}

#footertext {
   margin: 0;
   padding: 20px 0;
   text-align: center;
   font-size: 1.0em;
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;;
   color: #777777;
}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
   text-decoration: none;
   color: white;
}

h1 {
   font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
   font-size: 4em;
   text-align: center;
   padding-top: 78px;
   margin: 0;
   font-weight: bold;
}

#post {
   margin: 0 0 40px;
   text-align: justify;
}

#postmetadata {
   padding-top: 0px;
   color: #777;
   margin: 16px 0;
   clear: left;
   text-align: center;
   font-size: 1.2em;
}

.storyDate {
   font-family: Arial, Helvetica, Sans-Serif;;
   font-size: 1.1em;
   color: #777777;
   line-height: 1.2em;
}

.storyBody {
   font-size: 1.2em;
   line-height: 1.4em;
   margin-bottom: 0px;
   padding: 15px 0px 0px 0px;
}

.storyTitle {
   font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;;
   font-size: 1.9em;
   color: #666666;
   font-weight: bold;
   text-align: left;
   line-height: 1.3em;
   margin: 10px 0 0;
}

.commDate {
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;;
   font-size: 1.0em;
   color: #777777;
   margin: 0px 0px 6px 0px;
}

.commBody {
   font-size: 1.2em;
   line-height: 150%;
   margin: 0px 0px 10px 0px;
}

.commTitle {
   font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;;
   font-size: 1.9em;
   color: #333333;
   font-weight: bold;
   line-height: 120%;
   margin: 0px 0px 0px 0px;
}

#commintro {
   background-color: #f8f8f8;
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   margin: 30px 0px 10px 0px;
   padding: 10px 20px 10px 20px;
   color: #777;
   clear: left;
   text-align: justify;
   font-size: 1.0em;
}

#commcount {
   font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
   font-weight: bold;
   font-size: 1.6em;
   color: #333;
   margin: 30px 0px 0px 0px;
   padding: 0px;
}

.commCreator {
   border-top: 1px solid #ddd;
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #333;
   margin: 10px 20px 0px 0px;
   padding-top: 10px;
}

div.ample { margin-bottom: 5px; }

small, .small {
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;;
   font-size: 1.0em;
   color: #777777;
}

/* this is for mozilla to align tables in boxes left*/
div.box table {
   margin-right: auto; 
   margin-left: 0px; 
}

fieldset {
   padding-left: 8px;
   padding-top: 0px;
   margin-top: 6px;
   margin-bottom: 6px;
}

p {
   margin-top: 6px;
   margin-bottom: 10px;
}

form { margin: 0px; }

.message {
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;;
   font-size: 1.0em;
   font-weight: bold;
   padding: 1px;
   margin-top: 6px;
   margin-bottom: 6px;
   color: #777777;
}

.message input {
   font-size:9px;
   padding:0px;
   margin:0px;
}

.historyItem {
   color: #333333;
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;;
   font-size: 1.0em;
   padding-bottom: 0.3em;
}



.dayheader {
   display:none;
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;;
   font-size: 1.2em;
   color: #777777;
   font-weight: bold;
   margin-bottom:20px;
   margin-top:10px;
   text-align: left;
}

/* story display classes */



.listSeparator {
   width: 50px;
   border-bottom: 2px dotted #dddddd;
   margin-top: 10px;
   margin-bottom: 4px;
}


.reply { padding-left: 40px; }

/* form input classes */

.formTitle {
   width: 380px;
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;;
   font-size: 1.9em;
   font-weight: bold;
   border: 1px solid #333333;
}

.formText {
   width: 380px;
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;;
   font-size: 1.2em;
   font-weight: normal;
   border: 1px solid #333333;
}

.formWide {
   width: 660px;
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;;
   font-size: 1.2em;
   font-weight: normal;
}

.listFlag {
   background-color: #cccccc;
   padding: 1px;
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;;
   font-size: 1.0em;
   color: #333333;
}

.pollResultsBar {
   height: 5px;
   overflow: hidden;
   float:left;
   margin-right: 10px;
   background-color: #0066cc;
   font-size: 0px;
}

.searchbox {
	margin: 10px auto;
	padding: 0px 5px 15px 0px; 

}

.searchbutton {
	margin: 10px auto;
	width: 115px;
	padding: 2px;
}

.colorpickerWidget {
   border: 1px solid #cccccc;
}

/* calendar */

.calHead {
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;;
   font-size: 10px;
   color: #777777;
   font-weight: bold;
   text-align: left;
}

.calDay {
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;;
   font-size: 10px;
   color: #777777;
   text-align: center;
}

.calSelDay {
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;;
   font-size: 10px;
   color: #777777;
   border: 1px solid #0066cc;
   text-align: center;
}

.calFoot {
   font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;;
   font-size: 10px;
   color: #777777;
   text-align: left;
}


/* page navigation bar */
div.pageNav {
   margin-top: 10px;
   margin-bottom: 0px;
   font-size: 11px;
}

div.pageNavSummary {
   padding: 1px 5px;
   background-color: #efefef;
   border-bottom: 1px solid #cccccc;
   text-align: left;
}

div.pageNavBar {
   padding-top: 1px;
   text-align: right;
}
span.pageNavItem {
   padding-left: 2px;
   padding-right: 2px;
}

span.pageNavSelItem {
   padding-left: 2px;
   padding-right: 2px;
   font-weight: bold;
}

.pagelink {
   display: block;
   text-align: center;
   margin-top: 10px;
   margin-bottom: 60px;
   font-size: 1.2em;
   line-height: 1.4em;
} 

.pagelinkTop {
   float: right;
}

.pagelinkBottom {
   float: left;
}

/* tree navigation in skinmgr */
ul { list-style: url("/static/antville/opinio/layouts/blogger.de1/bullet.gif") circle; } 

ul.skinmgrTree {
   padding-left:15px;
   margin:20px 0px;
}

ul.skinmgrTree ul {
   padding-left:30px;
   margin:0px;
}
ul.skinmgrTree li {
   list-style:none;
   margin:7px 0px;
   padding:0px;
}

ul.skinmgrTree li.skinset {
   list-style:square;
   padding-left:0px;
}
ul.skinmgrTree a.selected {
   font-weight:bold;
}

ul.skinmgrTree li div {
   font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;;
   font-size:1.0em;
   color:#333333;
}

/* classes for membermgr */
.membergroup {
   font-weight:bold;
   font-size:1.9em;
   margin:10px 0px;
}

.member {
   margin-left:20px;
   margin-bottom:5px;
}

td {
   font-size: 11px;
   line-height: 15px;
}

.smalltab { font-size: 11px;}

.center { text-align: center;}

blockquote { font-style:italic; }

a {text-decoration: none;}
a:link {color: #0066cc;}
a:visited {color: #0066cc;}
a:active {color: #0066cc;}
a:hover {text-decoration: underline;}

#titel a{  color: #ffffff;  text-decoration:none;}
#titel a:visited{  color: #ffffff; text-decoration:none;}
#titel a:active{  color: #ffffff; text-decoration:none;}
#titel a:hover{  color: #aaaaaa; text-decoration:none;}

div.box a {  color: #0066cc; text-decoration:none;}
div.box a:active {  color: #0066cc; text-decoration:none;}
div.box a:visited {  color: #0066cc; text-decoration:none;}
div.box a:hover {  color: #777777; text-decoration:underline;}

div.storyTitle a {  color: #333333; text-decoration:none;}
div.storyTitle a:active {  color: #0066cc; text-decoration:none;}
div.storyTitle a:visited {  color: #333333; text-decoration:none;}
div.storyTitle a:hover {  color: #0066cc; text-decoration:none;}


/* fuer korrekte Darstellung in diversen Mac-Browsern */
#safarihack {
   background-image: url("/static/antville/opinio/layouts/blogger.de1/kubrickbg.jpg");    
   background-repeat:no-repeat;
   overflow:hidden;
   margin:0px;
   padding: 0px;
   height:0px;
   clear: both;
}