body,html{
background-color:#ffffcc;
margin:0;
padding:0;
font-family: arial;
font-size: 0.9em;
}
#container{
min-width: 970px;
}
a{
text-decoration: none;
color: #993333;
}
#lbNextLink{
visibility: hidden;
}
#lbNextLink
{
visibility: hidden;
}
/*********************************HEAD********************************************/
a img{
border:none
}
#head h1 span{
margin:0;
padding:0;
visibility:hidden;
}
#head{
margin:0;
padding:0;
height:127px;
}
#logo{
width:127px;
float:left;
}
#logoJunior{
width:127px;
float: right;
}
/*********************************COL1********************************************/
div.user-bookhint-pi1,.user-veranstaltung-pi1,.user-bookhint-pi2, .formu{
margin-left: 60px;
}
#col1{
width: 650px;
margin: 0 127px 0 127px;
padding: 0 20px 0 20px;
}
.bodytext{
font-size:100%;
margin:0 0 10px 65px;
}
.subscription{
margin:0 0 10px 65px;
}
#col1 ul{
padding:0;
margin:0 0 10px 80px;
}
#col1 li{
padding: 0;
margin:0;
}
.csc-bulletlist{
}
h2{
color:#993333;
font-size: 110%;
font-weight:normal;
padding:45px 0 0px 60px;
}
h2 span{
width: 100%;
display: block;
border-bottom:#993333 solid 2px;
padding: 0 0 5px 5px;
}
h2.home{
background-image: url(gfx/logo60.gif);
background-position: 0px bottom;
background-repeat: no-repeat;
}
h3{
color:#993333;
font-size: 100%;
font-weight:normal;
padding:0px 0 0px 60px;
}
/*********************************COL2********************************************/
#col2{
clear: both;
margin:20px 0 0 0;
width:132px;
float:left;
}
#col2 ul{
padding: 0;
margin:0;
}
#col2 li{
list-style: none;
padding: 5px 0 5px 0;
margin:0 0 20px 5px;
border-top:#993333 solid 2px;
border-bottom:#993333 solid 2px;
background-repeat: no-repeat;
background-position: 0px 5px;
}
#recherche{
height: 76px;
background-image: url(gfx/recherch.jpg);
}
#recherche a{
text-decoration:none;
height:76px;
width:127px;
display:block;
}
#recherche a span{
visibility:hidden;
}
#buchtip{
height: 116px;
background-image: url(gfx/buecher.jpg);
}
#buchtip a{
text-decoration:none;
height:116px;
width:127px;
display:block;
}
#buchtip a span{
visibility:hidden;
}
#logbuch{
height: 87px;
background-image: url(gfx/logbuch.jpg);
}
#logbuch a{
text-decoration:none;
height:87px;
width:127px;
display:block;
}
#logbuch a span{
visibility:hidden;
}
/*********************************COL3********************************************/
#col3{
margin:20px 0 0 0;
width:132px;
float:right;
}
#col3 ul{
padding: 0;
margin:0;
}
#col3 li{
list-style: none;
padding: 5px 0 5px 0;
margin:0 5px 20px 0;
border-top:#993333 solid 2px;
border-bottom:#993333 solid 2px;
background-repeat: no-repeat;
background-position: 0px 5px;
}
#crew{
height: 84px;
background-image: url(gfx/crew.jpg);
}
#crew a{
text-decoration:none;
height:84px;
width:127px;
display:block;
}
#crew a span{
visibility:hidden;
}
#kontakt{
height: 95px;
background-image: url(gfx/kontakt.jpg);
}
#kontakt a{
text-decoration:none;
height:87px;
width:127px;
display:block;
}
#kontakt a span{
visibility:hidden;
}
/*********************************MENU********************************************/
#menu{
padding:5px;
}
#menu li{
display:inline;
margin-right:20px;
}
#menu ul{
display:block;
float:left;
margin:0;
padding:0;
}
#menu a{
color: #993333;
text-decoration: none;
font-weight: bold;
}
.switch{
display:block;
float: right;
padding-right:40px;
background-image: url(gfx/pfeil.gif);
background-position: center right;
background-repeat: no-repeat;
}
/*********************************CREW********************************************/
div.crew{
position:relative;
padding:5px;
border:#cc0000 solid 1px;
background: #fefef6;
padding:5px 0px 5px 5px;
margin-bottom:20px;
width: 585px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
div.crew div.pic{
float: right;
}
div.crew div.pic img{
z-index:1;
display:block;
background:#FFFFFF none repeat scroll 0%;
border-color:#D9E0E6 rgb(200, 205, 210) rgb(200, 205, 210) rgb(217, 224, 230);
border-style:solid;
border-width:1px;
padding: 4px;
margin: 5px;
}
div.crew h2 {
margin: 0;
padding:0;
margin-left:0px;
margin-top:5px;
margin-bottom: 5px;
}
div.crew table td.left{
width:100px;
vertical-align: top;
padding:0;
padding-bottom: 10px;
}
div.crew table td.right{
padding:0;
vertical-align: top;
padding-bottom: 10px;
}
/*********************************EVENT********************************************/
div.event{
position:relative;
padding:5px;
border:#cc0000 solid 1px;
background: #fefef6;
padding-bottom:50px;
margin-bottom:20px;
width:565px;
}
div.event div.text p.bodytext{
margin-left:0;
margin-right:120px;
}
div.event div.orderlink{
background:#FFFFFF none repeat scroll 0%;
border-color:#D9E0E6 rgb(200, 205, 210) rgb(200, 205, 210) rgb(217, 224, 230);
border-style:solid;
border-width:1px;
position:absolute;
padding: 4px;
margin: 5px;
bottom: 0;
right:0;
}
div.event div.pic img{
background:#FFFFFF none repeat scroll 0%;
border-color:#D9E0E6 rgb(200, 205, 210) rgb(200, 205, 210) rgb(217, 224, 230);
border-style:solid;
border-width:1px;
padding: 4px;
margin: 10px;
margin-left: 0px;
margin-top: 0px;
}
div.event div.pic{
position:absolute;
top:10px;
right:0px;
}
div.event h2,h3,h4,h5{
margin: 0;
padding:0;
}
div.event h2 span{
display:block;
margin:0 0 10px 0;
padding:0;
border:none;
font-size:85%;
}
legend {
padding-left:10px;
padding-right:10px;
border: 0px;
}
fieldset {
border:0px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
border: none;
}
.radiolayout {
width:60%;
padding-top:15px;
padding-bottom:15px;
}
.formu {
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
border: none;
}
.formu label{
width:200px;
display: block;
float:left;
}
.formu div{
margin-bottom:20px;
}
.mf-radio {
border:0px;
}
.mf-text {
color: #000000;
border: 1px solid #C0C0C0;
margin-bottom: 5px;
}
.mf-check {
margin-left: 190px;
border: 0px;
display: block;
}
.mf-select {
display: block;
margin-left: 190px;
border:0px;
}
.mf-input {
display: block;
border: 1px solid #C0C0C0;
margin-bottom: 5px;
margin-left: 190px;
}
.mf-submit {
display: block;
margin-top: 8em;
margin-left: 190px;
background:#FFFFFF none repeat scroll 0%;
border-color:#D9E0E6 rgb(200, 205, 210) rgb(200, 205, 210) rgb(217, 224, 230);
border-style:solid;
border-width:1px;
}
/*********************************BOOKHINT********************************************/
div.bookhint{
height: 19em;
border:#993333 solid 1px;
background: #fefef6;
padding-bottom:40px;
margin-right: 10px;
margin-bottom: 10px;
float:left;
position:relative;
width:46%;
}
div.detailbookhint{
border:#993333 solid 1px;
background: #fefef6;
padding-bottom:40px;
margin-right: 10px;
position:relative;
width:565px;
min-height: 15em;
}
div.detailbookhint div.detailpic{
background:#FFFFFF none repeat scroll 0%;
border-color:#D9E0E6 rgb(200, 205, 210) rgb(200, 205, 210) rgb(217, 224, 230);
border-style:solid;
border-width:1px;
position:absolute;
padding: 4px;
margin: 5px;
top: 0;
left:0;
float: left;
}
div.bookhint div.singlepic{
background:#FFFFFF none repeat scroll 0%;
border-color:#D9E0E6 rgb(200, 205, 210) rgb(200, 205, 210) rgb(217, 224, 230);
border-style:solid;
border-width:1px;
position:absolute;
padding: 4px;
margin: 5px;
top: 0;
left:0;
float: left;
}
div.bookhint div.detaillink{
text-align: center;
position:absolute;
padding: 0px;
margin: 5px;
bottom: 0;
left:0;
}
div.bookhint div.detaillink a{
width:6em;
background:#FFFFFF none repeat scroll 0%;
border-color:#D9E0E6 rgb(200, 205, 210) rgb(200, 205, 210) rgb(217, 224, 230);
border-style:solid;
border-width:1px;
padding: 4px;
display:block;
}
div.bookhint div.detaillink a:hover{
background:#eeeeee none repeat scroll 0%;
}
div.detailbookhint div.from{
text-align:center;
background:#FFFFFF none repeat scroll 0%;
border-color:#D9E0E6 rgb(200, 205, 210) rgb(200, 205, 210) rgb(217, 224, 230);
border-style:solid;
border-width:1px;
position:absolute;
padding: 4px;
margin: 5px;
top: 0;
left:455px;
}
div.detailbookhint div.from img{
background:#eeeeee none repeat scroll 0%;
border-color:#D9E0E6 rgb(200, 205, 210) rgb(200, 205, 210) rgb(217, 224, 230);
border-style:solid;
border-width:1px;
padding: 4px;
margin: 5px;
margin-bottom:15px;
}
div.bookhint div.orderlink{
text-align: center;
position:absolute;
padding: 0px;
margin: 5px;
bottom: 0;
right:0;
}
div.bookhint div.orderlink a{
width:6em;
background:#FFFFFF none repeat scroll 0%;
border-color:#D9E0E6 rgb(200, 205, 210) rgb(200, 205, 210) rgb(217, 224, 230);
border-style:solid;
border-width:1px;
padding: 4px;
display:block;
}
div.bookhint div.orderlink a:hover{
background:#eeeeee none repeat scroll 0%;
}
div.detailbookhint div.orderlink{
background:#FFFFFF none repeat scroll 0%;
border-color:#D9E0E6 rgb(200, 205, 210) rgb(200, 205, 210) rgb(217, 224, 230);
border-style:solid;
border-width:1px;
position:absolute;
padding: 4px;
margin: 5px;
bottom: 0;
right:0;
}
div.bookhint div.content{
margin-left: 95px;
margin-right: 10px;
margin-top:5px;
}
div.bookhint div.content h4{
font-size:0.85em;
margin:0;
padding:0;
color:#666666;
}
div.bookhint div.content p{
margin:5px 0 5px 0;
}
div.bookhint div.content h2 span{
display:block;
margin:0 0 10px 0;
padding:0;
border:none;
font-size:85%;
}
div.detailbookhint div.detailcontent{
margin-left: 145px;
margin-right: 125px;
margin-top:5px;
}
div.detailbookhint div.detailcontent h2 span{
display:block;
margin:0 0 10px 0;
padding:0;
border:none;
font-size:85%;
}
div.bookhint div.content h2,h3,h4,h5,h6{
margin:0;
padding: 0;
}
div.bookhint div.content h2,h3,h4,h5,h6{
margin:0;
padding: 0;
}
div.detailbookhint div.detailcontent h4{
font-size:0.85em;
color:#666666;
}
div.bookhint div.content h2{
margin-bottom:5px;
}
div.bookhint div.content h3{
font-size:90%;
}
div.detailbookhint div.detailcontent h2,h3{
margin-bottom:5px;
padding:0;
}
div.detailbookhint div.detailcontent h3{
font-size:90%;
}
div.detailcontent > p.bodytext
{
margin-left:0px;
}
#link_back{
margin-top:10px;
margin-bottom: 10px;
}
div.csc-textpic-center div.csc-textpic-imagewrap {
margin:0pt auto;
float:left;
margin-left:64px;
padding:8px 0 16px 0;
}
.csc-textpic-caption{
font-style:italic;
font-size: 90%;
padding:4px 0 8px 0px;
}
h5{
color:#993333;
font-size: 105%;
font-weight:normal;
padding:16px 0 8px 64px;
}
.style3 {
color: #973536;
}
/* Korrektur fuer Bild-Artikel */
#col1 .csc-textpic-imagewrap ul {
padding: 0;
margin: 0;
}
#col1 li.csc-textpic-image {
padding: 0;
margin: 0;
margin-bottom: 10px;
}
#col1 li.csc-textpic-lastcol {
margin-left: 10px;
}
/* absolute Positionierung linke/rechte Spalte */
#col3 {
float: none;
position: absolute;
right: 0px;
background-color: FFFFCC;
}
#col2 {
float: none;
position: absolute;
left: 0px;
}