html, body {
margin: 0px;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#wrap {
width: 100%;
min-height: 300px;
float: left;
}
#leftbar {
left: 0;
top: 174px;
height: 18px;
width: 50%;
position: absolute;
background-color: rgb(172,172,172);
background-repeat: -x;
z-index: -10;
}
#box {
margin: 0px auto;
width: 950px;
background-color: #fff;
}
#rightbar {
left: 50%;
top: 148px;
height: 18px;
width: 50%;
position: absolute;
background-color: rgb(172,172,172);
background-repeat: repeat-x;
z-index: -10;
}
#header {
height: 203px;
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
}
#gridgirl {
width: 354px;
height: 306px;
background-image: url(../images/titel_gridgirl.png);
background-repeat: no-repeat;
background-position: 0 100%;
margin-left: 150px;
}
#footer {
float: left;
margin: 0px auto;
width: 950px;
height: 86px;
background-image: url(../images/footer.jpg);
background-repeat: no-repeat;
color: #fff;
}
.copyright {
position: absolute;
margin: 37px 25px 0 531px;
font-size: 1em;
color: #fff;
}
.copyright a:link, .copyright a:active, .copyright a:active, .copyright a:focus {
color: inherit;
}
#footer #atelier {
position: absolute;
height: 52px;
width: 235px;
padding: 18px 85px 0 15px;
margin: 9px 0 0 25px;
background-image: url(../images/logos/glashaus.png);
background-position: 98% 50%;
background-repeat: no-repeat;
background-color: #C5C7C8;
color: #000;
line-height: 1.4em;
box-shadow: 0 0 6px rgba(0,0,0,.75) inset;
-moz-box-shadow: 0 0 6px rgba(0,0,0,.75) inset;
-webkit-box-shadow: 0 0 6px rgba(0,0,0,.75) inset;
}
#slogan {
margin-left: 531px;
margin-top: 186px;
position: absolute;
width: 218px;
height: 17px;
background-image: url(../images/slogan.png);
background-repeat: no-repeat;
}
#navi {
margin-left: 11px;
margin-top: -195px;
width: 230px;
min-height: 100px;
float: left;
z-index: 50;
}
.login {
height: 143px;
background-image: url(../images/navi_login.png);
background-repeat: no-repeat;
background-position: 1px 0;
padding-top: 22px;
color: #000;
overflow: auto;
}
.login.logged {
background-image: url(../images/navi_logged.png);
}
.login .navilink {
color: #000;
}
#login_button {
margin: 1px 0 0;
height: 49px;
width: 30px;
background-image: url("../images/navi_login_button.png");
background-repeat: no-repeat;
background-color: transparent;
background-position: 0 0;
display: block;
border: 0 none;
float: none;
}
#login_button::-moz-focus-inner {
border: 0 none;
}
#login_button:hover {
background-position: 0 -49px;
}
#login_button:active {
background-position: 0 -98px;
}
.login h4, .login p, .navibg h4, .navibg p, .form h4, .form p {
margin-left: 16px;
padding: 3px 12px 3px 11px;
width: 175px;
display: block;
font-size: 1.1em;
background-color: transparent;
}
.login h4, .navibg h4, .poll h4 {
font-style: italic;
background-color: rgb(240,240,240);
}
.login p, .navibg p, .poll p {
margin-left: 16px;
margin-top: 3px;
margin-bottom: -2px;
padding: 3px 8px 0;
width: 182px;
}
.login form, .navibg form, .poll form {
margin-left: 16px;
margin-bottom: 0;
padding: 3px 8px 0;
width: 182px;
}
.poll form {height: 128px;overflow: auto;}
.poll ul li span {font-size: 0.8em;}
#poll_results {
margin-top: 3px;
margin-left: 24px;
width: 182px;
}
#poll_results li { line-height: 1em; }
.results { background-image: url(../images/poll_result.png);height: 3px;display: block;margin-top: 1px;min-width:1px; }
.login form h5, .navibg form h5, .form h5 {
margin: 0 0 3px 5px;
font-size: 1.1em;
font-weight: 200;
}
.login input, .navibg input {
width: 132px;
background-image: url(../images/transparent_20.png);
font-size: 11px;
height: 15px;
line-height: 15px;
float: left;
padding: 2px 4px;
}
.login input[type='checkbox'] { border: 0 none;background-image: none; }
.login input[type='submit'], .navibg input[type='submit'] {
width: auto;
}
.naviheader {
height: 18px;
background-image: url(../images/navi_header.png);
background-repeat: no-repeat;
}
.navibg {
padding: 10px 0px;
background-image: url(../images/navi_bg.png);
background-repeat: repeat-y;
}
.navifooter {
height: 30px;
background-image: url(../images/navi_footer.png);
background-repeat: no-repeat;
}
.poll {
height: 143px;
background-image: url(../images/navi_poll.png);
background-repeat: no-repeat;
background-position: 1px 0;
padding-top: 22px;
padding-bottom: 8px;
color: #000;
overflow: auto;
}
.poll ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.poll ul li {
padding: 0;
padding: 2px 0;
margin: 0;
line-height: 1.2em;
}
.poll form input[type='radio'] { margin-right: 5px;border: 0 none; }
.ad {
height: 320px;
background-image: url(../images/navi_anzeige.png);
background-repeat: no-repeat;
padding: 8px 0 0 15px;
margin-bottom: -6px;
}
.ad_width {
height: 650px;
height: 125px;
background-image: url(../images/anzeige_quer.png);
background-repeat: no-repeat;
padding: 6px 0 0 12px;
margin-bottom: -6px;
}
.ad img, .ad_width img {
border: 0 none;
}
.ad img {
width: 198px;
height: 300px;
}
.ad_width img {
width: 625px;
height: 100px;
}
.navilink {
margin-left: 16px;
padding: 3px 12px 4px 11px;
width: 175px;
display: block;
font-size: 1.1em;
}
.navilink.active {
background-image: url(../images/transparent_10_black.png);
}
#navi a:link, #navi a:visited, #navi a:active {
text-decoration: none;
}
.navilink:before {
content: "[ : : ";
}
.navilink:after {
content: " ]";
}
.content {
float: right;
margin: 15px 0px 25px;
width: 665px;
min-height: 561px;
padding-right: 25px;
}
.engel div {
margin: 3px 0;
width: 100%;
float: left;
}
.engel div img {
margin-right: 10px;
}
.register {
padding: 20px;
width: 260px;
height: 140px;
float: left;
margin-right: 10px;
border: 1px #eee solid;
}
.register label {
display: block;
margin-left: 3px;
}
.register input[type='text'], .register input[type='password'] {
width: 200px;
}
.register input[type='submit'] {
width: auto;
}
a.mag { float: left;margin: 0 3px 3px 0; }
a.mag img { width: 125px;height: 175px; }
div.news {
width: 321px;
height: 412px;
float: left;
border: 2px #eee solid;
margin: 0 5px 12px 0;
overflow: hidden;
}
.news.special {
width: 651px;
box-shadow: 0 0 10px rgba(255,0,0,1);
-moz-box-shadow: 0 0 10px rgba(255,0,0,1);
-webkit-box-shadow: 0 0 10px rgba(255,0,0,1);
}
.news.special img {
border-right: 2px #eee solid;
width: auto;
max-width: 651px;
max-height: 322px;
}
.news.special h4 .comment_count {
margin-left: 611px;
}
.news h4 {
font-style: normal;
}
.news h4 .comment_count {
display: block;
position: absolute;
margin-left: 280px;
margin-top: 15px;
width: 35px;
line-height: 19px;
height: 20px;
text-align: center;
background-repeat: no-repeat;
background-image: url(../images/comment_count.png);
transform: rotate(5deg);
-webkit-transform: rotate(6deg);
-moz-transform: rotate(6deg);
color: #fff;
font-weight: 600;
box-shadow: 0 3px 3px rgba(0,0,0,.2);
-moz-box-shadow: 0 3px 3px rgba(0,0,0,.2);
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.2);
}
.news img {
width: 321px;
border: 0 none;
border-bottom: 2px #eee solid;
margin-bottom: 5px;
max-height: 365px
}
.image_by {
width: 309px;
position: absolute;
line-height: 20px;
margin-top: -27px;
padding: 0 6px;
background-image: url(../images/transparent_75.png);
font-size: 0.85em;
display: block;
color: #000;
}
p.preamble {
font-weight: 600;
}
.news p {
margin: 2px 6px;
}
.news span.date {
width: 311px;
display: block;
margin-top: 388px;
line-height: 26px;
padding: 0 6px;
background-color: #eee;
font-style: italic;
position: absolute;
}
.news span.date a.gallery {
display: block;
width: 52px;
height: 36px;
position: absolute;
margin-top: -6px;
right: 57px;
background-image: url(../images/news_gallery.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.news.special span.date {
width: 640px;
}
.news span.date a:link, .news span.date a:visited, .news span.date a:active {
margin-right: 3px;
float: right;
}
.news span.date a:hover {
}
h2.buergerinformation ~ h4:hover, a.branchenverzeichnis:hover {
font-weight: 600;
letter-spacing: 0.2em;
cursor: pointer;
background-position: 0 -25px;
}
div.buergerinformation {
overflow: hidden;
display: none;
}
.pages {
margin: 5px 0;
width: 655px;
clear: both;
text-align: center;
padding-top: 8px;
border-top: 1px #A2A59E solid;
}
.pages a:link, .pages a:visited, .pages a:active {
padding: 1px 5px;
border: 1px rgb(200,200,200) dotted;
background-color: rgb(235,235,235);
line-height: 2em;
}
.pages a:hover {
border-color: rgb(0,0,0);
background-color: rgb(245,245,245);
}
.pages strong {
padding: 1px 5px;
border-bottom: 1px rgb(220,220,220) dotted;
}
.navi_small li {
}
.navi_small li a:link, .navi_small li a:visited, .navi_small li a:active {
display: block;
padding: 6px 10px;
background-color: #eee;
text-decoration: none;
font-weight: 600;
text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
.tabs {
list-style-type: none;
padding: 0;
float: left;
}
.tabs li {
float: left;
margin: 0 8px 0 0;
}
.tabs li a:link, .tabs li a:visited, .tabs li a:active {
display: block;
padding: 7px;
font-weight: 600;
text-decoration: none;
text-align: center;
background-color: #eee;
float: left;
}
.tabs li a:hover {
color: #EC2D1D;
}
.tabs li a.active {
background-color: #ccc;
}
.tabs.ads li { margin: 10px 18px 18px; }
.tabs.ads li a:link, .tabs.ads li a:visited, .tabs.ads li a:active {
width: 280px;
font-size: 16px;
text-transform: uppercase;
}
.tabs li a.active:before { content: "[ : : "; }
.tabs li a.active:after { content: " ]"; }
.box {
display:block;
float:left;
width: 305px;
height: 120px;
overflow: auto;
padding: 7px 7px 7px 12px;
margin: 0px 5px 5px 0px;
/* border: 2px #eee solid; */
background-image: url(../images/bg_box.png);
background-repeat: no-repeat;
background-position: 0 0;
text-decoration: none !important;
text-decoration: none;
}
.box:hover {
background-position: 0 -134px;
}
.box a.overlay {
position: absolute;
display: block;
width: inherit;
height: 95px;
}
.box:hover .overlay_cd { display: block; }
.box .overlay_cd {
display: none;
position: absolute;
margin: 25px 0 0 -10px;
padding: 0;
list-style-type: none;
}
.box .overlay_cd li { margin-bottom: 2px;float: left;clear: left; }
.box .overlay_cd li a:link, .box .overlay_cd li a:visited, .box .overlay_cd li a:active {
padding: 5px 10px;
display: block;
background-color: #000;
color: #fff;
}
.box .overlay_cd li a:hover {
padding-left: 14px;
}
.box h5 {
font-size: 1em;
padding-bottom: 3px;
margin: 3px 0;
border-bottom: 1px #eee solid;
}
.box h5:before { content: ": : "; }
.box p {
clear: none;
}
.box img {
border: 1px #eee solid;
float: right;
max-height: 94px;
max-width: 155px;
margin-left: 3px;
}
.box span {
padding: 0 7px 0 12px;
line-height: 24px;
height: 24px;
margin: 101px 0 0 -10px;
position: absolute;
display: block;
width: 301px;
background-color: #eee;
}
.box span font {
float: right;
text-align: right;
font-weight: 600;
}
.box.add {
background-position: 0 -268px;
}
.box.add:hover {
background-position: 0 -402px;
}
.ad_box_left, .content_box_left{
padding: 10px;
width: 436px;
min-height: 200px;
border: 2px #eee solid;
float: left;
}
.content_box_left {
width: 482px;
min-height: 0;
margin-bottom: 8px;
}
.content_box_left.gallery {
height: 54px;
background-image: url(../images/news_gallery_large.png);
background-repeat: no-repeat;
background-position: 8px 50%;
overflow: hidden;
background-color: rgba(173,208,255,.25);
}
.content_box_left.gallery p { margin-left: 110px;line-height: 1.4em; }
.content_box_left.gallery a, .content_box_left.gallery a:link, .content_box_left.gallery a:visited, .content_box_left.gallery :active {
text-decoration: none;
font-weight: 600;
}
.content_box_left.comment:nth-child(even) { border-color: #ccc; }
.content_box_left.comment:nth-child(odd) { background-color: #efefef; }
.content_box_left.comment:nth-child(odd) h4 { background-color: #ddd;background-image: none; }
.ad_box_left h4, .content_box_left h4 { margin-bottom: 10px; }
.ad_box_left h4 span, .content_box_left h4 span { float: right;text-align: right; }
.ad_box_left img {
max-width: 220px;
margin: 0 0 10px 5px;
float: right;
}
.content_box_left img {
max-width: 478px;
margin: 0;
}
.content_box_left .image_by {
width: auto;
margin-bottom: 10px;
margin-top: -24px;
padding: 0 8px;
line-height: 22px;
position: relative;
}
.ad_box_left p, .content_box_left p {
clear: none;
}
.ad_box_left p.add, .content_box_left p.add {
margin-top: 10px;
padding: 5px;
clear: both;
font-weight: 600;
font-style: italic;
border-top: 2px #eee solid;
}
.ad_box_left p.add span, .content_box_left p.add span {
float: right;
text-align: right;
}
.content_box_left.no_comment {
line-height: 18px;
height: auto;
background-image: url(../images/no_comment.png);
background-position:0 50%;
background-repeat: no-repeat;
/* padding-left: 15px; */
}
.content_box_left.no_comment p { margin: 0;padding-left: 5px; }
.content_box_left fieldset { border: 0 none;padding: 0; }
.content_box_left legend { font-weight: 200;font-style: italic;font-size: 1em; }
.content_box_left label { display: none; }
.content_box_left textarea { width: 250px;height: 75px; }
.ad_box_right, .content_box_right {
padding: 10px;
width: 171px;
border: 2px #eee solid;
float: right;
}
.content_box_right {
width: 125px;
}
.ad_box_right h4, .content_box_right h4, .content_box_right .back {
text-align: right;
display: block;
}
.content_box_right .back:link, .content_box_right .back:visited, .content_box_right .back:active {
margin-bottom: 10px;
font-size: 1.05em;
line-height: 25px;
padding: 0 10px;
font-style: italic;
background-repeat: repeat-x;
background-image: url(../images/bg_headline.png);
background-position: 0 0;
}
.content_box_right p.event_user {
background-position: 50% 10px;
background-repeat: no-repeat;
padding-top: 55px;
padding-bottom: 10px;
padding-right: 5px;
}
.ad_box_right h4 + p, .content_box_right h4 + p { margin-top: 10px; }
.ad_box_right p, .ad_box_right form, .content_box_right p, .content_box_right form {
padding-left: 10px;
border-left: 2px #eee solid;
line-height: 1.4em;
}
.ad_box_right p span, .content_box_right p span {
display: block;
font-style: italic;
margin-bottom: 2px;
}
.ansicht {
font-style: italic;
font-size: 0.95em;
}
.ansicht span {
float: right;
}
/* sonstige formatierungen */
a:link, a:visited, a:active {
color: #000;
text-decoration: underline;
outline: none;
}
a:hover {
color: #999;
}
p {
margin: 0px 0px 10px;
clear: both;
}
p.success, p.failure {
padding: 10px;
line-height: 1.4em;
}
p.success {
background-color: rgb(210,255,210);
}
p.success.comment {
width: 486px;
}
p.failure {
background-color: rgb(255,210,210);
}
tr:nth-child(odd) {
background-color: #eee;
}
th, td {
padding: 3px 8px;
text-align: left;
vertical-align: top;
}
h1 span {
font-size: 0.5em;
}
h2 {
margin: 0px 0px 8px;
font-size: 1.2em;
font-style: italic;
letter-spacing: 1px;
font-weight: normal;
clear: both;
}
h3 {
margin: 5px 0px 10px;
font-size: 1em;
font-weight: normal;
font-style: italic;
text-align: center;
}
h4, a.branchenverzeichnis {
margin: 0px;
font-size: 1.05em;
line-height: 25px;
padding: 0 10px;
font-weight: normal;
font-style: italic;
clear: both;
background-repeat: repeat-x;
background-image: url(../images/bg_headline.png);
background-position: 0 0;
}
a.branchenverzeichnis:link, a.branchenverzeichnis:visited, a.branchenverzeichnis:active { float: left;text-decoration: none;color: #000; }
.content > h4, .buergerinformation > h4, a.branchenverzeichnis { width: 633px; margin-bottom: 5px; }
img {
border: 2px #eee solid;
display: block;
text-decoration: none;
}
img.left {
float: left;
margin: 0px 5px 5px 0px;
}
img.right {
float: right;
margin: 0px 0px 5px 5px;
}
hr {
clear: both;
color: #8A8A8A;
background-color: #8A8A8A;
border: 0 none;
height: 1px;
}
#kontakt label, #gewinnspiel label {
padding: 4px;
width: 65px;
float:left;
}
#kontakt input, #kontakt textarea, #gewinnspiel input, #gewinnspiel textarea {
width: 310px;
}
#kontakt input[type='submit'], #gewinnspiel input[type='submit'] {
width: 90px;
}
input[type='submit']:hover, a.input:hover {
border-color: black;
cursor: pointer;
}
input, textarea, a.input {
border: 2px #eee solid;
background-color:transparent;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
margin: 1px;
padding: 3px 5px;
line-height: 16px;
float: left;
text-decoration: none;
}
input:focus, textarea:focus, #kontakt :focus {
border-color: black;
}
form fieldset {
border: 0 none;
border-left: 2px #eee solid;
margin: 0;
padding: 5px;
}
form fieldset legend {
font-size: 1.2em;
font-weight: 600;
margin: 5px 0;
}
form fieldset legend span {
margin-left: 4px;
}
form fieldset ul {
list-style-type: none;
margin: 0;
padding: 0;
}
form fieldset ul li {
margin: 0 5px;
line-height: 25px;
clear: left;
}
form fieldset ul li label {
float: left;
display: block;
width: 110px;
margin-right: 3px;
}
form fieldset ul li img {
margin-left: 113px;
max-width: 460px;
max-height: 600px;
}
form fieldset input, form fieldset textarea {
float: left;
padding: 3px;
line-height: 1.4em;
}
form fieldset input.readonly {
background-color: #ddd;
font-style: italic;
}
form fieldset input.readonly:focus { border-color: #eee; }
form fieldset input[type='password'] { width: 100px; }
form fieldset input.nr { width: 30px; }
form fieldset input.plz { width: 38px; }
form fieldset input.email { width: 200px; }
form fieldset textarea[name='ad_desc'] {
width: 250px;
height: 120px;
}
form fieldset input[name='ad_prize'] {
width: 50px;
text-align: right;
}
.hint:before { content: ': : '; }
.hint {
padding: 0 5px 5px 85px;
line-height: 1.4em;
}
/* validierungs-formate */
ul.messages {
float: left;
margin: 0 3px;
list-style-type: none;
background-color: rgb(255,230,230);
}
ul.messages li {
padding: 0 5px;
margin: 0;
}
/* woche mit div's und ul's */
ul.woche {
width: 650px;
margin: 0 auto;
list-style-type: none;
padding: 0;
}
ul.woche li {
display: block;
width: 100%;
border-top: 2px #eee solid;
padding: 5px 3px;
clear: both;
min-height: 25px;
}
ul.woche li span {
display: block;
padding: 2px 7px;
height: auto;
line-height: 20px;
width: 90px;
float: left;
background-color: #eee;
}
ul.woche li div {
display: block;
margin-left: 115px;
line-height: 1.4em;
}
ul.woche li div h1 {
margin: 0;
padding: 2px 8px;
line-height: 20px;
font-size: 1em;
background-color: #EEEEEE;
}
ul.woche li div h1 { background-position: 95% 50%; background-repeat: no-repeat; }
ul.woche li div h1.user_fdo, .user_fdo { background-color: #9684B7; color: #fff; background-image: url(../images/logos/cal_fdo.png); }
ul.woche li div h1.user_bv, .user_bv { background-color: #FFFDF4; background-image: url(../images/logos/cal_bv.png); border-color: rgb(125,123,116) !important; }
ul.woche li div h1.user_redbox, .user_redbox { background-image: url(../images/logos/cal_redbox.png); }
ul.woche li div h1.user_corpus, .user_corpus { background-color: #FFFF00; background-image: url(../images/logos/cal_corpus.png); }
ul.woche li div h1.user_osterkirche, .user_osterkirche { background-color: #A42A77; color: #fff; }
ul.woche li div h1.user_hort, .user_hort { background-color: #009EE0; color: #fff; }
ul.woche li div h1.user_beckmann, .user_beckmann { background-color: #0013C5; color: #fff; }
ul.woche li div h1.user_scworzel, .user_scworzel { background-color: #139010; color: #fff; }
ul.woche li div h1.user_ev-kiga, .user_ev-kiga { }
ul.woche li div h1.user_kath-kiga, .user_kath-kiga { }
ul.woche li div h1.user_jugend , .user_jugend{ background-color: #f5f5f5; background-image: url(../images/logos/cal_jugendforum.jpg); }
ul.woche li div h1.user_ffww , .user_ffww{ background-color: #999; background-image: url(../images/logos/cal_ffww.png); color: #fff; border-color: rgb(192,0,0) !important; }
ul.woche li div h1.hpnet, .hpnet { background-color: #A2A4A6; background-image: url(../images/logos/hpnet.png); color: #fff; border-color: rgb(173,209,255) !important; }
ul.woche li div h1.user_9045x, .user_9045x { background-color: #fff; background-image: url(../images/logos/logo_9045x.png); color: #000; border-color: rgb(173,209,255); }
ul.woche li div p {
margin: 3px 0;
padding: 0 8px;
}
ul.woche li div img {
max-width: 450px;
max-height: 550px;
margin: 10px auto;
}
.clear {
clear:left;
}
.filter form {
padding: 3px 0;
margin-bottom: 10px;
width: 665px;
}
.filter form ul {list-style-type: none; margin: 0; padding: 0;}
.filter form ul li {display:block; padding-bottom: 5px;}
.filter label {
display: block;
float: left;
width: 105px;
}
.filter select, .filter input {
background-color: transparent;
border: 2px solid #EEEEEE;
color: #000000;
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
margin: 0;
padding: 0;
width: auto;
}
.filter input {
background-color: transparent;
border: 2px solid #EEEEEE;
color: #000000;
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
margin: 0;
padding: 0;
width: auto;
margin-left: 105px;
}
.pagination {
margin: 10px 0 3px;
text-align: center;
height:40px;
line-height:40px;
font-weight: bold;
clear: both;
}
.pagination a:link, .pagination a:visited, .pagination a:focus {
display: block;
margin-right: 5px;
float: left;
width: 215px;
text-align: center;
line-height: 25px;
color: #fff;
background-image: url("../images/pagination_bg.jpg");
}
.pagination a:hover {
background-image: url("../images/pagination_hover.jpg");
background-repeat: no-repeat;
color: rgb(255,255,0);
}
.actual {position: absolute;line-height: 40px;margin-left: 10px;}
.pagination a.before {
position: absolute;
}
.pagination a.next {
position: absolute;
margin-left: 440px;
}
/* liste links bilder */
ul.links {
list-style-type: none;
padding: 0;
float: left;
}
ul.links li {
/* float: left; */
margin: 5px 2px;
}
ul.links li a:before {
content: ": : ";
}
ul.links li a:link, ul.links li a:visited, ul.links li a:focus, ul.links li a:active {
padding: 3px 5px;
text-decoration: none;
}
ul.links li a:hover {
background-color: rgb(230,230,230);
}
/* gewinnspiel-zusatz */
#raffle {
float: right;
margin: 0 0 0 10px;
padding: 0;
background-color: rgb(241,241,241);
list-style-type: none;
}
#raffle li img {
width: 200px;
margin: 3px 3px;
}
/* liste der bilder */
.bilderliste{list-style:none;width:665px;margin:20px auto 14px;padding: 0;min-height: 82px;clear: both;}
.bilderliste li{display:block;width:71px;height:71px;overflow:hidden;float:left;margin:0 7px 7px 0;border: 2px #eee solid;}
.bilderliste li:hover{border-color: #000;}
.bilderliste li div{position:absolute;display:none;top:0;left:180px;}
.bilderliste li div img{cursor:pointer;}
.bilderliste li.active div img,.bilderliste li.active div{display:block;}
.bilderliste li img {border:0; margin-left: auto;margin-right: auto;display: block;}
.bilderliste li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;}
.bilderliste li .caption{display:block;line-height:27px;}
.galleria_container .caption{max-width:665px;padding:0 14px;}
* html .bilderliste li div span{width:400px;} /* MSIE bug */