@import "../../jquery/jRating/jRating.jquery.css";
@import "../../jquery/jNotify/jNotify.jquery.css";

body { background-color:#e5e5e5; background-image:url(./img/background.jpg); background-attachment:fixed;
font-family:'Helvetica', Verdana, Arial; color:#222; font-size:0.8rem; }

html, body { padding:0; margin:0; }

/* Umschließende Div Box  */
#bg_aut, #bg_logo_top { width:1000px; }

/* Header / Logo  */
#bg_logo_top { float:left; background:#6C9BCE url(./img/logo_top.png) no-repeat; width:100%; height:100px; -moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; }

/* Content Breite - Standard: 790px */
.gal_cont { width:790px; }

/* Navi Links (falls Aktiv) - Standard: 205px */
.gal_navi_box { width:205px; }

/* Div Box Navi Top  */
.vsbg_div_navi_top { float:right; text-align:right; width:520px; margin-right:-62px; margin-top:76px; padding:5px; }

#bg_aut { position:relative; background:#fff; text-align:center; margin:5px auto; padding:10px; border:1px solid #e9e9e9; z-index:2; }

img, table { border:0; }
td { vertical-align:top; }
form { display:inline; }

/* VIDEO PLAYER*/
#main { background: #fff; margin: 20px; text-align: center }
a.media   { display: block; }
div.media { font-size:0.7rem; margin: 25px; width: 100% !important }
div.media div, div.iframe_caption { font-style: italic; color: #888; }
#lr { border: 1px solid #eee; margin: auto }
div.example { padding: 20px; margin: 15px 0px; background: #ffe; clear:left; border: 1px dashed #ccc; text-align: left }

.bgCenterDiv { float:left; position:relative;  } /* left:50%; */
.bgCenterDiv, .vsbg_div_img, .div_cell {   } /* float:left; position:relative; right:50%; , .bg_kat_box */

.tabImgCtr { text-align:center; margin:0 auto; width:auto; padding:4px; }

.bgStarVote { background-color:#b0b0b0; text-align:center; margin:0 auto; padding:0; margin-top:4px; margin-bottom:2px; -moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } /* border:1px solid #acacac; */

/* Views, Vote, Kommentar Tabelle ********* */
.vsgal_timg_vote { width:auto !important; border-spacing:1px; vertical-align:middle; text-align:center; padding:4px 1px 0 1px; margin:0 auto; margin-bottom:-2px; font-size:0.8rem; color:#333;}

/* ICONS */
.show_anz { float:left; padding:4px 2px 1px 24px; }
.vote_anz { float:left; padding:5px 2px 2px 20px; }
.komm_anz { float:left; padding:4px 2px 2px 24px; }
.show_ico { float:left; background:url('./img/swk.png') no-repeat -2px 1px; width:24px; height:20px; }
.vote_ico { float:left; background:url('./img/swk.png') no-repeat -25px 0; width:22px; height:20px; }
.komm_ico { float:left; background:url('./img/swk.png') no-repeat -48px 0; width:22px; height:20px; }
.komm_link { font-size:0.8rem; padding:2px; vertical-align:middle; }


.vsbg_div_img, #bg_aut, .vsgal_tab_img, .bg_kat_box, .vsgal_button, .vsgal_button_reg, .error, .tab_green { -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; }

.vsbg_div_img, #bg_aut, .vsgal_button, .vsgal_button_reg, .error, .tab_green, #gal_user_box {
-webkit-box-shadow:inset -1px -1px 4px rgba(255, 255, 255, 0.3), 1px 1px 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow:inset -1px -1px 4px rgba(255, 255, 255, 0.3), 1px 1px 4px rgba(0, 0, 0, 0.3);
box-shadow:inset -1px -1px 4px rgba(255, 255, 255, 0.3), 1px 2px 4px rgba(50, 50, 50, 0.3); }

/* Globale Divbox Kategorien, Galerie... **************** */
.gal_cont  { background-color:#fff; margin-left:5px; } /*568BC7 border:1px solid #6C9BCE;*/


/* Divbox Haupt-Navi  gal_menue  **************** */
.gal_navi_box { float:left; text-align:left; margin:0; list-style-type:none; padding:0; }

/* Top Menu **************** */
.topMenu { clear:both; float:right; margin-top:30px; }

.gal_menue_top a:link, .gal_menue_top a:active, .gal_menue_top a:visited {
display:block; background:#B0C9E3 url(./img/button_blue.png); font-size:0.8rem; color:#436176; text-decoration:none; padding:5px;
border-width:1px; border-style:solid; border-color:#CEDDEE #5A829C #5A829C #CEDDEE; }

.gal_menue_top a:hover {
display:block; background:#B0C9E3; font-size:0.8rem; color:#E1EBF4; text-decoration:none; padding:5px;
border-width:1px; border-style:solid; border-color:#CEDDEE #5A829C #5A829C #CEDDEE; }

/* Button Slideshow **************** */
.button_slideshow a:link, .button_slideshow a:active, .button_slideshow a:visited {
display:block; background:#FFAB72 url(./img/button_slideshow.png); font-size:0.8rem; color:#6C1500; text-decoration:none; padding:5px 5px 5px 26px;
border-width:1px; border-style:solid; border-color:#FFE7D7 #8E3900 #8E3900 #FFE7D7; }

.button_slideshow a:hover {
display:block; background:#FFAB72 url(./img/button_slideshow_ov.png); font-size:0.8rem; color:#333; text-decoration:none; padding:5px 5px 5px 26px;
border-width:1px; border-style:solid; border-color:#FFE7D7 #8E3900 #8E3900 #FFE7D7; }


/* Vertical Left Menu *************** */
.gal_menue, .vertMenu  {
background-color:#fff; margin:0; padding:0;
border-right:1px solid #86A3BF; border-left:1px solid #86A3BF; }
/* border-bott: 86A3BF - border-top:E1EBF4 - color: 436176 - */

.gal_menue a:link, .gal_menue a:active, .gal_menue a:visited, .rootVoices div.rootVoice {
max-width: 220px; white-space: pre-wrap;
display:block; background:#CEDDEE; font-size:0.8rem; font-weight:500; color:#436176; text-decoration:none; padding:6px 4px 6px 6px;
border-top:1px solid #E1EBF4; border-bottom:1px solid #86A3BF; text-shadow: 1px 1px 3px rgba(0,0,0,0.2); }

.gal_menue a:hover, div.rootVoice:hover, .rootVoices div.rootVoice.selected {
display:block; background:#A7C4E0; font-size:0.8rem; font-weight:500; color:#E1EBF4; text-decoration:none; padding:6px 4px 6px 6px; border-top:1px solid #E1EBF4; border-bottom:1px solid #86A3BF; text-shadow: -1px -1px 1px rgba(0,0,0,0.1); }

.gal_menue2 a:link, .gal_menue2 a:active, .gal_menue2 a:visited {
display:block; font-size:0.8rem; font-weight:500; color:#436176; text-decoration:none; padding:0; margin:0; }

.gal_menue2 a:hover {
display:block; font-size:0.8rem; font-weight:500; color:#E1EBF4; text-decoration:none; padding:0; margin:0; }

/*
.gal_menue_pf {
float:right;  text-align:right; background:url('./img/pfeil.png') no-repeat 3px 2px;
width:12px; height:16px; margin-top:2px; clear:right; }
*/
.gal_menue_pf {
float:right; width:0; height:0;
border-bottom:6px solid transparent; border-top:6px solid transparent; border-left:6px solid #436176;
margin-top:3px; margin-right:2px; clear:right; }

body.ie11 .gal_menue_pf { margin-top:1px; clear:right; }

.mbmenu { display:none; }

.gal_menu_box { border-bottom:1px solid #86A3BF; border-right:1px solid #86A3BF; border-left:1px solid #86A3BF; }

.gal_menu_anz_img { vertical-align:middle; font-size:0.7rem; color:#666; padding-left:4px; }

/* Allgemeine Links ****************** */
.vsbg_link_a a:link, .vsbg_link_a a:visited, .vsbg_link_a, a:link, a:visited, a:active {
color:#2D59B5; text-decoration:none; font-size:0.8rem; font-weight:500; }
.vsbg_link_a a:hover, a:hover { color:#e00; text-decoration:none; font-size:0.8rem; font-weight:500; }

.vsgal_link { text-align:center; color:#666; text-decoration:none; font-size:0.8rem; font-weight:500; }

/* Kategorie Links ****************** */
.vsgal_link a:link, .vsgal_link a:visited, .vsgal_link a:active {
color:#2D59B5; text-decoration:none; font-size:1.1rem; font-weight:500; }

.vsgal_link a:hover { color:#e00; text-decoration:none; font-size:1.1rem; font-weight:500; }

/* Footer Links ****************** */
.vsmg_link_f a:link, .vsmg_link_f a:visited, .vsmg_link_f a:active {
color:#f0f0f0; text-decoration:none; font-size:0.8rem; font-weight:bold; }

.vsmg_link_f a:hover { color:#fff; text-decoration:underline; font-size:0.8rem; font-weight:bold; }

.link_breaker { font-size:0.8rem; font-weight:500; color:#aaa; margin:4px;}

/* FOOTER */
#vsmg_footer { position:relative; background:#444; width:100%; height:130px; text-align:center; color:#ccc; font-weight:bold; margin-top:-18px; z-index:1; border-top:2px solid #bbb; border-bottom:2px solid #222;}

/*
#vsmg_footer {
-moz-box-shadow: inset 0 -8px 8px -8px #000;
-webkit-box-shadow: inset 0 -8px 8px -8px #000;
box-shadow: inset 0 -8px 8px -8px #000; }
*/

/* Small Links ****************** */
.bg_link_sm a:link, .bg_link_sm a:visited, .bg_link_sm a:active {
color:#2D59B5; text-decoration:none; font-size:0.7rem; }
.bg_link_sm a:hover { color:#e00; text-decoration:none; font-size:0.7rem; }


/* Galerie Titel-Top *************** */
.vsgal_titel {
background:#4D6D86 url(./img/titel.png); /* #E1EBF4; color: 4B84C2 */
font-size:0.9rem; color:#EBF3F5; font-weight:500; text-align:left;
padding:5px 0 5px 6px;  border:1px solid #86A3BF; /* margin-left:5px; */
-moz-border-top-left-radius:4px; -webkit-border-top-left-radius:4px; -ms-border-top-left-radius:4px; -o-border-top-left-radius:4px; border-top-left-radius:4px;
-moz-border-top-right-radius:4px; -webkit-border-top-right-radius:4px; -ms-border-top-right-radius:4px; -o-border-top-right-radius:4px; border-top-right-radius:4px;
}

.vsgal_subtitel {
background:#f5f5f5; font-size:0.9rem; color:#000; font-weight:bold; text-align:left;
padding:5px 0 5px 6px; border:0
}

/* Galerie Titel-Top Link *************** */
.vsgal_titel a, .vsgal_titel a:visited, .vsgal_titel a:active { color:#6C9BCE; text-decoration:underline; }
.vsgal_titel a:hover { color:#6C9BCE; text-decoration:none; }

/* IMG + Video Titel ***************** */
.img_titel {text-align:left; font-size:0.9rem; font-weight:bold; color:#666; padding:4px 2px 0 1px;}

.tabelle { padding:5px; }

/* Tabellen Spalten - z.B. Anmeldung */
.tab_bg { background-color:#fcfcfc; border-collapse:separate; border-spacing:1px; }
.td_bg { background-color:#fcfcfc; text-align:left; color:#333; padding:4px;}

/* **************** */

.ta_c { text-align:center; margin:0 auto; }
.ta_l { text-align:left; padding:2px; }
.ta_r { text-align:right; margin:0 auto; padding-right:6px;}
.ta_m { vertical-align:middle; }

.pd4 { padding:4px; }
.pd5 { padding:5px; }
.pd6 { padding:6px; }


/* Bilder Rahmen Box *********** */
.vsbg_div_img { border:1px solid #ccc; }

/* Bilder Rahmen ************* */
.vsgal_tab_img { background-color:#f9f9f9; border:1px solid #ccc;}

/* Kat/Galerie -Bilder Mouse Over ************* */
.tab_img_box a:link { display:block; opacity:1.0;
 transition: transform 0.6s;
 -moz-transition: transform 0.6s;
 -webkit-transition: transform 0.6s;
 -o-transition: transform 0.6s;
 -ms-transition: transform 0.6s;
 }

.tab_img_box a:hover { display:block; opacity:0.9; }
.tab_img_box a:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}


/* Bilder Hintergrundfarbe/Bild und Rahmen ********** */
.td_img {
background:#fff; /*  url(../tpl/img/bg_img.png) */
text-align:center; vertical-align:top; /* vertical-align:top; */
border: 1px solid #c2c2c2; }

/* Bild/Video -Beschreibung **************** */
.vsgal_img_bes { background:transparent; width:100%; text-align:left; color:#333; font-size:0.8rem; padding:3px 2px 1px 2px; }

/* Kategorie Box Startseite ****** */
.bg_kat_box { float:left; text-align:left; padding:2px; margin:4px; border:1px solid #e0e0e0; }

/* Kategorien Beschreibung Startseite (falls aktiv) ****** */
.div_kat_bes { position:relative; display:block; left:2px; top:2px; color:#333; font-size:0.8rem; }

.div_left_t { text-align:left; padding:4px; margin-top:4px; border-bottom:1px solid #e0e0e0; }
.div_left, .div_right { text-align:left; padding:4px; margin:0 auto; color:#333; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; }
.div_right { border-right:1px solid #e0e0e0; }

/* Gallerie Beschreibung -> Ausgabe *********** */
.galbes  { color:#333; font-size:10px; }

/* Statistiken - (Falls aktiv)*************** */
.vsgal_stat_bot {
color: #333;font-size:10px; text-align:center; margin:0 auto; padding-top:10px; } /* border-top:1px solid #9c9c9c; */

/* Komentare *************** */
.kom_div { width:99%; padding:2px; }
.kom_titel { color:#999; font-size:0.8rem; padding:2px; }
.kom_inhalt { color:#333; font-size:0.8rem; padding:2px; }
.kom_break { margin:5px 4px; border-bottom:1px solid #d5d5d5; }
.kom_admin { background:#f5f5f5; padding:4px; margin:4px 2px; border:1px solid #e0e0e0; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:3px; }

/* Buttons ***************** */
.vsgal_button, .vsgal_button_reg { text-decoration:none; text-align:center; font-weight:bold; cursor:pointer; }

.vsgal_button {
background: #DFE6F4 url(./img/button_blue.gif);
font-size:0.9rem; color:#f9f9f9; padding:4px 8px 4px 8px; margin:1px; border:1px solid #257;}

.vsgal_button_reg {
background: #DFE6F4 url(./img/button_green.gif);
font-size:0.9rem; color:#f9f9f9; padding:4px 8px 4px 8px; text-align:center; margin:1px; border:1px solid #396;}

/* Fehler ausgabe *************** */
.error { background:#FDD; font-size:0.8rem; color:#D00; padding:10px; margin:10px 25px; border:1px solid #c00; }

.tab_green { background:#F2FFEC; font-size:0.8rem; color:#070; padding:10px; margin:10px 25px; border:1px solid #060; }

/* Navi Top ********************* */
.vsbg_navi_top, .vsbg_navi_top_logout { font-size:0.8rem; text-align:center; padding:0; }

.vsbg_navi_top a, .vsbg_navi_top_logout a {
background: #DFE6F4;
font-size:0.8rem; color:#343434; text-decoration:none; text-align:center;
padding:2px 6px 2px 6px; margin:1px; border:1px solid #d0d0d0;}

.vsbg_navi_top a:hover {
background: #f5f5f5;
font-size:0.8rem; color:#ff7700; text-decoration: none; text-align:center;
padding:2px 6px 2px 6px; margin:1px; border:1px solid #d0d0d0;}

.vsbg_navi_top_logout a {
font-size:0.8rem; color:#ee0000; text-decoration: none; text-align:center;
padding:2px 6px 2px 6px; margin:1px; border:1px solid #d0d0d0;}

/* Navi Seitenweise Blättern ************ */
.vsbg_navi { font-size:0.8rem; text-align:center; padding:0; }

.vsbg_navi a {
background: #DFE6F4 url(./img/button_grey.gif);
font-size:0.8rem; color:#343434; text-decoration:none; text-align:center;
padding:4px 8px 4px 8px; margin:1px; border:1px solid #d0d0d0;}

.vsbg_navi a:hover {
background: #FFECDF url(./img/button_orange.gif);
font-size:0.8rem; color:#676767; text-decoration: none; text-align:center;
padding:4px 8px 4px 8px; margin:1px; border:1px solid #d0d0d0;}

.vsbg_navi_act {
background: #FFDDDD url(./img/button_red.gif);
font-size:0.8rem; color:#ff0033; text-decoration:none; text-align:center;
padding:4px 8px 4px 8px; margin:1px; border:1px solid #d0d0d0;}

.eingabe, .eingabe_reg { -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:3px; }
.eingabe { background:#f9f9f9; font-size:0.8rem; padding:3px; border:1px solid #c0c0c0;}
.eingabe_reg { background:#fcfcfc; font-size:0.9rem; padding:4px; border:1px solid #c0c0c0;}
.eingabe:focus, .eingabe_reg:focus, select:focus, textarea:focus { background:#ffffB5; border:1px solid #B0B0B0;}
.eingabe:hover, .eingabe_reg:focus, select:hover, textarea:hover { background:#ffffB5; border:1px solid #B0B0B0;}

select.disabled { color:#e00; font-weight: bold;}

.vsbg_small { font-size:0.7rem; color:#333; }
.vsbg_autor { float:right; font-size:0.7rem; color:#777; padding:2px 2px 0 0; }

.closeBox { display:block; width:16px; height:16px; background: url(./img/close.png); cursor:pointer; padding:0; margin-right:4px; }

/* TOP Button */
#top, #top:hover { position:fixed; right:3%; top:80%; width:32px; height:32px; margin:0 auto; z-index:3;
border-width:1px; border-style:solid; border-color:#666; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,7);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,7);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,7);
}

#top { background:#777; }
#top:hover { background:#888; }

#top_arrow { width:0; height:0; margin:8px auto; padding-top: 2px;
border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #555; }
/* END TOP Button */

 /* Styles for Example #1 */
 /*
 .identifier { margin:0; padding:0; width:100%; list-style-type:none; line-height:120%; }
.identifier .closed { background-image:url(img/ha-down.gif);}
.identifier .closed, .identifier .opened {
padding-right:10px; background-position:98% 50%; background-repeat:no-repeat; }
.identifier .header { background-color:#e9e9e9; }
.identifier .opened { background-image:url(img/ha-up.gif); }

.identifier a {display:block; color:#333; font-weight:500; padding:4px 4px 4px 5px; text-decoration:none; border-top:1px solid #f9f9f9; border-bottom:1px solid #e0e0e0;}

.identifier a.hover {background-color:#f5f5f5; color:#ff7700; border-top:1px solid #f9f9f9; padding:4px 4px 4px 5px; border-bottom:1px solid #e0e0e0;}

.identifier ul {overflow:hidden; margin:0; padding:0;}
.identifier li { margin:0; padding:0; list-style-type:none; }
.identifier li a { background-color:#f0f0f0; }
.identifier li.active a, .identifier li li.active a { background-color:#f0f0f0; }
.identifier li.active li a, .identifier li li a { padding:2px 4px 2px 12px; background-color:#fff; }
.identifier li li a:hover { color:#ff7700; }
*/