/*@charset utf-8;*/
* {
font-family:"Trebuchet MS",Trebuchet,Arial,Helvetica,Verdana,sans-serif;
font-size:1em;
margin:0;
padding:0;
}

.hidden {
display: none;
}

.clear {
clear:left;
}

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;
}

.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }


.w50{
width:50%;
}

.w45{
width:45%;
}

.w33{
width:33%;
}

.w20{
width:20%;
}

.w10{
width:10%;
}

.fleft{
float:left;
margin-right:1em;
}

.fright{
float:right;
margin-left:1em;
}

.spacer{
width:1em;
}

.tleft{
text-align:left;
}

.tright{
text-align:right;
}

.tcenter{
text-align:center;
}

.default{
color: #a1a1a1;
font-style: italic;
}

.italic{ /*test*/
font-style:italic;
font-family:Georgia
}

html {
font-size:100%;
height:100%;
}

body {
margin:0;
padding:0;
height:100%;
background:#FFBA0D url(/bilder/bg-body-1.png) top left repeat-x;
/*background:#FFE66B url(/bilder/bg-body-2.png) top left repeat-x;*/
font-size:80%;
text-align:center;
}

h1 {
font-size:2em;
margin:0;
padding:0 0 .5em;
/*color:#0036B2;*/
color:#444;
line-height:1.1em;
width:100%;
}

h2 {
font-size:1.4em;
/*color:#0A54FF;*/
color:#444;
line-height:1.4em;
margin-top:0em;
margin-bottom:0.3em;
}

h3 {
font-size:1.2em;
color:#444;
line-height:1.0em;
margin-top:0em;
margin-bottom:0.3em;
}


hr {
color:#004b93;
border:none;
border-top:2px solid #ccc;
margin:1em 0;
}

p {
margin-top:0;
margin-bottom:1em;
}

ul{
margin-left: 0; 
padding-left: 2.5em;
}


table {
width:100%;
}

table.architecture{
border-collapse: collapse;
}

td {
vertical-align:top;
margin:0px;
padding:0px;
}

textarea.elastic {
    resize:none;
}

.formular{
display:block;
padding:1px; 
width:400px;
border: 1px solid #000;
}

.formular-captcha{
padding:1px 1px 1px 91px; 
width:310px;
border: 1px solid #000;
}



.form90{
width:90%;
}

div.form_admin{
width:490px;
border:1px solid #7F9DB9;
padding:1px;

height:100px; 
overflow:scroll; 
overflow-x:hidden; 
background:#fff;
}

input.form_admin{
width:596px;
border:1px solid #7F9DB9;
padding:1px;
}

textarea.form_admin{
width:596px;
border:1px solid #7F9DB9;
padding:1px;
}

table.form_admin{
width:600px;
}

select.form_admin{
width:600px;
border:1px solid #7F9DB9;
padding:1px;
}

input.form_captcha{
width:506px;
border:1px solid #7F9DB9;
padding:1px 1px 1px 91px;
background-repeat: no-repeat;
}





form.fixform fieldset {
  border: none;
}
form.fixform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.fixform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.fixform fieldset ol {
  margin: 0;
  padding: 0;
}
form.fixform fieldset li {
  list-style: none;
  padding: 2px;
  margin: 0;
  /*border-bottom: 1px groove #0A54FF;*/
}
form.fixform label {
  width: 120px; /* Width of labels */
}




.pageMargins {
margin:0 auto;
padding:0em;
/*padding-bottom:1em;*/
text-align:left;
/*
min-width:760px;
width:100%;
max-width:80em;
*/
width:80em;
clear:both;
}


.headerWrap {
background-color:#FFF;
border:1px solid #CCC;
/* padding:18px 15px; */
position:relative; /* neuer ursprung */
}

.pageWrap {
background-color:#FFF;
border:1px solid #CCC;
padding:18px 15px;
/*position:relative;*/

   -moz-box-shadow: 0 10px 10px -5px black;
-webkit-box-shadow: 0 10px 10px -5px black;
        box-shadow: 0 5px 10px -5px black;
}

.bgFrame-l {
padding-left:15px;
/*background:transparent url(/bilder/shadow-body.png) left top repeat-y; */
}

.bgFrame-r {
padding-right:15px;
/*background:transparent url(/bilder/shadow-body.png) right top repeat-y; */
}

.bgFrame-b,.bgFrame-b span {
display:block;
padding:0;
margin:0;
height:19px;
/* background:transparent url(/bilder/shadow-bottom.png) 0 -22px repeat-x; */
position:relative;
overflow:visible;
}

.bgFrame-b {
margin:0 25px;
}

.bgFrame-b span {
width:25px;
position:absolute;
background-position:top left;
left:-25px;
}

.bgFrame-b span.right {
right:-25px;
background-position:top right;
left:auto;
}



.footer {
padding-top:1em;
clear:both;
width:100%;
text-align:center;
border-top:1px solid #eee;
}

.header {
padding:0px;
margin:0px;
background:#FFF url(/bilder/title.jpg) top left no-repeat;
height:120px;
text-align:right;
}

.logo{
background:url(/bilder/logo-tvp-small.png) top left no-repeat;
height:160px;
width:160px;
z-index:1000;
position:absolute;
right:1em;
top:1em;
}

/*
.topmenuBox{
margin:2em 0 0 3em; 
padding: 0;
}
*/

.topmenuBox{
margin:2em 0 0 3em;
padding: 0;
}

.topmenu {
list-style: none;
padding:0;
margin:0;
/*
float:left;
background: url(/bilder/topmenu-back.png) repeat-x;
*/
}

.topmenu  li{
float:left;
}

.topmenu  li a{
display:block;
background: url(/bilder/topmenu-item.png) repeat-x;
border-left: solid 1px #0A54FF;
border-right: solid 1px #93B5FF;
color: #ffffff;
font-size:1.3em;
line-height: 35px;
padding: 0px 10px;
text-decoration: none;
/*text-shadow: #93B5FF 1px 1px 0;*/
margin:0px;
}
.topmenu li.first a{
border-left: none;
border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
}

.topmenu li.last a{
border-right: none;
border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
}

.topmenu  li a:hover{ color:#eb6726;}


.menu {
margin-left:1em;
margin-bottom:1em;
float:right;
width:9em;
 background: #0A54FF url(/bilder/sidemenu-back-1.png) repeat-y; 
/* background: #568BFF url(/bilder/sidemenu-back-2.png) repeat-y; */
/* background: #568BFF url(/bilder/sidemenu-back-3.png) repeat-y; */
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:1em;
}

.main-panel{
margin:0em 11em 0em 0em;
padding-right:1em;
}

.infobox {
border: 1px solid #ccc;
background-color: #EEE;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
padding:.5em;
/*margin: 0em 1em 1em 0em;*/
margin-bottom:1em;
width:auto;
/*overflow:hidden;*/
}




.rot {
    background-color: #FFE4BB;
    border-color: #FF9C88;
}

.weihnachten {
    border: 4px solid #FF9C88;
    text-align: center;
    background:#FFE4BB url(/bilder/icons/special/Bells.png) top left no-repeat;
    min-height: 120px;
    padding-left: 128px;
}


.neujahr {
    border: 4px solid #4B4EFF;
    text-align: center;
    background: #8BA4E8 url(/bilder/icons/special/Snowman.png) top left no-repeat;
    min-height: 120px;
    padding-left: 128px;
}

.trauerfall {
    border: 4px solid #444;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;
    background-color: #fff;
    text-align: center;
    background:#FFF url(/bilder/icons/special/Cross.png) top left no-repeat;
    min-height: 120px;
    padding-left: 64px;
}

.trauerfall img , .weihnachten img, .neujahr img {
    display:none;
}

.trauerfall .headline {
    display:none;
}
.trauerfall .smalldate {
    display:none;
}

.vorschau {
/*    border: 1px dotted #ccc;*/
}

.vorschau h2:after{content:" [Vorschau]";color:#f88;}


.iconbox {
    padding-left:80px;
    background-repeat: no-repeat;
    margin-top:2em;
    min-height:64px;
}
.icon-bubble {
    background-image: url(/bilder/icons/Speech_Bubble.png);
}
.icon-chart {
    background-image: url(/bilder/icons/PieChart.png);
}
.icon-doc {
    background-image: url(/bilder/icons/Document.png);
}
.icon-location {
    background-image: url(/bilder/icons/Home.png);
}
.icon-album {
    background-image: url(/bilder/icons/Photo_Album.png);
}
.icon-camera {
    background-image: url(/bilder/icons/Camera.png);
}
.icon-calender {
    background-image: url(/bilder/icons/Calender.png);
}
.icon-warning {
    background-image: url(/bilder/icons/Warning.png);
}
.icon-maps {
    background-image: url(/bilder/icons/Maps.png);
}
.icon-chat {
    background-image: url(/bilder/icons/Chat.png);
}
.icon-tag {
    background-image: url(/bilder/icons/Tag.png);
}
.icon-note {
    background-image: url(/bilder/icons/Notepad.png);
}
.distancebox {
    margin-bottom:2em;
}




#debug_main {
position:fixed;
right:0px;
bottom:0px;
width:200px;
border: 1px solid #ccc;
background-color: #EEE;
padding:.5em;
font-size:10px;
text-align:left;
overflow:hidden;
}

#debug_globals {
display:none;
}

#debug_errorlist {
position:absolute;
left:0px;
top:0px;
width:600px;
border: 1px solid #ccc;
background-color: #fdd;
padding:.5em;
font-size:10px;
text-align:left;
}

#debug_database{
display:none;
position:fixed;
left:0px;
bottom:0px;
width:600px;
border: 1px solid #ccc;
background-color: #dfd;
padding:.5em;
font-size:10px;
text-align:left;
}

#debug_warning{
    position:fixed;
    right:0px;
    top:0px;
    width:64px;
    height:64px;
    background-image:url(/bilder/icons/Tools.png);
}

.sponsor{
color: #888;
}

.sponsor span {
font-size: 0.7em;
margin:0px;
display:block;
}

.begegnung, .begegnung:visited, .begegnung:hover, .begegnung:active {
display:block;
/*
position:relative;
height:3.5em;
*/
background: url(/bilder/begegnung-blau.png) repeat-x;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
margin-bottom:4px;
padding: 4px 0px;
color:#fff;
cursor:pointer;
}


.begegnung:hover{
color:#EAA46D;
}

.begegnung .heim {
display:block;
float:left;
width:48%;
text-align:center;
}

.begegnung .gast {
display:block;
float:right;
width:48%;
text-align:center;
}

.begegnung .ergebnis {
display:block;
clear:both;
/* width:100%; */
font-size:1.5em;
text-align:center;
font-weight:bold;
}

.begegnung .sieg{
/*color:#05A500;*/
}

.begegnung .niederlage{
/*color:#800000;*/
}


.begegnung .datum {
display:block;
clear:both;
/*width:100%;*/
font-size:1.0em;
text-align:center;
font-weight:bold;
/*color:#ffcc00;*/
}


.turngruppe {
    /*float:left;*/
    display:block;
    cursor:pointer;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    padding:.5em;
    margin-bottom:1em;
    border: 1px solid #ccc;
    background-color: #EEE;
    color:#444;
}

.turngruppe:hover{
    background-color:#ddd;
    color:#444;
}



#tabKontakt {
    padding: 32px;
    font-size: 16pt;
    font-weight: bold;
    line-height:92px;
    text-align:left;
}

#tabKontakt .icon{
    display:block;
    float:left;
    height:64px;
    width:64px;
    margin-right:32px;
}

#tabTraining {
    padding: 32px;
    font-size: 16pt;
    font-weight: bold;
    line-height:64px;
    text-align:left;
}

#tabSpieler a {
    min-height: 64px;
    position: relative;
}

#tabTrainer a {
    min-height: 64px;
}

#tabGruppenleiter a {
    min-height: 64px;
}

.trikotnummer {
    font-size: 3em;
    font-weight: bold;
    color: #FFBA0D;
    margin-top: -.2em;
}

.spieler_spiele {
    position:absolute;
    bottom: 5px;
    left: 85px;
    /*float:left;*/
    font-size: 20px;
    font-weight: bold;
    color: #444;
    height:24px;
    min-width:34px;
    padding-left:30px;
    padding-top: 0px;
    /*margin-right:10px;*/
    background: url(/bilder/spieler24-aaa.png);
    background-repeat: no-repeat;
}

.spieler_tore {
    position:absolute;
    bottom: 5px;
    left: 170px;
    /*float:left;*/
    font-size: 20px;
    font-weight: bold;
    color: #444;
    height:24px;
    min-width:34px;
    padding-left:30px;
    padding-top:0px;
    /*margin-right:10px;*/
    background: url(/bilder/handball24-aaa.png);
    background-repeat: no-repeat;
}

#tabSpieler a:hover .actionbild{
    display:block;
}

#tabSpieler .actionbild {
    display: none;
    position:absolute;
    width:300px;
    min-height: 100px;
    top: 32px;
    left: 80px;
    z-index: 9000;
    -moz-box-shadow: 3px 3px 3px #333;
}

.board-entry-control{
    float:right;
}

/*
.board-new {
    background-image: url(/bilder/icons/User.png);
    background-repeat: no-repeat;
    min-height: 60px;
    padding-left: 74px;
}

.board-entry {
    background: url(/bilder/icons/Chat.png);
    background-repeat: no-repeat;
    min-height: 60px;
    padding-left: 74px;
    
}
*/

/*
.col1 .actionbild {
    left: -420px;
}

.col2 .actionbild {
    left: -420px;
}
*/


/*
.begegnung-liste, .begegnung-liste:visited{
display:block;
background: url(/bilder/begegnung-blau.png) repeat-x;

background-color:#0443D3;

-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border: 1px solid #0443D3;
margin-bottom:4px;
padding: 4px 4px;
color:#fff;
height:1.5em;
}

.begegnung-liste:hover{
color:#fff;
background-image: none;
}

.begegnung-liste .sieg {
    color: #BEF781;
}

.begegnung-liste .niederlage {
    color: #FFAC8D;
}
*/


.begegnung-liste, .begegnung-liste:visited{
display:block;
background: #FFFF89 url(/bilder/begegnung-gelb.png) repeat-x;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border: 1px solid #FFBA0D;
margin-bottom:4px;
padding: 4px 4px;
color:#444;
height:1.5em;
}

.begegnung-liste:hover{
color:#111;
background-image: none;
}

.begegnung-liste .sieg {
    color: #148500;
}

.begegnung-liste .niederlage {
    color: #850021;
}

.begegnung-liste .heim {
display:block;
float:left;
width:30%;
text-align:center;
}
.begegnung-liste .ergebnis {
display:block;
float:left;
width:10%;
font-size:1em;
text-align:center;
font-weight:bold;
}


.begegnung-liste .gast {
display:block;
float:left;
width:30%;
text-align:center;
}

.begegnung-liste .datum {
float:left;
width:20%;
text-align:left;
}

.begegnung-liste .zeit {
float:left;
width:10%;
text-align:left;
}



.timeline{
position:relative;
height: 40px;
width:700px;
}

.timeline a {

}

.torschuetze{
position:relative;
float:left;
}

.torschuetze:hover .torschuetze-info{
display:block;
}

.torschuetze-info{
display:none;
position:absolute;
/*background-color:#ccc;*/
text-align:center;
z-index:1000;

left:-4em;
right:-4em;
height:6em;
bottom:-7em;

border: 1px solid #ccc;
background-color: #EEE;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-moz-box-shadow: 3px 3px 3px #333;
border-radius:6px;
padding:.5em;
}

.torschuetze-name{
font-size:1.2em;
}

.torschuetze-tore1{
font-size:2em;
color:#00e;
}
.torschuetze-tore2{
font-size:1.2em;
}

.torschuetze-link{
position:absolute;
top:-40px;
}


.torschuetze-koenig{
position:absolute;
background-image:url(/bilder/icons/Favorite.png);
bottom:0px;
right:0px;
height:64px;
width:64px;
}



table.kalender {
    width:200px;
    border-collapse: collapse;
    table-layout: fixed;
}

table.kalender tr {
    border-bottom: 1px #FFBA0D solid;
}
table.kalender th, table.kalender td {
    text-align: center;
    display:table-cell;
    border:0;
    border-bottom: 1px #FFBA0D solid;
    padding:0px;
}

.kalender td.week {
    background-color: #FFBA0D;
}
table.kalender td a {
    text-decoration:none; 
    display:block; 
    padding:0px; 
    height:100%;
}
table.kalender .selected {
    background-color:#FFEB7F;
}
table.kalender td a:hover {
    background-color: #FFBA0D;
}


.light{
/*
background-color: #f3f3f3;
border-color: #ddd;
*/
}


.important-red{
background-color: #FFE4BB;
border-color: #FF9C88;
}

.important-yellow{
background-color: #FFFF89;
border-color: #FFBA0D;
}

.important-green{
background-color: #E3F6CE;
border-color: #BEF781;
}


.tablebox {
/*margin: 0em 1em 1em 0em;*/
margin-bottom: 1em;
width:auto;
overflow:hidden;
}



.email_text {
    background-color: #ffffcc;
    border: 1px dashed #ccc;
    padding:1em;
}



.imagescaler{
display:block;
min-width:240px;
max-width:480px;
}






 

a,a:visited {
color:#004b93;
text-decoration:none;
}

a img {
border:0;
}
 

.l0a{background-image:url(/bilder/link1.gif); background-repeat:no-repeat; background-position:left center; padding-left:10px; font-size:0.9em;}
.l0b{background-image:url(/bilder/link2.gif); background-repeat:no-repeat; background-position:left center; padding-left:10px; font-size:0.9em;}
.l1a{background-image:url(/bilder/link1.gif); background-repeat:no-repeat; background-position:left center; padding-left:10px;}
.l1b{background-image:url(/bilder/link2.gif); background-repeat:no-repeat; background-position:left center; padding-left:10px;}
.l2{font-size:0.9em;}
.l3{}
.l4{background-image:url(/bilder/link0.gif); background-repeat:no-repeat; background-position:left center; padding-left:10px; font-size:0.9em;}
.l5{background-image:url(/bilder/link0.gif); background-repeat:no-repeat; background-position:left center; padding-left:10px;}

a:hover{ color:#eb6726;}

.l0a:hover{background-image:url(/bilder/link2.gif);}
.l1a:hover{background-image:url(/bilder/link2.gif);}
.l2:hover {text-decoration:underline;}
.l3:hover {text-decoration:underline;}
.l4:hover{background-image:url(/bilder/link2.gif);}
.l5:hover{background-image:url(/bilder/link2.gif);}

.lmenu, .lmenu:visited{
color:#fff;
}
.lmenu:hover{
color:#eb6726;
}

.lbox{
/*font-size:0.9em; */
display:block;
border: 1px solid #ccc;
background-color: #EEE;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
padding:.5em;
margin-bottom:1em;
width:auto;
height:100%;
text-align:center;
}

.lbox:hover{
background-color:#ddd; 
text-decoration:none;
}

.lbox-yellow{
/*font-size:0.9em; */
display:block;
border: 1px solid #FFBA0D;
background-color: #FFFF89;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
padding:.5em;
margin-bottom:1em;
width:auto;
height:100%;
text-align:center;
}

.lbox-yellow:hover{
background-color:#FFFFAA; 
text-decoration:none;
}

.lhoverbox{
font-size:0.9em; 
display:block;
border: 1px solid #fff;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
padding:.5em;
margin-bottom:1em;
width:auto;
height:100%;
text-align:center;
position:relative;
}

.lhoverbox:hover{
border: 1px solid #ccc;
background-color: #EEE;
text-decoration:none;
}

.lhoverbox .caption{
display:none;
overflow:visible;
position:absolute;
height:1em;
bottom: -1.5em;
right:-5em;
left:-5em;
z-index:1000;
}
.lhoverbox:hover .caption{
display:block;
}


.btn-list a{
    float:left;
    margin-right:.5em;
}

.btn-def{
/*float:left;*/
display:block;
cursor:pointer;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
padding:.5em;
margin-bottom:1em;
border: 1px solid #ccc;
background-color: #EEE;
}
.btn-def:hover{
background-color:#ddd;
color:#444;
}

.btn-red{
display:block;
cursor:pointer;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
padding:.5em;
margin-bottom:1em;
border: 1px solid #FF9C88;
background-color: #FFE4BB;
color:#444;
}
.btn-red:hover{
background-color: #FF9C88;
color:#444;
}

.btn-yellow{
display:block;
cursor:pointer;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
padding:.5em;
margin-bottom:1em;
border: 1px solid #FFBA0D;
background-color: #FFFF89;
color:#444;
}
.btn-yellow:hover{
background-color: #FFEB7F;
color:#444;
}
.btn-yellow:visited{
color:#444;
}

.btn-green{
display:block;
cursor:pointer;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
padding:.5em;
margin-bottom:1em;
border: 1px solid #BEF781;
background-color: #E3F6CE;
}
.btn-green:hover{
background-color: #BEF781;
}

.btn-hor-large img{
    display:block;
    float:left;
    height:64px;
    width:64px;
    margin-right:5px;
}

.btn-hor-large span{
    font-size:1.4em;
    font-weight:bold;
    color:#444;
    line-height:64px;
}

.btn-hor-med img{
    display:block;
    float:left;
    height:32px;
    width:32px;
    margin-right:5px;
}

.btn-hor-med span{
    font-size:1.4em;
    font-weight:bold;
    color:#444;
    line-height:32px;
}

.btn-hor-small img{
    display:block;
    float:left;
    height:24px;
    width:24px;
    margin-right:5px;
}

.btn-hor-small span{
    font-size:1em;
    font-weight:bold;
    color:#444;
    line-height:24px;
}


.lpage{
display:block;
float:left;
line-height:2em;
width:2em;
text-align:center;
font-size:1.4em;
color:#444;
border: 1px solid #fff;
}

.lpage:hover{
border: 1px solid #777;
}

.laktiv{
 color:#eb6726;
}


.fotomarker{position:absolute; left:0px; top:0px; background-image:url(/bilder/fotomarker1.gif); background-repeat:no-repeat; width:32px; height:32px; cursor: pointer;}


a.zoom {
    margin:0;
    padding:0;
}
a.zoom img{
border: 1px solid #000; margin:2px;
}


.foto_katalog a {
display:block;
float:left;
width:108px;
height:100px;
overflow:hidden;
border: 1px solid #ccc;
background-color: #eee;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
padding:0;
margin:0 .3em .3em 0;
text-align:center;
line-height:98px;
}

.foto_katalog a:hover {
background-color:#ddd;
}

.foto_katalog a img{
vertical-align:middle;
margin:0;
}

/*
tr.mod1{background-color:#F0CD6C;}
tr.mod2{background-color:#FFDE82;}
*/

tr.mod1{background-color:#eee;}
tr.mod2{background-color:#ddd;}


#log_table{
    width:40em;
    text-align:left;
}


.white{background-color:#FFFFFF;}
.lightgrey{background-color:#DDDDDD;}
.grey{background-color:#CCCCCC;}
.darkgrey{background-color:#AAAAAA;}
.lightorange{background-color:#FFEB68;}
.orange{background-color:#FFE67A;}
.red{background-color:#FF1100;color:#FFFFFF;}


.framed{border: black 1px solid;}
.thickframed{border: #FF1100 2px solid;}

.shadowed {box-shadow: 10px 10px 5px -5px #999;}

.white-framed{background-color:#FFFFFF; border: black 1px solid;}
.lightgrey-framed{background-color:#DDDDDD; border: black 1px solid;}
.grey-framed{background-color:#CCCCCC; border: black 1px solid;}
.darkgrey-framed{background-color:#AAAAAA; border: black 1px solid;}
.lightorange-framed{background-color:#FFEB68; border: black 1px solid;}
/*.orange-framed{background-color:#FFE67A; border: black 1px solid;}*/
.orange-framed{background-color:#FFFF89; border: black 1px solid;}
.red-framed{background-color:#FF1100;color:#FFFFFF; border: black 1px solid;}

/*.small{font-size:0.9em; margin-top:0px; margin-bottom:0px;}*/
.small{font-size:0.9em;}
.smalldate{font-size:0.9em; margin-top:0px; margin-bottom:5px; font-style:italic;}

.radio{border: black 0px solid;background-image:none;}

.tab{margin:0px 2px 5px 0px; padding:5px 5px 2px 5px; background-color:#DDDDDD; border:1px solid black; border-bottom:0px;}
.tabopen{margin:0px 2px 5px 0px; padding:5px 5px 2px 5px; background-color:#F7D956; border:1px solid black; border-bottom:0px;}
.tab:hover{text-decoration:none; background-color:#AAA;}
.tabopen:hover{text-decoration:none;}

.tabcontent{background-color:#F7D956; padding:5px; border: 1px solid #000;}

.scrollbox{overflow:scroll; overflow-x:hidden; border: 1px solid black; background-color:#fff;}
.searchbox{background:url(/bilder/seite/suche.gif) no-repeat #fff; padding:2px; padding-left:20px; border:1px solid black;}


.imgPreviewZoom_small {
float:right; 
margin:8px 10px; 
cursor:pointer;
border:solid 1px #000;
}

.imgPreviewZoom_div { 
width:auto;
text-align:right; 
padding:0px;
margin:8px 10px; 
}

.imgPreviewZoom_big {
width:100px; 
cursor:pointer;
border:solid 1px #000;
}

.imgFit {
width:100%; 
margin:8px 10px;
border:solid 1px #000;
}

.scroll_ul{
	list-style: none;
	margin:0px; 
	overflow:scroll; 
	overflow-x:hidden; 
	border: 1px solid black; 
	background-color:#fff; 
	margin:0px;
	padding:0px;
}

.benutzer{
	background:url(bilder/seite/symbole/benutzer.gif) no-repeat; 
	height:22px; 
	margin:0px;
	padding-left:22px;
}

.benutzer_e{
	background:url(bilder/seite/symbole/benutzer_e.gif) no-repeat; 
	height:22px; 
	margin:0px;
	padding-left:22px;
}



.forum_eintrag {
	position:relative;
	border: 1px solid black;
	background-color: #fff;	
	line-height:1.4em;
	font-size:0.85em; 
	margin-bottom: 10px;
	padding:2px;
	width:390px;
}
  
.forum_eintrag span.name {
	color:#888;
}

.forum_eintrag span.datum {
	position:absolute;
	right:5px;
	color:#888;
}

 
#forum_themen {
	list-style:none; 
	margin:0px; 
	padding:0px;
}  

#forum_themen li {
	margin:0px;
}

#forum_themen a {
	display:block;
	background:url(/bilder/seite/symbole/blase.gif) no-repeat; 
	padding-left:25px;
	height:22px; 
}

.forum_thema_aktiv{
	background-image:url(/bilder/seite/symbole/blase_aktiv.gif); 
}
  
.Popupbox{
	position:absolute;
	left:50%;
	top:200px;
	margin-left:-200px;
	width:400px;
	padding:0px;
	border: 2px solid #FF1100;
	background-color: #fff;
}
  
  
.Popuptitel {
	margin:0px;
	padding:5px;
	background-color: #FF1100;
	color:#fff;
	font-weight:600;
}

.Popuptext {
	margin:0px 0px 0px 0px;
	padding:5px;
}
  
  
/* LIGHTBOX */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/tvpneu/bilder/seite/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/tvpneu/bilder/seite/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }










.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
    /*overflow: visible;*/
	width: 800px;
	height:480px;
    border: 1px;
}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}


.scrollable-navi a{
display:block;
float:left;
margin:.25em;
cursor:pointer;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
padding:.5em;
border: 1px solid #ccc;
background-color: #EEE;
}


.scrollable-navi a.current{
border: 1px solid #FFBA0D;
background-color: #FFFF89;
color:#444;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.scrollable .items div {
    width:800px;
	float:left;
}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip-tip {
	background:transparent url(/bilder/tooltip-top.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;
}