/*-------------------------------*/
/* CSS-Standard Stand 20.06.2022 */
/* ----------------------------- */

*
{ margin 0; padding: 0; }

html, body { height: 100%; width:100% }

body
{
 font-family: Helvetica,Verdana, Arial,sans-serif;
 line-height:1.2;
 font-weight:normal;
 color:black;
 margin:0px;
 padding:0px;
 background-color:#F0F0F0;
}

.setecho
{
 text-align:center;
 padding:10px;
 margin:15px;
 border:1px dotted red;
}

h1 {font-size:18px; font-variant:normal; font-weight:normal;  margin:0px; margin-bottom:8px}
h2 {font-size:14px; margin:0px; padding:0px;  padding-left:5px; font-weight:normal;  font-style:normal; }
h3 {font-size:14px; font-weight:normal; margin-bottom:5px; margin-left:5px; color:#666666}
h4 {color:red; font-size:14px; font-weight:normal; margin:0px; padding:0px; margin-top:7px;}
h5 {font-size:12px; font-weight:normal; margin:0px; padding:0px; text-align:left;}
h6 {color:black; font-size:20px; font-weight:normal; margin:0px; padding:0px; text-align:left;}

.h7 {margin-left:10px; margin-top:-18px;}
.h8 {margin-left:10px; margin-top:-18px; color:red;}
.h9 {float:left; margin:0px; margin-top:-18px; padding:10px; color:black; border:1px solid darkgray; border-radius:6px;}

.ht {border-bottom:1px solid black; padding-left:5px;}

.vis_imageurl {margin-bottom:10px; color:red;}

.sqlinfo {border:1px solid gray; padding:5px; margin-bottom:10px; background-color:white; border-radius:6px}


span {position:relative; overflow:hidden}
div  {position:relative; overflow:hidden;text-align:left}

img  {padding:0px; margin:0px; width:100%; margin-bottom:-4px}
iframe {width:99%; border:1px solid lightgray}

.vis_leerspalte {float:left}
.sperre {position:absolute; top:20px; left:20px; float:left; clear:both; margin:30px; border:2px solid black; border-radius:6px; background-color:yellow; padding:20px; }
a .sperre:hover {background-color:#FEFEFE; color:black} 


div#visilog
{
 position:relative;
 width:100%;
 max-width:1024px;
 margin:0 auto;
 margin-top:15px;
 padding:0px;   
 overflow:hidden;
 border:0px;
 color:black;
 background-color:transparent;
 border:0px;
 border-radius:6px;
 box-shadow:0 0 10px black;
}

@media only screen and (max-width:1050px) {div#visilog {margin-top:0px;  border-radius:0px;}}

div#visilog_header
{
 position:relative;
 clear:both;
 overflow:hidden;
 margin-left:0px;
 padding:0px;
 background-color:transparent;
 width:100%;
 min-height:80px;
}

div#visilog_menue
{
 position:absolute;
 clear:both;
 width:98%;
 min-height:42x;
 max-height:42px;
 height:42px;
 margin:5px;
 padding:5px;
 padding-bottom:0px;
 z-index:2000;
 background-color:transparent;
 padding-bottom:0px;
 bottom:-5px;
 }
 
 div#visilog_leftmenue
{
 position:absolute;
 top:0px;
 float:left;
 clear:both;
 padding-bottom:0px;
 z-index:2000;
 background-color:transparent;
 padding-bottom:0px;
 bottom:-5px;
 width:220px;
 border:1px solid red;
 }
 

div#visilog_content, div#visilog_contet_system
{
 position:relative;
 clear:both;
 min-height:300px;
 right:0px;
 left:0px;
 margin:0px;
 padding:0px;
 color:black;
 overflow:visible;
 background-color:white;

 }

div#visilog_content_system {background-color:white; padding:10px; min-height:400px;  }

div#visilog_foot
{
 position:relative;
 clear:both;
 left:0px;
 right:0px;
 width:100%;
 bottom:0px;
 margin:0px;
 height:45px;
 font-size:13px;
 z-index:10000;
 color:black;
 margin-bottom:0px;
 background-color:white;
 position:fixed;
 background-color:lightgray;
 color:black;
 margin-bottom:0px;
}

div#visilog_system {background-color:#E1E1E1; padding:20px; }

div#visilog_system .vis_text
{
 position:absolute;
 left:390px;
 top:30px;
 width:50%;
 x-moz-border-radius:10px 10px 10px 10px;
 x-webkit-border-radius:10px 10px 10px 10px;
 x-khtml-border-radius:10px 10px 10px 10px;
 border-radius:10px 10px 10px 10px;
 padding:10px;
 z-index:500;
 background-color:#F4F4E6; 
}

.top {float:left; margin-left:10px; margin-right:10px; font-weight:bold;}
.funcode {color:black; font-weight:bold;}
.toptab
{
 position:relative;
 float:left;
 margin-right:5px;
 margin-left:5px;
 width:45px;
 margin-top:8px;
}

.nobutton {font-size:16px;margin-top:10px;}

.toptext
{
 position:relative;
 margin-top:8px;
}
 
.titedrub {color:blue; font-weight:normal; }


/* ------------------------------------------------*/


div#mceEditor {width:100%;}

div#mceEditor .mceNoEditor  
{
 font-size:15px;
 border-radius:6px;
 margin-left:1px;
 margin-right:0px;
 padding:10px;
 padding-right:0px;
 background-color:#F5F5F5;
 
} 


.nav 
{
 padding:0px; margin:0px; 
 border:1px solid white; color:black;
 width:15px; height:15px;
 cursor:pointer;
 overflow:visible;
 float:left;

}

.nav .tit {font-size:20px;}

.nav ul ul { display: none; padding:0px, magin:0px;  }
.nav ul li:hover > ul {display: block; }

.nav ul
{
 list-style: none;
 position: relative;
 display: inline;
 padding:0px;
}

.nav ul li { font-size:11px; float:left;  padding:0px; z-index:1100; }
		
.nav ul li a 
{
 display: block; 
 padding: 1px 1px;
 color:blue;
 text-decoration: none;
}
	
.nav ul ul li 
{
 float: none; 
 position: relative;
 color:black;
}

.nav ul ul li a, .nav ul ul li .inp, .nav ul ul li .info
{
 top:-12px;
 padding: 5px 15px;
 background-color:#FFFFEE;
 color:black;
 list-style: none;
}

.nav ul ul li .inp {border:0px; width:100%; border-radius:0; border:1px solid lightgray; margin:0px;}

.nav ul ul li .info {color:red;}

.nav ul ul li a:hover, .nav ul ul li .inp:hover 
{
 background:green;
 color:white;
}

.bltitel {margin-bottom:0px;}
.bltitel {font-size:16px; padding:5px;}

.imgcon 
{
 float:left; 
 border:1px dotted gray;
 margin:2px;
 padding:4px;
}
.imgcon:hover
{
 border:1px solid Darkgray;
 background-color:#EEEEEE;
 cursor:pointer;
}  

@media only screen and (max-width:600px) {body { width:100%; background-image: url(\"\");}}

input, select, textarea {font-size:12px; padding:3px;} 
input, select {cursor:pointer;}
textarea {resize:none;}

.lnbutton {position:absolute; border:1px solid gray; border-radius:3px; background-color:lightgray; right:0px; }
.lnbutton:hover {background-color:#E5F1FB; transition:0.5s;}
.blbutton {position:absolute; border:1px solid gray; border-radius:3px; background-color:lightgray; right:0px; }
.blbutton:hover {background-color:#E5F1FB; transition:0.5s;}

@media only screen and (max-width:500px) {.lnbutton {visibility:hidden; height:0px;}}

.mail { margin-top:3px;}
.mehr { margin-top:10px; text-align:right; } 
.divleft {float:left;}
.divleft p {font-size:10px;padding-left:3px;}

table {padding:0px; margin:0px; border-collapse:separate; white-space:nowrap; empty-cells:hide; color:black;}

.sp0 img {width:auto}

td {padding-right:3px; vertical-align:top; padding-left:5px; padding-top:3px;}
th {border-bottom:1px dotted gray; padding-left:5px; padding-right:3px;}

td {font-size:12px;}

.leerzeile {clear:both; height:0px;width:100%;margin-bottom:10px;}
/*
.telefon {margin-left:-7px;}
.telefon td {padding:5px; vertical-align:center; }
.telefon td .link  {padding-left:25px; padding-top:-5px;}
*/
.leer {padding-top:10px;}

a {text-decoration: none; color:black;  border:0;}
a:hover {text-decoration:none; border:0px; cursor:pointer; color:red;}

p {margin:0px;}

.anmeldungok 
{
border:1px solid lightgray;
padding:10px;
margin:10px;
margin-left:20px;
color:back; 
background-color:#FAFAFA;
float:left;
border-radius:6px;
}

.conleft {float:left; margin-right:10px;}
.connorm {}
.contitel {font-size:17px; font-wight:normal; font-variant:small-caps}

.icontilde   {position:relative; width:auto; margin-right:-4px; top:-2px}

.icon        {width:auto;  }
.xxiconleft    {width:auto;float:left; margin-right:8px; margin-top:0px; margin-bottom:0px; }

.iconright  {width:auto; float:right; margin-left:5px; margin-bottom:5px; margin-bottom:1px }
.iconborder 
{
 width:auto; border:1px solid gray; margin-right:10px; padding:10px;
 box-shadow:5px 6px 6px gray;
}

.iconnew    {width:auto; margin-right:-4px;}

.iconbox {float:left; margin-left:10px; margin-right:10px; margin-bottom:5px;}

.spalte 
{ 
 text-align:left;
 padding:0px;
 margin:0px;
 margin-bottom:5px;
 padding-left:8px; 
} 
$this->VISLOG

.map {width:16px; height:16px; border:1px solid gray; z_index:1000;}

.readonly {border:1px dotted gray; background-color:#F7E1DC;} 
.stammnummer {margin-top:10px; margin-left:5px;}

.funtab td {width:78px; font-size:11px;}

/* Bildschirmanpassungen wenn Bildschirm kleiner 900Pixel */

@media only screen and (max-width:900px) 
{
 div#visilog {width:100%; border-radius:0px;}
 div#visilog_header {border-radius:0px;}
 .inpp {width:100%;}
}

.vis_text_meldung {position:relative; margin:10px; top:20px;}
.vis_text_titel {font-size:16px; position:relative; margin:10px;}

.vis_text_linktitel
{
 border:1px solid lightgray;
 border-radius:3px;
 width:98%;
 margin-bottom:5px;
 margin-top:5px;
 padding:2px 0px 2px 6px;
 
 font-size:18px;
 font-variant:small-caps;
 background-color:#FEFEFE;
 color:black;
 }

.vis_text_titel {position:absolute; font-size:16px;}
.vis_text_info, .vis_text_abs {position:relative; font-size:15px;padding-bottom:10px;}
.vis_server, .vis_ip,.vis_counter {position:relative; overflow:hidden; display:inline;}
.vis_server_cr, .vis_server_top, .vis_ip_cr, .vis_counter_cr {position:relative; overflow:hidden; margin-bottom:10px; }
.vis_counter_cr {font-size:11px;} 
.vis_server_top {font-size:24px;}


.vis_browser {position:relative; margin-bottom:10px; display:block;}

.vis_server_logo {clear:both; font-size:20px; margin-left:0px; margin-bottom:15px; margin-top:10px} 
 
.vis_fcode, .vis_section {position:relative;}
.vis_counter, .vis_counter_logo 
{font-size:11px; display:block; white-space:nowrap; margin:0px; margin-bottom:10px;} 
.vis_counter_foot {position:absolute; right:15px; top:15px; font-size:11px; white-space: nowrap;} 
.vis_counter_text {position:relative; font-size:11px; cwhite-space:nowrap; ;margin-top:2px}
.vis_version { font-size:13px; } 
.vis_code {float:left;}

@media only screen and (max-width:900px) {.vis_counter_foot {visibility:hidden}}

.sectionsliste
{
 position:absolute; left:12px; top:50px;
 border:1px solid gray;
 width:100px;
 height:150px;
 padding:3px;
 overflow:auto;
 background-color:#F5F5F5;
}

.sectionsinput {position:absolute; left:130px; top:60px; border:0px solid gray; padding:10px;}
.sectionsinput p {font-size:10px;}

.vis_icon {position:relative; float:none; }  
.vis_icon_center  {margin-left:auto; margin-right:auto; width:100px}
.vis_icon_left {float:left; margin-right:5px; padding-bottom:10px;}
.vis_icon_left1 {float:left; margin-right:5px; padding-bottom:40px;}
.vis_absicon {position:absolute;} 




.vis_div_termine {right:0px; float:right}

@media only screen and (max-width:800px) {.vis_div_termine {visibility:hidden;position:absolute; width:0px;}} 

.vis_repertory
{
 position:relative;  /* muss relativ sein */
 padding:15px;
 padding-top:12px;
 overflow:hidden;
}

.vis_repertory .beitrag { position:relative; width:100%; background-color:white; text-align:justify;}

.vis_textcontent 
{
 clear:both;
 position:relative; 
 overflow:hidden;
 margin:10px;
 margin-left:5px;
 padding:0px;
 font-size:14px;
 min-height:220px;
 text-align:justify;
 background-color:white;
 border-radius:6px;
}

.vis_textcontent .text 
{
 margin:0px;
 padding:15px;
 text-align:justify;
 background-color:transparent;
 border-radius:8px;
 font-size:15px;
}
  
.vis_textcontent table td {font-size:13px;}

.stammdatenlogo {position:absolute; border:1px dotted gray; width:202px; overfow:hidden;padding:2px;}
.stammdatenlogo img {overflow:hidden;}

.vis_div_menue
{
 position:relative;
 width:200px; 
 margin:0px;
 padding:10px;
 overflow:hidden;
 background-color:tranparent;
 float:left;
}

.vis_div_text 
{
 position:relative;
 margin:0px;
 padding:0px;
 overflow:hidden;
 }

@media only screen and (max-width:700px)
{
 .vis_div_menue 
 {
  visibility:hidden; 
  width:0px; 
  height:0px;
  padding:0px;
 }
 
 .vis_textcontent {margin:0px;}
} 

.nologo
{
 position:relative;
 text-align:center;
 border:1px solid gray;
 width:92%;
 padding-top:5px;
 padding-bottom:5px;
 margin:5px;
} 

.ohnewerbung, .infotafel, .linktafel
{
 position:relative;
 border:2px solid black;
 background-color:white;
 padding:10px; 
 border-radius:10px;
 margin:20px;
 margin-top:30px;
 box-shadow:5px 6px 6px 6px:gray;
}

.vis_infolink, vis_infolink_s40 {clear:both; top:10px; }

.vis_infolink .butlink, .vis_button_text .butlink
{
 background-color:transparent;
 border:1px solid transparent;
 padding:5px;
 color:black;
 float:left;
}

.vis_infolink_s40 {width:40%; border:apx dotted red;}
.vis_infolink_s40 .infotafel {box-shadow:5px 6px 6px gray;}

.vis_button_info {clear:both; float:left; margin:5px;}

.vis_button_info .butlink
{
 background-color:lightgreen;
 border:1px solid darkgreen;
 padding:5px;
 color:black;
 float:left;
 margin-bottom:10px;
 }

.vis_infolink .infotafel, .vis_infolink .linktafel
{
 background-color:white;
 color:#669999;
 color:Darkgreen;
}

.vis_infolink .linktafel:hover
{
 //background-color:lightgreen;
 border:2px solid red;
 cursor:pointer;
}


.ohnewerbung {text-align:center; color:black; margin-top:10px;}
.infotafel, .linktafel {margin:2px;}

.commimg {padding:0px; padding-bottom:7px; border-radius:3px;}
.commimg img {border:0px solid white; border-radius:6px;}
.commtit {font-weight:bold; margin-bottom:5px;}
.comminfo {padding-bottom:10px;}

.infolinkedit, .infoedit
{
 font-size:11px;
 border:1px solid lightgray;
 padding:3px;
 border-radius:3px;
 width:191px;
 margin-top:10px;
 margin-bottom:10px;
 margin-left:0px;
 background-color:lightgreen;
 color:black;
}

.infoedit {width:80px}

.infolinkedit:hover, .infoedit:hover
{
 color:black; 
 background-color:#E3E3F2;
 border:1px solid black;
 cursor:pointer;
}

.infoed
{
 font-size:12px;
 color:blue;
 margin-bottom:10px;
}

.listethema {font-size:16px;}
.listeinfo {font-size:12px;}



@media only screen and (max-width:800px)
{
.vis_infolink_text {visibility:visible; height:auto;padding-right:10px; width:300px}
.linkline_text {visibility:visible; height:auto;}
}

@media only screen and (max-width:360px) { .vis_infolink_text {width:100%;}}


.vis_absimage, .vis_absimage_s {position:absolute;}

.vis_absimage_s { xxbox-shadow:5px 6px 6px gray;}

.iflinkimage 
{
 position:absolute;
 top:140px;
 right:10px;
 width:130px; height:116px;
 border:1px solid red;
} 

/* -----------------------------------------*/
.dateiupload .fn {width:400px; margin-bottom:10px; margin-top:5px;}
.dateiupload h1 {margin:0px; margin-bottom:5px; color:#666666;}
.dateiupload .fn p {font-size:11px; padding-left:3px; color:#555555;}
.dateiupload .fn input {width:98%}

.dateiupload .image {width:50%;}

/* BLOG */

.vis_blog
{
 position:relative;
 left:0px;
 top:0px;
 background-color:#FAFAFA;
 border-radius:2px;
 padding:10px;
 border:1px solid #C5C5C5; 
 overflow:visible;
 height:auto;
 width:94%;
 margin-bottom:0px;
 box-shadow:5px 6px 6px gray;
}

.vis_blog .dateiupload
{
 position:relative;
 display:block;
 border:1px dotted gray;
 padding:10px;
 margin-top:10px;
}

.vis_blog .uploadimage
{
 position:relative;
 display:block;
 border:1px solid gray;
 padding:10px;
 margin-top:10px;
 width:50%;
}

.vis_blog .editicon {float:left; margin-bottom:0px}

.bloginfotext {padding:0px; border:1px dotted green; margin-right:100px}

.vis_blog h2 {border-bottom:1px dotted gray; }
.vis_blog h3 {font-size:14px; font-weight:normal; margin-bottom:5px; margin-left:5px; color:#666666}
.vis_blog .beitrag {position:relative; margin:5px; left:0px; top:0px; width:100%}
.vis_blog .beitrag .name, .vis_blog .beitrag .mailadresse {float:left; margin-bottom:5px}
.vis_blog .beitrag .name input {width:150px}
.vis_blog .beitrag .mailadresse input {width:240px}
.vis_blog .beitrag .mailantwort {font-size:11px; margin:5px; clear:both}
.vis_blog .beitrag .mailantwort span {position:relative; top:-3px; left:3px}
.vis_blog .beitrag .blogeintrag {clear:both}
.vis_blog .beitrag .blogeintrag p, .vis_blog .beitrag .name p,
.vis_blog .beitrag .mailadresse p, .vis_blog .imgtitel p {font-size:11px; padding-left:5px; color:#555555}

.vis_blog .beitrag .blogeintrag textarea {height:100px; width:98%; }
.vis_blog .beitrag .buttonline {position:relative; left:0px; top:0px; clear:both; overflow:hidden}
.vis_blog .beitrag .buttonline input {float:left;}
.vis_blog .beitrag .blogimage {dispaly:block; float:left; width:40%; margin:5px; padding:2px;overflow:hidden}
.vis_blog .beitrag .blogimage img { border:1px solid gray; width:100%}
.vis_blog .imgtitel {dispaly:block; float:left; width:50%; dispaly:block;  margin:5px}
.vis_blog .imgtitel input {width:98%; margin-bottom:10px}

.vis_blog .blogtext 
{
 position:relative;
 top:0px; 
 left:0px;
 font-size:13px;
 padding:0px;
 margin-top:4px;
 margin-bottom:20px; 
 background-color:#FAFAFA;
 color:#3C3C3C;
 overflow:auto;
}

.blogmail {position:relative; width:100%; margin-left:5px; border:0px solid gray}

.blgtx {padding:5px; margin-bottom:5px}

.vis_blog .blogtext h1
{
 color:#222222;
 font-size:16px;
 margin:0px;
 margin-bottom:5px;
 margin-left:0px;
 padding:0px;
}

.vis_blog .blogtext h2 {color:blue;}
.vis_blogtext h3 {color:#333333;}
.vis_blog .blogneu {color:red; margin-left:10px;}
.vis_blog .blogfreigabe {color:#333355; margin-left:10px;}
.vis_blog .blogerror {font-size:12px; color:red; margin:10px;}
.vis_blog .blogmeldung {position:relative; font-size:12px; color:blue; margin-top:10px; margin-bottom:10px; padding:10px;}
.vis_blog .blogcounter
{
 position:relative;
 font-size:12px;
 color:#666666;
 margin-top:10px;
 margin-bottom:0px;
 padding:10px;
}

.vis_blog .hinweis
{
 position:relative;
 left:0px;
 top:0px;
 width:100%;
 background-color:yellow;
 overflow:hidden;
 width:70%;
 display:block;
 font-size:12px;
 color:#666666;
 margin-top:8px;
 margin-bottom:10px;
 padding:10px;
 clear:both;
 border:2px solid black;
}

.vis_blog .blogtitel {font-size:12px; font-weight:normal; margin-bottom:5px; margin-left:2px}

.vis_blog p {font-size:13px; padding:0px; margin:0px;}

.vis_blog .info
{
 position:relative;
 padding:0px;
 margin:0px;
 border:0px solid blue;
 overflow:hidden;
 padding-bottom:10px;
 min-height:110px;
}

.vis_blog .user
{
 position:relative;
 height:18px;
 font-size:12px;
 padding:0px;
 margin:0px;
 border-bottom:1px dotted gray;
 padding:5px;
 padding-bottom:0px;
 margin-bottom:7px;
 color:#000080;
 clear:both;
}

.vis_blog .date {float:right;}
.vis_blog .counter {float:right; padding-right:10px; color:black; margin-right:10px;}

.vis_blog .clrbutton 
{
 position:relative;
 width:18px;
 height:18px;
 border:1px solid gray;
 border-radius:4px;
 float:right;
 margin-right:10px;
 margin-top:-5px;
 background-color:#E5E5E5;
}

.vis_blog .clrbutton:hover {background-color:red}
.vis_blog .cleft {position:relative; float:left; width:89px}

.vis_blog .cright
{
 position:relative;
 right:0px;
 border:0px solid green;
 overflow:hidden;
 width:85%;
}

@media only screen and (max-width:600px) { .vis_blog .cright {width:70%;}}
 
.vis_blog .icon
{
 position:relative;
 float:left;
 width:70px;
 height:70px;
 border:1px solid lightgray;
 overflow:hidden;
 padding:3px;
 margin-bottom:10px;
 margin-right:10px;
 margin-left:5px;
}

.vis_blog .image
{
 position:relative;
 float:left;
 overflow:hidden;
 padding:0px;
 margin-bottom:10px;
 margin-right:10px;
 width:40%;
}

.vis_blog .image img {border:1px solid gray; width:100%;}

.vis_blogimage {width:50%; float:left; padding-right:10px;}
.vis_blogimage p {font-size:11px; color:#333333; padding:5px;}
.vis_blogimage img {border:1px solid gray; width:97%; padding:1px;}

.vis_blog .caption {position:relative; font-size:10px; padding-left:3px;}

.vis_blog .kbut
{
 position:relative;
 diplay:block;
 background-color:#EEEEEE;
 border:1px solid #DDDDDD;
 padding:10px;
 overflow:hidden;
 margin-bottom:10px;
 border-radius:4px;
 
}
.vis_blog .kbut p {text-align:right}

/* BLOGEDIT */

.vis_blogedit
{
 position:relative;
 left:0px;
 top:0px;
 background-color:#ECECD4;
 padding-bottom:20px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px; 
 border-radius:10px;
 padding:10px;
 border:1px solid gray;
}

.vis_blogedit h1 {font-size:14px; margin-bottom:10px}

.vis_blogedit .titel
{
 position:relative;
 left:0px;
 top:0px;
 width:98%;
 height:40px;
 padding:5px; 
 background-color:#EAEAEA;
 border:1px dotted gray; 
}

.vis_blogedit .titel h1
{
 margin:0px; padding:0px;
 font-size:16px;
 margin-bottom:5px;
}

.vis_blogedit .blogthema
{
 position:relative;
 left:0px;
 top:0px;
 width:98%;
 height:20px;
 padding:5px; 
 background-color:#ECECD4;
}

.vis_blogedit .editmaske
{
 position:relative;
 left:0px;
 top:0px;
 width:98%;
 padding:5px; 
 background-color:#ECECD4;
 overflow:hidden;
} 


.vis_blogedit textarea
{
 width:98%;
 height:100px; 
}

.vis_blogedit .editmaske .meldung
{
 color:blue;
 margin-left:5px;
}

.vis_blogedit .editmaske .error
{
 color:red;
 margin-left:5px;
 text-align:left;
}

/*  Benutzeranmeldung */

.vis_login
{
 font-size:12px;
 position:relative;
 left:0px;
 top:0px;
 border:1px solid gray;
 border-bottom:2px solid gray;
 border-right:2px solid gray;
 min-width:265px;
 width:0;
 padding:20px;
 margin-bottom:30px;
 background-color:#EEEEEE;
 background:-moz-linear-gradient(bottom,#b3b3b3,#f1f1f1); 
 background:-webkit-gradient(linear,left top,left bottom,from(#b3b3b3),to(#f1f1f1)); 
 overflow:hidden;
 float:left;
 margin-right:10px;
 margin-left:10px;
 text-align:left;
}

.vis_login h1 {margin-bottom:15px; margin-left:3px; font-size:14px; color:#333333}
.vis_login h2 {margin-bottom:15px; margin-left:3px; font-size:13px; color:#555555}
.vis_login .cookiehinweis 
{
 color:#800000;
 font-size:10px;
 margin-top:10px;
 padding-bottom:15px;
 padding-top:15px;
 padding-left:5px;
}

.funbutton 
{
 position:relative;
 overflow:hidden;
 height:30px;
 float:left;
 padding-top:10px;
 padding-right:3px;
}
.vis_login .funbutton a
{
 border: 1px solid gray;
 padding:4px 4px 4px 5px;
 background:-moz-linear-gradient(bottom,#b3b3b3,#f1f1f1); 
 background:-webkit-gradient(linear,left top,left bottom,from(#b3b3b3),to(#f1f1f1)); 
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3',endColorstr='#f1f1f1');
 border-radius:3px 3px 3px 3px;
}

.vis_login .funbutton a:hover
{
 color:black;
 background-color:white;
 background:-moz-linear-gradient(bottom,#f1f1f1,#b3b3b3); 
 background:-webkit-gradient(linear,left top,left bottom,from(#f1f1f1),to(#b3b3b3)); 
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1',endColorstr='#b3b3b3');
}

.vis_login .submit {margin-top:10px;}
.vis_login .meldung {color:blue; margin-top:10px;}
.vis_login .error {color:red; margin-top:10px; margin-left:10px;}

/* Funktion Liste ---------------------*/

.vis_liste {position:relative; width:auto; clear:both; overflow:hidden; margin-bottom:0px; padding-bottom:0px; border:4px solid white; background-color:white; border-radius:4px;}

.vis_liste .form, .vis_liste .form_checkbox { position:relative;}
.vis_liste .form_checkbox {left:10px; top:24px; font-size:11px;}
.vis_liste .tabelle table
{
 position:relative;
 width:100%;
 background-color:#FCFCFC;
 margin-bottom:10px;
 padding-bottom:15px;
 overflow:hidden;
 font-size:13px;
}


/*   Tabelle Stammdaten   */

.vis_liste_stammdaten 
{
 position:relative;
 font-size:11px; 
 padding:10px; 
 overflow:hidden;
 margin-bottom:250px;
}

.vis_liste_stammdaten .tabelle, .vis_liste .tabelle {font-family: Arial,Verdana, Helvetica, sans-serif;}
.vis_liste_stammdaten .vertrag {margin-top:15px; margin-left:8px;}
.vis_liste_stammdaten .vertrag .text {margin-bottom:10px; font-size:12px;}
.vis_liste_stammdaten .listeinfo {font-size:12px; margin-left:10px;}

.vis_liste .titel, .vis_liste_stammdaten .titel
{
 color:#555555;
 font-weight:normal;
 font-size:16px;
 margin:5px 10px 10px 10px;
}

.vis_liste .help {top:8px;}

.vis_liste_stammdaten h1 {color:white;}

.vis_auswahlgruppe, .vis_auswahlrubrik {margin:5px;}

.vis_liste_stammdaten .tabelle 
{
 position:relative;
 border:1px dotted gray; 
 width:100%;
 background-color:#FDFDFD;
 margin-bottom:5px;
 overflow:hidden;
}

.vis_liste_stammdaten .error {color:red; margin:10px; font-size:12px;} 
.vis_liste_stammdaten .meldung {color:#333333; margin:10px; font-size:12px;} 
.vis_liste_stammdaten .tabelle  h1 {width:30px; color:red;}
.vis_liste_stammdaten .tabelle  h2 {width:50px; color:blue; text-align:right; padding-right:5px;}
.vis_liste_stammdaten .tabelle  h3 {width:100px; color:blue;} 
.vis_liste_stammdaten .tabelle  h4 {width:100px; color:blue;} 
.vis_liste_stammdaten .tabelle .d2 {text-align:right; padding-right:5px;}

.vis_editstammdaten
{
 position:relative;
 left:0px;
 top:0px;
 width:840px;
 height:440px;
 border:1px solid gray;
 border-bottom:2px solid gray;
 border-right:2px solid gray; 
 border-radius:6px;
 box-shadow: 5px 4px 4px gray;
 background-color:#F5F5F5;
 background:-moz-linear-gradient(bottom,#b3b3b3,#f1f1f1); 
 background:-webkit-gradient(linear,left top,left bottom,from(#b3b3b3),to(#f1f1f1)); 
 overflow:hidden;
}

.vis_editstammdaten .formular {position:relative; margin:5px; width:828px; height:428px;}
.vis_editstammdaten .formular div {position:absolute; overflow:visible;}
.vis_editstammdaten p {float:none; font-size:10px; padding-left:3px; font-family: Arial,Helvetica; color:black}
.panel, .panel_upload, .panel_import, .stammrubriken, .stammsection, .benutzergruppen, .neueseite {z-index:500;}

.vis_liste .panel, .vis_liste_stammdaten .panel, .vis_liste_stammdaten .stammrubriken,
.vis_liste_stammdaten .stammsection,
.vis_liste_stammdaten .benutzergruppen, .vis_liste_stammdaten .neueseite
{
 position:absolute;
 left:200px;
 top:0px;
 background-color:#D3DAED;
 background:-moz-linear-gradient(bottom,#b3b3b3,#f1f1f1); 
 background:-webkit-gradient(linear,left top,left bottom,from(#b3b3b3),to(#f1f1f1)); 
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3',endColorstr='#f1f1f1');
 padding:10px;
 border:1px solid gray;
 border-bottom:3px solid gray;
 border-right:3px solid gray;
} 

.vis_liste_stammdaten .panel_upload
{
 position:absolute;
 left:180px;
 top:0px;
 width:500px;
 height:450px;
 background-color:#D3DAED;
 padding:10px;
 border:1px solid gray;
 border-bottom:3px solid gray;
 border-right:3px solid gray;
}

.vis_liste_stammdaten .panel_import
{
 position:absolute;
 left:250px;
 top:20px;
 width:400px;
 height:200px;
 background-color:#D3DAED;
 padding:10px;
 border:1px solid gray;
 border-bottom:3px solid gray;
 border-right:3px solid gray;
}

.panel_upload h1, .panel_import h1 {font-size:14px; color:#555555; margin-bottom:10px}

.panel_upload .einstellung {margin:5px; margin-bottom:7px}

.panel_upload .dateiname, .panel_upload .meldung, .panel_upload .error, .panel_import .meldung, .panel_import .error
{
 margin:5px;
 margin-bottom:7px;
}

.panel_upload .meldung, .panel_import .meldung {color:blue;}
.panel_upload .error, .panel_import .error  {color:red;}
.panel_upload .dateiname input {width:167px;}
.panel_upload .edit_bildformat {margin:5px; margin-bottom:7px; font-size:11px} 

.uploadbutton {position:absolute; left:310px; bottom:20px}
.panel_upload p {font-size:11px;}
.panel h1 {font-size:13px; margin-bottom:10px}

.keywords {position:relative; height:80%; border:0px dotted green;}
.keywords textarea {position:absolute; top:66px; width:290px; height:93px}
.keywords .p1 {font-size:10px; position:absolute; top:5px; left:5px;}
.keywords .p2 {font-size:10px; position:absolute; top:50px; left:5px;}
.keywords .sichern {position:absolute; width:80px; left:10px; top:175px}
.keywords .beenden {position:absolute; width:100px; left:95px;  top:175px} 


.neueskennwort p {font-size:10px; padding-left:2px; margin-top:5px;}
.neueskennwort .error {font-size:12px; color:red; }
.neueskennwort .meldung {font-size:12px; color:blue; }

.smbutton {position:absolute; top:390px; width:98%; height:30px}
.infozeile {position:absolute; top:348px; left:0px;} 
.infozeile .meldung {color:blue; font-size:14px;} 
.infozeile .error {color:red; font-size:14px;}  

.txtaccount {color:#333333;}

.backbutton {width:16px; height:16px; border:1px solid gray}
.backbutton:hover  {background-color:green;}
.back {margin-right:7px;}

.original {color:gray; margin-bottom:5px; font-size:11px}

.bildformat {color:#333333; margin-bottom:5px; font-size:11px}
.imageformat {color:#333333; padding:5px; font-size:11px; margin-bottom:10px}

.link_info {font-size:20px;}

.vis_galerie  {position:relative; overflow:hidden; z-index:2000; margin-bottom:10px; margin-top:10px}
.vis_galerie .image table td {padding:0px; padding-right:5px; min-width:75px}

.vis_galerie  .image img {border:1px solid gray; padding:0px; margin:0px; width:100%}
 
.vis_galerie .info, .vis_galerie_line .info
{
 color:#555555;
 font-size:12px;
 font-weight:normal;
 padding-top:1px;
} 

.vis_galerie_s, .vis_galerie_s1 
{
 border:1px solid gray;
 padding:0px;
 border-radius:8px;
 background-color:white;
 box-shadow:5px 6px 6px gray;
 margin-bottom:20px; margin-top:10px;
}

.vis_galerie_s  img {border-radius:3px; box-shadow:2px 2px 2px gray; border:1px solid lightgray;}
.vis_galerie_s1 img {border-radius:3px; border:1px solid lightgray;}

.vis_galerie_s  td, .vis_galerie_s1 td {padding:5px;}
.vis_galerie_s  .image, .vis_galerie_s1  .image {padding-right:13px; padding-left:10px;}

.vis_galerie_s, .vis_galerie_s1  .info {font-size:11px; padding:10px;}

.anklicken {clear:both; float:right; font-size:12px; margin-right:15px; margin-top:5px;}

.vis_galerie .titel,  .vis_galerie_s .titel, .vis_galerie_s1 .titel
{
 font-size:18px; 
 color:black;
 font-variant:small-caps;
 font-weight:normal; 
 margin:15px;
 margin-bottom:5px;
}


/* Rubrikennavigation */

.vis_dbcount
{
 position:relative;
 color:#555555;
 font-size:11px;
 padding-top:5px; 
 padding-left:2px;
}

.vis_navtop
{
 position:relative;
 left:0px;
 right:0px;
 border:1px solid lightgray;
 margin-top:-1px;
 margin-bottom:10px;
 padding:6px;
 padding-top:8px;
 min-height:33px;
 height:22px;
 right:0px;
 background-color:#F9F9F9;
 border-radius:3px;
 overflow:hidden;
}

.vis_navbottom
{
 position:relative;
 border:1px solid lightgray;
 padding:5px;
 min-height:19px;
 background-color:#F9F9F9;
 margin-top:0px;
 margin-bottom:10px;
 border-radius:3px;
 height:30px;
}

.vis_navtop .stmsearch
{
 position:relative;
 overflow:hidden;
 width:140px;
 float:left;
 padding:1px;
 background-color:white;
 }
 .stmsearch input {width:132px;}
 
 
.vis_navtop .start
{
 position:absolute;
 top:1px;
 right:10px;
 margin-top:8px;
 float:right;
 
}



.vis_navbottom .error {margin-left:0px;}

.vis_nav_start
{ 
 width:25px;
 height:25px;
 background-image: url('/+vis20/css/cssimg/start_2.gif');
 border:0px solid gray;
 margin-right:4px;
 float:left;
 background-repeat:no-repeat;
 background-size:contain;
}

.vis_nav_start:hover {background-image: url('/+vis20/css/cssimg/start_1.gif')}

.vis_nav_next
{
 width:25px;
 height:25px;
 background-image: url('/+vis20/css/cssimg/next_2.gif');
 margin-right:2px;
 float:left;
 background-repeat:no-repeat;
 background-size:contain;
 
}

.vis_nav_next:hover {background-image: url('/+vis20/css/cssimg/next_1.gif') }

.vis_nav_back
{
 width:25px;
 height:25px;
 background-image: url('/+vis20/css/cssimg/back_1.gif');
 border:0px solid gray;
 margin-right:4px;
 float:left;
 background-repeat:no-repeat;
 background-size:contain;
}
.vis_nav_back:hover {background-image: url('/+vis20/css/cssimg/back_1.gif')}

.vis_nav_historyback
{
 width:19px;
 height:19px;
 background-image: url('/+vis20/css/cssimg/back_1.gif');
 border:0px solid gray;
 margin-right:1px;
 float:right;
 cursor:pointer;
}
.vis_nav_historyback:hover
{
 background-image: url('/+vis20/css/cssimg/back_2.gif');
}

.vis_nav_max
{
 position:absolute;
 left:60px;
 top:2px;
 font-size:12px;
 margin-top:3px;
 margin-left:20px;
 color:gray;
 overflow:hidden;
 height:19px;
}

.anzahl {margin-left:10px; margin-bottom:10px;float:left;}
.box .anzahl {margin-top:10px;}

.vis_panel
{
 position:relative;
 width:99%;
 min-height:100px;
 background:-moz-linear-gradient(bottom,#b3b3b3,#f1f1f1); /* Firefox */
 background:-webkit-gradient(linear,left top,left bottom,from(#b3b3b3),to(#f1f1f1)); /* Chrome, Safari */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3',endColorstr='#f1f1f1'); /* Internet Explorer */
 padding:0px;
 margin:0px;
 border:1px solid gray;
 border-radius:10px;
 overflow:hidden;
 z-index:10;
 }

.vis_panel h1
{
 font-size:18px;
 font-weight:normal;
 font-variant:small-caps;
 margin:15px;
 margin-top:10px;
}

.close, .eclose, .pclose, .sclose, .kalendertermin
{
 position:absolute;
 width:20px;
 height:20px;
 top:10px;
 right:10px;
 border:1px solid gray;
 border-radius:4px;
 z-index:100;
}

.pclose {top:20px;}
.panel_fcode .pclose {top:15px;}

.close, .eclose, .pclose, .sclose {background-image: url('/+vis20/imgsystem/close_3.gif');}
.close:hover {}




.xxhelpbutton
{
 width:20px;
 height:20px;
 float:left;
 border:1px solid gray;
 background-color:#E1E1E2; 
 border-radius:4px;
 margin-top:15px;
 margin-right:20px;
 z-index:1;
 background-image: url('/+vis20/imgsystem/help_3.png'); 
}

.vis_hilfe, .vis_hilfe_top, .vis_hilfe_right  
{
 position:relative;
 float:left;
 height:24px;
 margin:10px;
 margin-left:0px;
} 

.vis_hilfe_top
{
 position:absolute;
 top:10px;
 right:0px;

}

.vis_hilfe_right
{
 position:absolute;
 top:-10px;
 right:-10px;

}

.vis_hilfe .helpinfo, .vis_hilfe_top .helpinfo
{
 float:left;
 margin-right:10px;
 margin-top:2px;
 font-size:16px;
}

.help
{
 position:relative;
 float:left;
 width:20px;
 height:20px;
 margin-right:10px;
 border:1px solid gray;
 background-color:#E1E1E2; 
 border-radius:4px;
 z-index:1;
 background-image: url('/+vis20/imgsystem/help_3.png'); 
 cursor:pointer;
}

.help:hover
{
 background-color:#CB3E27;
 background-image: url('/+vis20/imgsystem/help_4.png'); 
 border:1px solid gray;
}




.belegung div  {position:absolute;}
.belegung p {font-size:10px; padding-left:7px}
.belegung h5 {margin-top:40px;}

.infomeldung {}
.infomeldung h1 {color:green; margin:0px; padding:0px; font-size:13px;}
.infomeldung span {margin:0px; padding:0px; font-size:10px;}

.readonly {background-color:##D2DADA;}

.preise_uid {float:left; }
.preise_Raum {float:left; z-index:10;} 
.preise_vom {float:left; z-index:101;} 
.preise_bis {float:left; z-index:101;} 
.preise_Preis {clear:float; } 
.preise_Bezeichnung {margin-top:10px;} 
.preise_meldung {margin:5px;height:20px;}

.preise_button {float:left; z-index:101;}

.belegung_uid {float:left; }
.belegung_Raum {float:left; z-index:10;} 
.belegung_date_vom {float:left; z-index:101;} 
.belegung_date_bis {float:left; z-index:101;} 
.belegung_reserviert {float:left; z-index:101;} 
.belegung_belegt {float:left; z-index:101;} 
.belegung_abgerechnet {clear;float; z-index:101;}

.belegung_meldung {margin:5px;height:20px;}
.belegung_button {float:left; z-index:101;}

.vis_merkerinfo {margin-bottom:10px;}

.vis_merkerinfo_toggle
{padding:10px;margin:5px; margin-left:0px; color:blue; background-color:white;width:90%; border:1px solid gray;  border-radius:3px;}


.vis_slide, .vis_slideimage, .vis_slideimage_headerimg
{
 position:relative;
 top:0px;
 left:0px;
 overflow:hidden;
 width:100%;
}

.vis_slideimage {z-index:100;}

.vis_rubrikenliste
{
 overflow:hidden;
 border:0px;
}

.vis_rubrikenliste .satzdate
{
 float:right;
 margin-right:5px;
 margin-top:5px;
 font-size:11px;
}


/* Liste der Seiten zu einer Rubrik       */
/* ---------------------------------------*/

.vis_listerubrik
{
 position:relative;
 margin-top:0px;
 padding:0px;
 z-index:100;
} 
 
.titellink
{
 padding-left:10px;
 padding-right:10px;
}

.noheader, .rubriktitel, .searchtitel, .stmheader, .rubheader, .secheader
{
 position:relative;
 min-height:20px;
 text-align:left;
 padding:15px 0px 25px 10px;
 background-color:#CCCC7A;
 border:1px solid gray;
 border-radius:5px;
 box-shadow: 5px 4px 4px gray;
 overflow:hidden;
 white-space:nowrap;
 margin:20px; 
}



.artikelimg {margin:0px; margin-bottom:10px;} 



.rubriktitel, .searchtitel
{
 position:relative;
 font-size:22px;
 font-weight:lighter;
 font-variant:small-caps;
 padding-bottom:22px;
 color:#555555;
 z-index:5;
}

@media only screen and (max-width:480px)
{
.rubriktitel, .searchtitel {font-size:16px;  padding:10px 0px 10px 10px; }
.rubriktitel { font-size:13px;  padding:10px 0px 10px 10px; }
.stmtitel { font-size:10px;}
}

.text h2  {color:#333333;}
.vis_liste h2 { margin-bottom:3px;}
.vis_liste h2, .vis_liste_stammdaten h2 
{
 font-size:14px; 
 font-weight:normal;
 color:black;
 margin-bottom:5px;
 margin-left:5px;
}

.vis_liste_stammdaten h2 {color:black;}
.vis_liste h2 {font-size:13px; margin-bottom:3px;}
.vis_liste .error { margin-bottom:10px;}
.vis_liste .meldung {margin:10px;}


#lr2, #lr3, #lr4, #lr5, .rbtext
{
 position:relative; 
 overflow:hidden;
 border:1px solid #EFEFEF;
 border-radius:4px;
 padding:10px;
 padding-left:15px;
 padding-right:15px;
 margin:0px;
 margin-bottom:10px;
 font-size:12px; 
 background-color:white
 text-align:justify;
 background-color:white;
 color:black;
 opacity: 0.8;
 } 

.rbtext  
{
 margin:20px; font-size:13px;  border:1px solid blue; border-radius:8px
}
.rbtext:hover 
{
 opacity:0.9;
 color:black; 
 background-color:lightgray;
 cursor:pointer;
 border:1px solid transparent;
 
}

.surubrik {font-size:18px; color:black;}

.rbtext h1 , .rbtext h1   {font-size:14px; font-weight:normal; padding:0px; margin:0px; margin-bottom:5px} 

.rbtext h2
{
 padding:0px;
 margin-left:0px;
 margin-top:-2px;
 margin-bottom:0px;
 font-size:12px;
 font-weight:normal;
 font-style:normal;
 color:#555555;
 text-align:left;
}


 
.rinfo {padding-top:2px;}
.rinfo .h1 {font-size:17px; margin-bottom:2px;}

.infoimage 
{
padding:2px; 
margin:0px;
margin-right:15px;
margin-top:10px;
width:100px; 
float:left; 
box-shadow:  5px 4px 4px gray;
}

.infoimage img {width:100px;}

.infocontainer
{
 border:1px solid gray;
 background-color:#F5F5F5;
 padding:15px;
 margin:10px;
 margin-top:0px;
 border-radius:10px;
 
 }

.infos50cont
{
 float:left;
 width:40%;
 border:1px solid lightgray;
 background-color:white;
 padding:15px;
 margin:10px;
 margin-top:0px;
 border-radius:10px;
 margin-right:30px;
 
 } 
 
 
@media only screen and (max-width:600px) 
{
 .infocontainer {margin:0px; border:1px solid lightgray;}
 .infoimage { float:none; margin-bottom:15px;}
 .infos50cont {width:94%; margin:0px; margin-bottom:10px;}
 
}



.vis_listerubrik .texthtg
{
padding:15px;
margin-bottom:5px;
background-color:gray;
background-repeat:;
margin-left:20px;
margin-right:25px;
background-position:0px 0px;
background-size:cover;
border-radius:8px;
border:1px solid black;
}


@media only screen and (max-width:600px) 
{
.vis_listerubrik .texthtg h1 {font-size:14px;}
.vis_listerubrik .texthtg h2 {font-size:12px;}
}
 
#lr2.text1, #lr2.text2 { height:140px; float:left; width:46%;}
#lr2.text2 {float:right;}
#lr3.text1, #lr3.text2, #lr3.text3
{ 
 height:140px;
 float:left;
 width:29%;
 margin-right:10px;
}

#lr3.text3 
{
 float:right;
 margin-right:0px;
}

#lr4.text1, #lr4.text2, #lr4.text3, #lr4.text4 
{ 
 height:140px;
 float:left;
 width:20%;
 margin-right:11px;
}

#lr4.text4 {margin-right:0px;}

.vis_listerubrik .bottom  
{ 
 position:absolute;
 left:7px;
 right:7px;
 bottom:0px;
 height:15px;
 padding:5px;
}
 
.vis_listerubrik .bottom .L { float:left; }
.vis_listerubrik .bottom .R { float:right; }


.vis_listerubrik h1
{
 padding:0px;
 margin:0px;
 margin-top:-2px;
 margin-bottom:5px;
 font-size:20px;
 font-weight:normal;
 color:#555555;
 color:black;
 text-align:left;
}

.vis_listerubrik h2 {color:black; font-size:14px;}

.vis_listerubrik .textfeld .mehr a:hover { color:red; }
.vis_listerubrik .textfeld .fuss {position:absolute; bottom:8px; left:10px; right:10px;}
.vis_listerubrik .textfeld .fuss .counter 
{
 position:relative;
 font-size:10px;
 margin-top:2px;
 color:#555555; 
 float:right;
}

.vis_listerubrik .textfeld .fuss .vomdatum
{
 position:relative;
 font-size:11px;
 margin-top:2px;
 color:#555555; 
 float:left;
}

.fuss .vomdatum { padding-right:10px; }

#r100 {background-color:#A6E6A6;}
#r100:hover {background-color:#cccc66; color:#333333}

#r3020 {background-color:green;}
#r3020:hover {background-color:#cccc66;}


.vis_switch { position:absolute; }

.vis_listemerker
{
 position:relative;
 float:left;
 border:1px solid gray;
 border-radius:6px;
 width:310px;
 min-height:400px;
 padding:10px;
 font-size:12px;
 xbackground-color:#FAFAFA;
 box-shadow: 5px 5px 5px gray;
 overflow:hidden;
 margin-bottom:20px;
 margin-right:15px;
 z-index:100;
}

.vis_listemerker .liste
{
 font-family: Arial,Helvetica; 
 position:absolute;
 top:50px;
 left:10px;
 bottom:10px;
 right:10px;
 overflow:auto;
 border:1px solid gray;
}

.vis_listemerker .titel  {font-family: Arial,Helvetica; font-weight:normal; font-size:20px;}
.vis_listemerker td, {padding:0px; padding-right:5px; font-size:12px; color;black;}


.panel_fcode, .panel_section, .panel_fmerker   
{
 position:absolute; left:50px; top:50px; width:610px; height:440px;
 border:1px solid gray;
 overflow:auto;
 z-index:15000;
 color:#333333;
 text-align:left;
 padding:10px; 
 background-color:#FAFAFA;
 background:-moz-linear-gradient(bottom,#b3b3b3,#f1f1f1); 
 background:-webkit-gradient(linear,left top,left bottom,from(#b3b3b3),to(#f1f1f1)); 
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3',endColorstr='#f1f1f1');
 cursor: move; 
}



.panel_section {position:absolute; left:50px; top:50px; width:300px; height:200px;  }

.panel_fcode h1, .panel_section h1 {font-size:16px; font-weight:normal;}
.panel_fcode h2, .panel_section h2, .panel_fmerker h2  {font-weight:normal; font-size:12px;padding-left:5px; border-bottom:1px dotted gray;}
.panel_fcode textarea { margin-top:10px;  width:592px; height:345px; }

.panel_fmerker textarea { margin-top:10px;  width:592px; height:345px; font-family: courier; }
.panel_fmerker .liste
{
 position:releative;
 width:100%; height:345px;
 overflow:auto;
 font-size:11px;
 background-color:#FAFAFA;
 margin-top:10px; 
 z-index:500;
}

.vis_rubrikerror
{
 position:relative;
 text-align:center;
 width:;
 height:;
 border:1px solid gray; 
 background-color:#C9F1C9;
 padding:10px;
 border-radius:4px;
}

.vis_rubrikerror h1 {font-weight:normal; color:#333333; margin-bottom:10px;}

.vis_email, .vis_email_system, .vis_upload, .vis_upload_system
{
 min-width:180px;
 position:relative;
 border:1px solid gray; 
 border-right:2px solid gray;
 border-bottom:2px solid gray;
 background-color:#F1F1F1;
 background:-moz-linear-gradient(bottom,#b3b3b3,#f1f1f1); 
 background:-webkit-gradient(linear,left top,left bottom,from(#b3b3b3),to(#f1f1f1)); 
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3',endColorstr='#f1f1f1');
 padding:15px;
 display:block;
 overflow:hidden;
 text-align:left;
}

.vis_upload_system .image, .vis_upload_system .icon
{
 position:relative;
 border:1px solid gray;
 margin:20px;
 margin-left:0px;
 background-color:white;
 padding:10px;
 width:60%;
}

.vis_upload_system .icon {width:100px; height:100px;}
.vis_upload_system .image img {width:100%;}
.vis_upload_system h5 {margin:5px; margin-top:10px;}
.vis_upload_system h5 p {margin-bottom:5px;}


.vis_email_system, .vis_upload_system {margin:20px; margin-top:30px;}
.vis_email h1 {font-weight:normal; color:#333333; margin-bottom:10px}
.vis_email h1 span {font-size:12px;}


.mailfm p {font-size:11px;padding-left:3px;}
.mailfm .tit {font-size:16px; font-weight:normal;margin-bottom:15px}
.mailfm .nachricht {margin-top:10px; margin-bottom:10px}

.mailfm .readonly {border:1px dotted gray; xbackground-color:#BEEABE}

.emname {float:left; margin-right:5px; margin-bottom:5px}
.emname p {padding-left:5px; font-size:10px;}
.emname input {min-width:150px}

.emabsender {float:left; margin-right:5px; margin-bottom:5px;}
.emabsender p {padding-left:5px; font-size:10px;}
.emabsender input {min-width:180px} 

.embetreff {clear:left; margin-right:5px; margin-bottom:5px;}
.embetreff p {padding-left:5px; font-size:10px;}
.embetreff input {min-width:180px; width:95%}

.emnachricht {clear:left; margin-right:5px; margin-bottom:5px;}
.emnachricht p {padding-left:5px; font-size:10px;}
.emnachricht textarea {min-width:180px; min-height:120px; width:95%}

.embutton {margin-right:5px; padding:5px;}


.vis_emailbutton {background-image: url('/+vis20/imgsystem/email.gif');}  
div#smallbutton .vis_emailbutton:hover{ background-color:#F6F6F6; } 
 
span p {margin-left:3px;}

.vis_contact {position:absolute;}
.vis_contact p {padding-left:3px;}

.vis_contact span {float:left;margin-right:10px;}
.vis_contact .telefonnummer {margin-left:-6px;margin-top:3px; color:#333333; font-size:12px;}

.vis_contact { position:absolute;}
.vis_contact h1
{
 margin-bottom:5px;
 background-color:#F1F1F1;
 padding:3px;
 padding-left:10px;
 font-weight:normal;
}

.vis_contact h2
{
 font-weight:bold;
 font-size:14px;
}

.vis_contact h3
{
 font-weight:normal;
 font-size:11px;
 margin-bottom:5px;
}

.vis_contact .img
{
 border:1px solid gray;
 padding:1px;
 width:150px;
}

.vis_contact .link {margin-top:2px; }

.vis_contact .tabimg { width:160px; }
.vis_contact .tabinfo { width:300px; border:0px dotted gray;  }


.vis_timer, vis_refresh {position:absolute;}
.vis_timer_hallo {position:absolute; top:10%; right:20px;}
.vis_timer_hallo {width:8%}
.vis_timer_hallo .icon {width:100%}

.programmierfehler
{
 position:absolute;
 width:30%;
 color:red;
 background-color:yellow;
 padding:10px;
 border:1px solid gray;
 z-index:500;
}

.vis_benutzer {font-size:11px;}

.vis_benutzer .firma
{
 position:relative;
 min-width:380px;
 background-color:#CCCCFF;
 border:1px solid gray;
 font-weight:bold;
 padding:5px;
 padding-left:10px;
 padding-right:10px;
 border-radius:4px;
 margin-bottom:5px;
}
.vis_benutzer .anschrift {}
.vis_benutzer .name { position:relative; font-weight:bold; }
.vis_benutzer .stellung { font-size:11px;}
.vis_benutzer .adresse { margin-top:3px;}

.vis_benutzer a:hover {color:green}

.fahrplanplaner
{
 width:200px;
 height: 160px;
 background-color:#42A542;
 border:1px solid gray;
 padding:0px;
}

.fahrplanplaner h1
{
 font-size:13px; 
 font-weight:normal;
 color:white;
 padding:3px;
 margin-left:40px;
 margin-top:10px;
}

.fahrplanplaner th
{
 font-size:13px; 
 font-weight:normal;
 color:white;
 vertical-align:middle;
}

.stammadresse
{
 font-size:12px;
 margin-top:2px;
 margin-left:15px;
 padding:5px;
}

.stammadresse:hover
{
 background-color:#B6D4B6;
 color:white;
 border:1px solid gray;
}

.stammadresse:hover a, .stammadresse a:hover {color:white;}
.linkhome a {color:black; margin-left:10px; padding:5px; padding-bottom:3px;}
.linkhome a:hover {background-color:white; color:blue; border-radius:2px;} 

 
.sfinfo h1 {margin:0px; padding:0px; font-size:18px; font-variant:small-caps; font-weight:normal;}
.sfinfo h2 {margin:0px; padding:0px; font-size:14px; font-weight:normal; padding-left:3px; }

.sfinfo .header
{
 position:relative; 
 padding:15px;
 height:auto;
 border-bottom:2px solid green;
 font-size:20px;
 text-align:left;
 margin-bottom:15px;
 background-color:#EAEAFA;
}

.sfinfo div#scinfo
{
 position:relative;
 padding:15px;
 padding-top:0px;
 overflow:hidden;
}

.showcasebutton {margin:0px; margin-top:15px; margin-bottom:15px; margin-left:8px;}
.scanzahl {float:left; font-size:10px; border 1px solid gray;}

.vis_object_fahrplan {position:relative; width:200px; margin-top:10px; box-shadow: 10px 10px 10px gray; margin-bottom:18px;} 
.vis_container {width:210px; position:absolute; padding-bottom:60px;}

.imageleft
{
 position:relative;
 float:left;
 padding:1px;
 margin-right:8px;
 margin-bottom:8px;
 margin-top:-2px;
 border:1px solid gray;
}

.imageright {float:right; padding:1px; margin-left:5px; margin-bottom:8px; margin-top:2px; border:1px solid gray;}

.vis_text_headertitel
{
 position:absolute;
 top:64%;
 right:5%;
 font-size:1.8em;
 font-weight:normal;
 color:#3D456A;
 font-variant:small-caps;
 white-space: nowrap;
 }
 
.vis_text_headerinfo
{
 position:absolute;
 top:80%;
 right:5%;
 font-size:14px;
 font-weight:bold;
 color:#3D456A;
 font-variant:small-caps;
 }


.selecttitel {font-size:11px; padding-left:5px;}

.gmap {border:0px solid gray; margin-top:4px; margin-bottom:3px; z-index:100;}


/* -------------------------------------- */

.editmaske 
{
 position:relative;
 border:1px dotted gray;
 padding:10px;
 background-color:#EEEEEE;
 margin-bottom:10px;
 padding-bottom:35px;
 Overflow:hidden;
 z-index:10;
}
 
.editmaske input {margin-right:5px;}
.editmaske div p {padding-left:4px; padding-top:5px; font-size:11px;}
.editmaske .code  {width:100%;}

.editmaske .form_button {margin-top:10px; float:left; margin-right:0px; }
.editmaske .form_aktuell {margin-top:10px; float:right;}
.editmaske .form {position:relative; Overflow:hidden; width:auto; color:black;}
.editmaske .form_meldung
{
 position:relative;
 Overflow:hidden;
 margin-top:10px;
 width:auto;
 clear:both;
}

.editmaske .aktuelltext
{
 position:relative;
 Overflow:hidden;
 margin:2px;
 padding:5px;
 width:auto;
 clear:both;
}

.vis_csvimport {position:relative; border:0px solid gray;}
.vis_csvimport h1 {margin:5px; padding:0px; color:#666666; font-variant:small-caps; font-weight:normal;}
.csvimport
{
 position:relative;
 background-color:#FAFAFA;
 border:1px solid gray;
 border-right:2px solid gray;
 border-bottom:2px solid gray;
 Overflow:hidden;
 margin:2px;
 xmargin-top:40px;
 padding:10px;
 width:auto;
 clear:both;
}

.csvimport h1 {margin-left:5px; font-size:14px; color:#777777;}

.csvimport p {margin:5px; font-size:12px;}
.csvimport .meldung {color:blue;}
.csvimport .error {color:red;} 

.editmaske .form_meldung .meldung { color:blue; }
.editmaske .form_meldung .error { color:red; }


/* -------------------------------------- */

.fm_edit
{
 border:1px dotted gray;
 padding:15px;
 margin-bottom:15px;
 background-color:#EEEEEE;
 -moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
 border-radius:3px;
}

.inp, .inpp, .inpc, .inpx, .inp100, .inp101, .txt100, .inppflicht, .inpzusatz, .inpplz
{
 position:relative;
 margin-right:2px;
 margin-bottom:5px;
 overflow:hidden;
 float:left;
}

.inpcheck {font-size:12px; margin-top:5px;}
.inpcheck .cktext { display:inline; top:-2px;}

.inpzusatz input{width:314px;} 
.inpplz input {width:60px;} 

.cbox
{
 position:relative;
 margin-top:10px;
 clear:both;
}

.cbox div
{
 font-size:11px;
 top:-2px;
 float:left;
 padding-right:5px;
 padding-top:2px;
 padding-left:3px;
}

.inpc {clear:both; float:none;}

.inpp {width:60%;}
.inp100, .inp101 { width:95%; clear:both; }
.txt100 {width:95%;}
.txt100 textarea {height:120px;}

.chk, .chkfirst, .chkbild 
{ 
 float:left;
 margin-left:10px;
 margin-top:5px;
 margin-bottom:5px;
 font-size:10px;
}

.chkfirst, .chkbild  {margin-left:5px;}  

.chk span { display:block; float:right; font-size:11px; margin-top:-1px; }

.inp p, .inpp p, .inpc p, .inpx p, .inp100 p, .inp101 p, .txt100 p, .inppflicht p, .inpzusatz p, inpplz p
{
 font-size:11px;
 padding-left:4px;
}

.inpx {margin-left:10px; margin-top:4px;}

.inp100 input, .inppflicht input, .inppflicht select {background-color:#C0FFC0; border:1px solid lightgray;}

.inppflicht select option {background-color:white;}

.anmeldung {clear:both; padding-top:10px;}
.anmeldung h2 {margin-bottom:10px;}

.dbbuttonline
{
 position:relative;
 width:100%;
 margin-bottom:30px;
 overflow:hidden;
}

.dbbuttonline .inline {display:inline; }
.dbbuttonline .btclear {clear:both;}

.dbmeldung
{
 position:relative;
 border:0px dotted blue;
 height:13px;
 color:blue;
 margin-bottom:10px;
 padding-left:10px;
 font-size:12px;
}

.dbbutton 
{
 float:left;
 margin-top:10px;
 margin-right:5px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
 border-radius:3px;
}

.dbbutton span
{
 font-size:12px;
 padding-left:10px;
 padding-right:10px;
}

.formular .meldung { margin-left:10px; }

.vis_username {top:5px; left:5px; position:absolute; height:20px; background-color:green;opacity: 0.5; }
.vis_username .firma, .vis_username .link {float:left;}

@media only screen and (max-width:520px) {.vis_username {visibility:hidden;}}

.vis_username_foot {position:absolute; top:12px; right:30px;}

@media only screen and (max-width:730px) {.vis_username_foot {visibility:hidden;}}


.vis_username a {color:#FEFEFE;padding-left:3px; padding-right:3px; font-size:12px;}
.vis_username a:hover {color:black; background-color:#DDDDDD; border-radius:3px; }

.vis_username_foot .firma {float:left;padding:3px; }
.vis_username_foot .link {color:#333333; padding:3px; font-size:13px;float:left;}
.vis_username_foot .link:hover {color:red;}

.vis_refresh { position:absolute; }
.vis_notitel {clear:both;}
.vis_logo {position:relative; overflow:hidden; padding-right:2px; margin-top:15px;}
.vis_logo img {border:1px solid gray; border-radius:2px;}

.imgright, .vis_rightimage {float:right;  margin-left:15px;}
.imgleft   {float:left; margin-right:15px;}
.imgnormal {clear:both; align:center;}

.imgright p, .imgleft p, .vis_rightimage p {font-size:11px}
.imgright img, .imgleft img, .imgnormal img, .left img {border:1px solid gray; border-radius:4px;}

.vis_selectbox, .vis_selectort, .vis_selectbox_both
{
 position:relative;
 left:0px;
 top:0px;
 float:left;
 margin-right:10px;
 margin-bottom:10px;
 z-index:300;
}

.vis_selectbox_both {clear:both;}

.vis_merkerselect
{
 position:relative;
 left:0px;
 top:0px;
 float:left;
 margin-right:10px;
 margin-bottom:15px;
 z-index:300;
}

.vis_merkerselect select {width:180px;}

.phone, .mail
{
 position:relative;
 border:0px dotted blue;
 display:inline;
 float:left;
 margin-right:10px;
 padding:0px;
 margin-top:5px;
}

.linkbutton, .userbutton
{
 position:relative;
 float:none;
 font-size:11px;
 border:1px solid gray;
 padding:3px 5px 3px 5px;
 border-radius:4px;
 background-color:#EDEDED;
 cursor:pointer;
}

.userbutton {float:left; padding:5px 8px 5px 8px; margin:10px; margin-right:5px;  font-size:14px;}


.linkbutton:hover, .userbutton:hover {color:black; background-color:white;}


.vis_week, .vis_week_line {position:relative; display:inline;}
.vis_week .number, .vis_week_line .number {font-weight:bold;}

.vis_week_white, .vis_week_black  
{
 clear:both;
 margin-left:5px;
 margin-top:5px;
 font-size:11px;
 color:white;
}

.vis_week_black {color:black;}

.vis_week_line 
{
 clear:both;
 display:block; font-family:Courier; color:darkred; margin-top:0px; padding:0px;
 margin-bottom:10px;
}

.vis_week_newline 
{
 clear:both;
 display:block;
 font-family:Courier; color:darkred; padding:0px;
}

.vis_panoramaimage {position:relative; border:1px solid gray; margin-bottom:10px; overflow:hidden;}
.vis_panoramaimage p
{
 font-size:11px;
 color:$A5A5A5;
 padding:0px;
 margin-top:3px;
 padding-bottom:10px;
}

.vis_dbcheck {font-size:12px; color:#8266BB;}

.vis_php {position:relative; border:0px dotted green; overflow:hidden;}
.vis_php_adresse h1 {font-weight:lighter; font-variant:small-caps; margin-bottom:8px;} 
.vis_php_adresse .anlage {font-size:14px; font-weight:lighter; margin-bottom:5px;}

.vis_php_adresse .anschrift {font-size:12px; margin-bottom:5px;}

.editimgblock {background-color:#EFEFEF; border:1px solid gray; padding:15px; margin-bottom:10px;}
.editimgblock h1 {color:#333333; margin-bottom:15px; font-size:16px; font-variant:small-caps;}


.werbeinfo,  a .werbeinfo 
{
 font-size:11px;
 background-color:#FAFAFA;
 padding:10px;
 border:1px solid gray;
 border-radius:6px;
}

a .werbeinfo:hover {color:gray; background-color:white;}


.infoblock 
{
 position:relative;
 padding-left:8px;
 margin-bottom:8px;
}


.werbeinfo h1 {font-size:14px; margin-bottom:5px;}

.vis_infoblock .wochentag {position:relative; overflow:hidden; width:90px; float:left;}

.vis_infoblock .mtext
{
 border:0px solid blue;
 position:relative;
 font-size:12px;
 width:70%;
 overflow:hidden;
 float:left; 
}

.vis_infoblock .satz {border:0px solid yellow; position:relative; font-size:12px; margin-bottom:10px;}
.vis_infoblock .satz2 {border:0px solid yellow; position:relative; font-size:12px; margin-bottom:2px;}
.vis_infoblock .mtext h1 {font-weight:normal;}
.vis_infoblock .preis {position:absolute; font-size:12px; font-weight:bold; right:0px; top:2px;}
.vis_infoblock .vonbis {font-size:12px; margin-top:5px;}

.vis_text_newline {clear:both; margin-top:20px;}

.vis_video {position:relative;}
.vis_video h1 {font-weight:lighter; font-variant:small-caps; margin-bottom:8px; padding-left:3px;}
.vis_video video {border:1px solid gray; padding:1px; cursor:pointer;}


.buttonline, .buttonline_red, .buttonline_text
{
 position:relative;
 right:0px;
 padding:0px;
 margin:0px;
 margin-top:10px;
 width:97%;
}


.vis_checktable_warnung
{
 border:2px solid black;
 padding:10px;
 width:100px;
 margin:30px;
 margin-top:10px;
 text-align:center;
 background-color:yellow;
 font-weight:bold;
}

.vis_checktable_warnung p { text-align:center; }



.vis_cookiecheck
{
 border:1px solid gray;
 text-align:left;
 padding:10px;
 margin:10px;
 background-color:#E0E000;
 background-color:#FF9900;
 color:black;
 border-radius:10px;
}
.vis_cookiecheck h1{font-size:18px; margin:0px; margin-bottom:5px;font-weight:normal}
.vis_cookiecheck p {font-size:12px; text-align:left; padding-top:5px;}


/* CSS für MEIN BEITRAG  */

.artikel .ip32 {position:relative; left:0px; top:0px; margin-right:3px; border:0px solid green; width:17%;} 
.artikel .ip32 input {width:90%;}


.artikel {position:relative; left:0px; top:0px; padding:10px; padding-top:2px; background-color:#F1F2F3;}
.artikel p {font-size:11px;padding-left:5px;margin-top:5px;color:black;}
.artikel .ip1 { float:left; margin-right:3px;}
.artikel .ip2 {position:relative; float:left;}
.artikel .ip2 input {width:99%} 
.artikel .ip3 {position:relative;left:0px; top:0px; width:160px;float:left; margin-right:2px;}
.artikel .ip3 select {width:99%;}
.artikel .ip4 {position:relative;left:0px; top:0px; float:left; }
.artikel .ip7 {position:relative;left:0px;top:0px; float:left; padding-right:3px; }
.artikel .ip7 input {margin-left:5px;}
.artikel .ip9 {float:left; margin-right:30px;}
.artikel .ip10 {float:left;}
 
.artikel .inp {float:left; width:100%;margin:0px;}
.artikel .ip32 .readonly input {width:90%; backgrond-color:red;} 
.artikel .ip100 {position:relative; width:100%; clear:both;} 
.artikel .ip100 input {width:98%} 
.artikel .ip100 textarea {width:98%;height:150px} 

.artikel .iptab {position:relative; width:98%; } 
.artikel .iptab textarea {width:100%;height:100px} 
.artikel .iptab input {width:100%}

.artikel .meldung {left:0px; top:0px; color:red;margin-bottom:10px;}

.artikel table {padding:0px; width:100%; margin-left:-2px}
.artikel tr, .artikel th, .artikel td {margin:0px; padding:0px;}
.artikel td {border:0px dotted gray; }

.artikel .breitragsmeldung {clear:both; margin:5px; padding-top:10px;}

.textplus {font-size:20px;}


.imageliste 
{
 position:relative;
 left:0px;
 top:0px;
 border:0px dotted green;
 min-height:50px;
 padding:15px;
 padding-top:0px;
 height:auto;
 overflow:hidden;
}

.imageliste h1
{
 font-size:18px;
 font-weight:normal;
 font-variant:small-caps;
 margin-top:0px;
 margin-left:0px;
}

.imageliste .meldung { color:blue; }

.imageliste .kenner {font-size:12px; font-weiht:normal; font-variant:normal}
.imageliste .name  {font-size:12px; font-weiht:normal; font-variant:normal;margin-left:20px}
.imageliste img {border:1px solid white; width:100px; margin-right:8px; cursor:pointer; }
.imageliste .b1 {float:left; border:0px dotted green;}
.imageliste .b1 p {font-size:11px; margin-bottom:10px; margin-top:-5px;}



.vis_norubrik {position:relative; left:0px; top:10px;}
.vis_norubrik .achtung 
{
 position:relative;
 width:109px;
 padding:10px;
 border:3px solid gray;
 text-align:center;
 margin:15px;
 background-color:yellow; 
}

.vis_repertory .rubrikinfo {margin-top:0px;}

.vis_norubrik .rubrikinfo {margin-bottom:10px; margin-left:5px;}
.vis_norubrik .back { margin-bottom:10px; margin-left:7px;}
.vis_pagelist p {font-size:13px;  text-align:left; white-space:nowrap; overflow:hidden;}

.noident
{
 position:relative;
 width:250px;
 display:block;
 padding:20px;
 text-align:center;
 border:6px solid darkred;
 background-color:yellow;
 border-radius:6px;
 color:black;
 margin:20px;
}

.vis_browser table,  .vis_browser td, .vis_browser th {border:1px solid #DADADA;}
.iconbutton {float:right; margin-top:8px; margin-right:10px;}

.kbut input { float:right;}
.wirklich {float:right; color:red; padding-top:8px;padding-right:10px;} 

.imagehinweis {font-size:11px; padding-left:5px; padding-top:8px; clear:both; white-space:nowrap;}

.bloginp100 p {font-size:11px; padding-left:3px;}
.bloginp100 input {width:98%}

.btline {width:100%;}
.btline .btright {float:right;}

.editdb {width:100%;}

.blsatz {float:left; width:80px; margin-top:4px;}
.blname {float:left; width:40%; padding-right:5px;}
.blkenner {float:left; width:20%; padding-right:10px;}
.blmail {float:left; width:62%; margin-top:4px; padding-right:10px;} 
.bltext {clear:both; width:100%; margin-top:4px;}
.bl100  {clear:both; width:100%; margin-top:4px;}
.bl50   {float:left; width:55%; margin-top:4px;}
.bl30   {float:left; width:30%; margin-top:4px;}

.blname input, .blkenner input, .blmail input {width:98%; }
.blsatz input  {width:75%;}
.bl100 input,  .bltext textarea  {width:96%}
.bl50 input, .bl30 input {width:90%}
.bltext textarea {height:100px}
.blanm {padding:8px; }
 
.blname p, .blkenner p, .blmail p, .bl100 p, .bltext p, .blsatz p, .bl50 p, .bl30 p
{font-size:11px; padding-left:4px; color:#999999; white-space:nowrap;}

.checkbox span {font-size:11px; color:#333333; left:2px; top:-2px;}
.bottom {margin-top:10px;}

.blogimage {float:left; width:40%; margin:5px; padding:2px; overflow:hidden;}
.blogimage img {width:98%}

.meldung, .error {clear:both; font-size:14px; color:blue; padding:10px;}
.error {clear:both; font-size:14px; color:red; padding:10px;}

.siteerror {font-size:12px; color:red; margin-bottom:10px;}

.account {position:absolute; left:597px; top:102px; padding:5px; border:1px dotted gray; width:190px; height:90px; background-color:#DDDDDD;}

.sitecount, .nositecount 
{
 clear:both;
 padding:3px;
 font-size:12px; 
 margin:0px;
 margin-top:50px;
 margin-bottom:0px;
 font-size:11px;
} 

.nositecount
{
 color:black;
 background-color:yellow;
 padding:10px;
 border:1px solid black;
 border-radius:3px;
 position:relative;
 width:250px;
}


.xxvis_slider, .xxvis_slider_s 
{
 padding-right:0px;
 padding-bottom:0px;
 margin-top:10px;
 
 border-radius:6px;
}

.xxvis_slider_s
{
box-shadow:8px 8px 8px gray;
}



.xxvis_slider_60 {width:80%;}

@media only screen and (max-width:800px) {.xxvis_slider_60 {width:98%;}}

.xxvis_slider .imgtitel, .vis_slider_60 .imgtitel {margin-top:15px; margin-left:10px;}
.xxvis_slider img {width:100%}

@keyframes fadein {from {opacity:0.1;} to { opacity:1;}}
@-moz-keyframes fadein {from {opacity:0.1; } to { opacity:1; }}
@-webkit-keyframes fadein {from {opacity:0.1; } to {opacity:1;}}
@-o-keyframes fadein {from {pacity:0.1;} to {opacity: 1; }}

 
.stmadr { float:left; margin-left:10px; margin-top:5px; font-size:14px}
.stmadr .name {margin-left:0px;}
.stmadr .telefon {position:relative; padding:6px; padding-left:0px; float:left;}
.stmadr .email {position:relative; float:left; top:4px;}
.stmadr .internet {position:relative; clear:both;}
.stmadr .internet a:hover {color:red;}

.stmimage {float:left; border:1px solid gray; border-radius:4px;}

.stmlogo {float:left; margin:5px; margin-left:10px;} 

.anschrift { clear:both;}
.anschrift .name {padding-left:5px;}
.anschrift .stellung {padding-left:5px;}
.stmadr .anschrift {position:relative; clear:both; width:100%}
.rcounter {margin-right:10px; font-size:11px; color:black;}
.gmapinfo {padding:1px 5px 5px 5px; font-size:12px;}

.vis_gmap {margin-left:4px; z-index:100}
.vis_gmap iframe{box-shadow:5px 5px 5px #AAAAAA;}

.noPage {color:red; }

div#editinsert {border:1px dotted gray; margin-bottom:5px; min-height:60px; } 

.inserttit 
{
border:1px solid gray; padding:10px; border-radius:4px; 
margin-right:0px;
margin-bottom:20px;
background-color:#EEEEEE; 
font-variant:small-caps;
box-shadow:0px 5px 5px #AAAAAA; 
} 

div#titelinfo .top1
{
 font-size:18px; font-weight:normal;  
 background-color:none; border:0;
 margin-bottom:0px; margin-top:3px; padding:0px;
}

div#titelinfo .top2 {font-size:14px; font-weight:normal;  color:#AAAAAA; padding:0px; margin:0px;}
  
.vis_noheader {clear:both; margin:0px;}
.printline {clear:both; margin-bottom:0px; height:20px;}

.vis_funktionen {clear:both; padding:15px; background-color:#FAFAFA;border-radius:4px; }
.vis_funktionen .counter {margin-top:15px; font-size:11px;}

.vis_object_werbung
{
 border:0px solid #DDDDDD; padding:10px; margin-top:15px; margin-bottom:10px; width:160px; 
 left:6px;
}

.vis_insert, .vis_insert_left .text, .vis_insert .text
{
 padding:0px;
 margin:0px;
 border:1px dotted black;
}

.vis_insert_left 
{
 float:left;
 padding:0px;
 margin-right:10px;
}


.vis_insert .text { border:0px dotted green;  padding:0px;}

.vis_insert_info 
{
 padding:15px;
 margin:0px;
 margin-top:10px;
 margin-bottom:25px;
 margin-right:0px;
 border:1px solid gray;
 background-color:white;
 border-radius:8px;
 box-shadow:5px 6px 6px gray;
}

.vis_insert_window, .vis_insert_scrollbar
{
 position:relative;
 width:45%;
 height:300px;
 overflow:auto;
 border:1px solid #DDDDDD;
 padding:0px;
 margin-bottom:20px;
}

.vis_insert_window { box-shadow:5px 6px 6px gray;}

.vis_insert .textheader {} 
.vis_insert_window .textheader { margin-left:20px; top:20px}

.vis_line, .vis_line_s, .vis_line_titel  
{
 clear:both; 
 border-bottom:1px solid gray;
 padding-top:0px; 
 padding-bottom:2px;
 margin-bottom:10px;
}


.vis_line_red, .vis_line_darkred, .vis_line_blue, .vis_line_green, .vis_line_info
{
 clear:both; 
 border-top:4px dotted red;
 padding:0px;
 margin-top:25px;
 margin-bottom:20px;
 height:1px;
}

.vis_line_info
{
 border-top:4px dotted #669999;
 
 margin:0px;
 margin-bottom:15px;
 margin-top:15px 
}


.vis_line_darkred {border-top:4px dotted darkred;}
.vis_line_blue {border-top:4px dotted blue;} 
.vis_line_green {border-top:4px dotted green;}

.vis_line .tit  {font-size:17px; height:20px; font-variant:normal; color:black; margin-left:5px; }
.vis_line .titinfo {font-size:14px; font-weight:normal; height:auto; color:gray; margin-left:6px;}

.vis_line_titel .tit {font-size:25px; height:30px; font-variant:normal; color:black; margin-left:5px; }
.vis_line_titel .titinfo {font-size:14px; font-weight:normal; height:auto; color:gray; margin-left:8px;}

.vis_nofloat {clear:both; border-bottom:1px solid gray; padding-top:10px}

.visfuntop, .visnofun, .visfunbottom, .visfun
{
 font-family:Verdana,Helvetica;
 font-size:12px;
 text-align:left; 
 color:darkred; 
 padding:0px;
 margin-bottom:10px;
 margin-left:0px; 
 clear:both;
} 
.visfunbottom {margin-top:15px; border-top:1px solid gray; padding-top:5px;} 

.visnofun {color:red;  margin-bottom:0px;} 

.imgtitel {font-size:12px; color:#555555; text-align:left; white-space:nowrap;} 

br {font-size:10px;}

.titelbutton {position:absolute; top:10px; right:10px}
.blockzahl {font-size:11px;} 
.opinion {margin-top:20px; clear:both; padding:5px;}

.titnav {position:absolute; right:15px; top:12px;}
.titnav #button {border:0px;}

.vis_anker {position:relative;}
.vis_anker h1 {font-size:18px;  margin:0px; margin-top:3px; font-weight:normal; border:0px solid gray; }
.vis_anker h2 {font-size:14px; color:#A8A8A8; margin:0px; font-weight:normal;}  

.infobeitrag { font-family:Courier, Verdana; font-size:12px; margin:10px;} 

.bottomdate {color:#AAAAAA; margin-left:2px;}

.aimage {position:absolute;}

.meldungortaktiv {color:blue; margin-top:10px; margin-bottom:20px;}


.brline {height:32px;}

.vis_lunch 
{
  border:1px solid gray; padding:15px;
  border-radius:6px;
  margin-top:10px;
  margin-bottom:20px;
  background-color:#FFFFEE;  
  box-shadow:5px 5px 5px #AAAAAA; 
}
.vis_lunch h1 {font-size:16px;margin:0px; font-weight:normal; margin-bottom:5px; color:black;}

.vis_lunch .ztext {font-size:12px;color:gray;}
.vis_lunch .lunchlist {background-color:white; margin-bottom:3px;padding:3px;width:380px;border-radius:3px;}
.vis_lunch .listheader {background-color:#CCCCFF; margin-bottom:3px;padding:3px;width:380px;border-radius:3px; }
.vis_lunch .listheader .titel {padding-bottom:2px;}
.vis_lunch .titel {font-size:20px;margin-top:10px; margin-bottom:10px; color:#C8072D;}
.vis_lunch .tag, .vis_lunch .edittag {float:left;width:90px;}

.vis_lunch .lunchdate {margin-bottom:10px;}
.vis_lunch .edittag, .vis_lunch .edittag a {color:red;}

.vis_lunch .foot {margin-top:20px;}
.vis_lunch .auswahl {min-height:33px;}
.vis_lunch .auswahl .bez {float:left; min-height:30px;}
.vis_lunch .taeglich .bez h1 {font-size:16px;margin:0px; font-weight:normal}
.vis_lunch .auswahl .bez h1 {font-size:16px;margin:0px;}
.vis_lunch .auswahl .bez h1 span {font-size:10px;margin:9px;font-weight:normal; margin-left:5px; top:-5px} 
.vis_lunch .auswahl .bez h2 {font-size:12px;margin:0px; font-weight:normal;margin-bottom:0px;}
.vis_lunch .auswahl .essen {margin-bottom:10px;} 
.vis_lunch .auswahl .preis 
 {position:absolute; top:0px; right:2px; font-size:16px;height:20px; background-color:#FFFFEE; padding:3px}

.vis_lunch .loeschen, .vis_lunch .hinzu
 {border:1px solid lightgray; padding:10px; margin:10px 0px 20px 0px; background-color:#EFEFEF; border-radius:3px;}

.vis_lunch .loeschen h1, .vis_lunch .hinzu  h1 {font-size:12px;font-weight:normal;margin:0 0 0 5px; }

.vis_lunch .loeschen select, .vis_lunch .hinzu select 
 {font-size:16px;width:350px; padding:5px; }
.vis_lunch .loeschen option, .vis_lunch .hinzu option {padding-left:10px} 
 
.vis_lunch .edit {font-size:16px;margin:5px 0 0 5px; color:black; } 
.vis_lunch .info {font-size:12px;margin:10px;margin-top:15px; color:black; } 
  
.newedit {min-height:100px;border:1px solid gray; border-radius:3px; background-color:#EFEFEF; margin:10px 0px 20px 0px; padding:10px;}

.newedit .enummer, .newedit .titel, .newedit .preis {font-size:14px; font-family: Helvetia, serif;margin:0 0 3px 0}
.newedit .enummer {float:left; width:72px;}
.newedit .titel {float:left; width:250px; }
.newedit .preis {width:50px; text-align:right;}

.newedit .line {white-space:no-wrap} 

@media only screen and (max-width:600px)
{
.vis_lunch .tag {float:none; clear:both; border-bottom:1px dotted gray; width:100%;margin-bottom:10px;}
.vis_lunch .tag .wt {float:left;margin-right:5px};
.vis_lunch .auswahl .bez {padding-bottom:10px;}
.vis_lunch .auswahl .preis {border:1px solid gray;  background-color:white; border-radius:3px;}
}

.selectinfo {border:2px solid black;padding:10px;background:yellow; text-align:center}
.vis_rubrikinfo h1 {font-size:16px; margin:0px;}
.vis_rubrikinfo h2 {font-size:13px; font-weight:normal;margin:0px;} 

.infotext
{
position:relative;
margin:20px;
margin-top:0px;
overflow:hidden;
font-size:13px;
}

.imginfotext
{
 padding:10px;
 font-size:16px;
}

.neu .infotext {color:red;}


.vis_text_infotext
{
 position:relative;
 border:1px solid gray;
 margin:10px;
 padding:20px;
 color:black;
 background-color:white;
 border-radius:6px;
 width:50%;
}

@media only screen and (max-width:800px) {.vis_text_infotext {width:95%;}} 

.vis_rubrikinfo 
{
padding:10px;
border-radius:5px;
background-color:#F1F1F1;  
}

.line {width:100%; border-top:1px dotted gray;margin-bottom:10px;}

.rbinfo
{
 margin-top:8px; margin-bottom:15px; padding:10px; border-radius:6px;
 background-color:white;
} 

.rbinfo h2 {margin-bottom:10px;}

.listinfo {position:relative; font-size:11px; padding:5px; padding-left:0px; padding-bottom:8px; }
.listinfo span {color:darkred;}

.vis_text_ort {font-size:18px; margin:0px;}
.vis_picture {float:left; width:120px; margin-right:15px; margin-bottom:5px;}
.zeile {height:8px;}

.vis_titel, .textheader {color:black;margin:0px;}

.textheader {color:black; margin-top:5px; margin-bottom:15px;}



.infoheaderno {background:rgba(255,255,0,0.8); }

.vis_div_test {border:1px dotted gray; background-repeat:no-repeat;  background-size:contain;}
.vis_div_test {padding:10px; border:1px dotted gray; background-repeat:no-repeat;  background-size:100% 100%;}



.preisinfo .rabatt 
 { 
  position:absolute; top:0px; right:0px; width:80%;
  display:inline;
  background-color:yellow;
  font-size:12px; border:1px solid gray; padding:5px; padding-top:5px; border-radius:5px;
 }
 
.preisinfo .preis {border:1px solid gray; padding:5px; padding-top:10px; border-radius:5px; background-color:#EEEEEE; }


.visilog_imageliste {}
.visilog_imageliste table td {max-width:30px; border:1px dotted lightgray} 

.vis_textcontend_standard {} 
.vissite {padding:0px;}

.vis_site_info
{
 background-color:white;
 border-radius:6px;
 padding:10px;
 margin-bottom:10px;
}

.vis_site
{
 border: 1px solid lightgray;
 background-color:white;
 border-radius:6px;
 padding:10px;
 box-shadow:5px 6px 6px gray;
 margin-bottom:10px;
}

.buttonline  {border:1px solid lightgray; padding:10px; background-color:#D2B509;}
.headerstm
{
 color:white;
 background-color:666699;
 margin-top:3px;
 margin-bottom:15px;
 border:1px solid gray;
 padding:20px;
 font-size:24px;
 min-height:60px;
 box-shadow:5px 6px 6px gray;
 border-radius:3px;
 background-image: url('/+vis20/imgvis/header_stm.jpg'); 
 background-size:100% 100%;
}

footer {clear:both;}

.textfoot
{
 clear:both;
 position:relative;
 height:38px;
 margin:5px;
 margin-top:15px;
 margin-bottom:15px;
}

.textnofoot {height:40px}

.textfoot div#button  {border:1px solid gray;  background-color:#669999}
.textfoot div#button:hover {border:1px solid black;  background-color:white}

.vis_teilefacebook div#button {border:1px solid transparent;  background-color:#669999; margin-left:5px;}
.vis_teilefacebook div#button:hover {border:1px solid black;  background-color:white}

.anhang {}
.bottom {height:50px;}

.vis_text {position:relative; }
.vis_text_tit {padding:0px;margin-top:0px; font-size:20px;margin-bottom:10px; margin-left:5px;}
.vis_text_info {padding:0px;margin-top:0px; font-size:15px;}
.secheader {background-color:gray;}
.aktivno {color:red;}

.vis_liste .tabelle
{
 width:100%;
 border:0px dotted gray;
 margin-bottom:0px;
 font-size:13px;
} 

.vis_liste .tabelle td 
{
  border-top:0px dotted gray;
  white-space: nowrap;
  padding-right:10px;
  padding:2px;
  font-size:13px;
}

.vis_liste .tabelle th 
{
  border-top:0px dotted gray;
  white-space: nowrap;
  padding-right:10px;
  padding:2px;
  font-size:13px;
}

.vis_text_stammdaten {visibility:hidden; height:0px;}

@media only screen and (max-width:900px)
{
.vis_text_stammdaten 
{
visibility:visible; 
height:auto;
text-align:center;
padding:20px;
margin:20px;
border:2px solid black;
background-color:yellow;
}
}

.noarea {font-size:12px; color:red; margin-left:5px;}
.bvertrag {position:relative; left:20px; background-color:#FFCC99;}
.bvertrag:hover {position:relative;left:20px; background-color:#FFF4F4F6; color:red;}
.area:hover {background-color:red;}

.weiter {font-size:20px; padding:10px; margin-top:10px; white-space: nowrap; font-variant:small-caps;}

.noregion
{
 padding:5px;
 background-color:red;
 border-radius:3px;
 color:white;
 max-width:200px;
}

/* Tabmenü  -------------*/

div#tabmenue 
{
 position: relative;
 left:0px;
 right:10px;
 overflow:hidden;
 min-width:380px;
}

.tabmenue { }

div#tabtop_1:hover, div#tabtop_2:hover, div#tabtop_3:hover, div#tabtop_4:hover, div#tabtop_5:hover, div#tabtop_6:hover 
 {color:black} 

.tabtop_active
{
 position:relative;
 float: left;
 border:1px solid gray;
 border-bottom:3px solid white;
 border-radius:6px 6px 0px 0px;
 border-width: 1px;
 background-color: #ffffff; 
 margin-bottom: -1px;
 margin-right: -1px;
 color: #222222;
 font-weight:normal;
 font-family: Verdana,Arial,Helvetica;
 font-size:12px;
 padding: 5px;
 cursor: pointer;
 z-index:1000;
 } 

.tabtop_passive
{
 float: left;
 border-style: solid;
 border-radius:6px 6px 0px 0px;
 border-width: 1px; 
 background-color: #ffffff;
 margin-bottom: -1px;
 margin-right: -1px;
 border-color: #808080;
 color: #808080;
 font-family: Verdana,Arial,Helvetica;
 font-size:12px;
 padding: 5px;
 cursor: pointer;
}

.vis_register
{
 clear:both;
 padding-right:1px;
 min-width:380px;
}

.regcon
{
 padding-right:10px;
}

.vis_register .regtitel
{
 font-size:20px; margin-bottom:10px; margin-left:10px; color:#222222;  
 font-variant:small-caps;
}


.regfoot {clear:both; margin-bottom:100px;}

.edittabbox
{
 position:relative;
 margin:0px;
 padding:10px;
 border:1px solid Gray; 
 background-color: #FFFFFF;
 width:95%;
 z-index:10;
 overflow: auto;
 height:800px;
}

.tabbox
{
 position:relative;
 margin:0px;
 margin-bottom:10px;
 padding:10px;
 border:1px solid Gray; 
 background-color: #FFFFFF;
 width:96%;
 z-index:10;
 overflow: auto;
 
}

@media only screen and (max-width:600px) {.tabbox {width:94%;}}

@media only screen and (max-width:400px) {.tabbox {width:91%;}}

.vis_galerie .titel
 {
 color:#555555;
 font-size:20px;
 margin-bottom:8px;
 font-weight:normal;
 font-weight:lighter;
 font-variant:small-caps;
 margin-top:0px;
 }
  
.vis_region 
{
 margin-top:10px;
 color:blue;
 font-size:18px;
}

.vis_region a {color:blue;}
.vis_region a:hover {color:darkred;}
.gmapadr {font-size:13px; padding-left:10px; } 

/*  Kleinanzeigen  */

.vis_annoncen .annonceneu, .vis_annoncen .annonceimage
{
 border:1px dotted lightgray;
 padding:10px; 
 padding-top:0px;
 margin-top:10px;
 border-radius:6px;
 background-color:lightblue;
}

.vis_annoncen .annonceimage .tit {margin-top:10px; margin-bottom:10px; font-size:20px;} 
.vis_annoncen .bildnummer {margin-bottom:10px; margin-top:5px; font-family:Arial,Helvetica;font-size:12px; color:gray;}
.vis_annoncen .annimg {width:50%;}
.vis_annoncen .anzeige .titel {font-size:18px; margin-bottom:10px; font-weight:bold;}
.vis_annoncen .anzeige .image {border:0px solid red;}

.vis_annoncen .neu
{
 position:relative;
 border:1px solid gray;
 margin:5px;
 margin-left:0px;
 background-color:#FEFEFE;
 border-radius:4px;
 min-width:300px;
 width=100%;
 padding:10px;
}

@media only screen and (max-width:450px) {.vis_annoncen .neu {width:90%}}

.arteditor, .newarteditor
{
 border:1px solid gray; 
 border-radius:6px;
 padding:10px;
 margin-left:20px;
 min-width:500px;
 background-color:#DDAA55;
}

.newarteditor {background-color:lightgray; width:70%;  min-width:280px;   max-width:800px; }

.artsenden {clear:both; padding:10px;}

.vis_annoncen .titel, .arteditor .titel, .newarteditor .titel
{
 font-size:22px;
 font-weight:normal;
 font-variant:small-caps;
 margin-top:10px;
 margin-bottom:10px;
 margin-left:0px;
 color:darkred; 
}

.vis_annoncen .only
{
 font-family:Ariel,Helvetica;
 font-size:12px;
 border:1px dotted gray; 
 background-color:#F7E1DC; 
 padding:4px;
}

.vis_annoncen .info
{
 font-family:Ariel,Helvetica;
 font-size:12px;
 margin-bottom:10px;
}

.vis_annoncen .kat
{
 font-size:16px;
 margin-bottom:10px;
}


.vis_annoncen .bedingungen
{
 margin-top:10px;
 margin-bottom:10px;
}


.vis_annoncen .infotext
{
 margin-bottom:10px;
 font-size:20px;
 color:darkblue; 
}

.vis_annoncen .satz
{
 margin-top:10px;
 padding:10px;
 border-radius:6px;
 border:1px solid gray;
 background-color:#FEFEFE;
}

.vis_annoncen .image
{
 width:45%;
 float:left;
 margin-right:10px;
 margin-top:5px;
 padding:2px;
 border:1px solid gray;
}

.vis_annoncen .satz .preis
{
 position:relative;
 border:0px dotted green;
 margin-top:10px;
 margin-right:20px;
}

.vis_annoncen .satz .email
{
 position:relative;
 border:0px dotted green;
 margin-top:10px;
 margin-right:20px;
 float:left;
}

.vis_annoncen .satz .telefon
{
 position:relative;
 border:0px dotted green;
 margin-top:10px;
 margin-right:10px;
}

.vis_annoncen .float p, 
.vis_annoncen .nofloat p,
.vis_annoncen .floatimg p,
.vis_annoncen .floattext p {font-size:11px; font-family:Arial,Helvetica;padding-left:3px;margin-top:2px;}

.vis_annoncen .inp {border:1px solid lightgray; padding:5px;font-size:13px} 
.vis_annoncen .inp100 {border:1px solid lightgray; padding:5px;font-size:13px; } 
.vis_annoncen .inptex100 {border:1px solid lightgray; font-size:13px; height:120px; width:99%;} 

.vis_annoncen .float {float:left;}
.vis_annoncen .floattext {float:left; width:71%}
.vis_annoncen .nofloat {clear:both;}

.vis_annoncen .floatimg {position:relative; float:left; height:143px; width:25%; margin-right:5px;}
.vis_annoncen .floatimg img {margin-top:2px; width:100% }

.vis_annoncen .listekat
{
 position:relative;
 border:1px solid lightgray;
 border-radius:6px;
 padding:10px;
 width:190px;
 margin-top:20px;
 background-color:white;
}

.vis_annoncen .listekat .tit 
{
 font-size:18px;
 border-bottom:1px solid gray;
 margin-bottom:10px;
}
.vis_annoncen .annoncencount
{
 color:blue;
 margin-top:8px;
 margin-left:5px;
}

.vis_annoncen .imgheader
{
 position:relative;
 padding:0px;
 margin:0px;
 margin-bottom:8px;
 border-radius:7px;
 box-shadow:4px 4px 4px gray;
 width:98%;
 }

 .vis_annonce .login
{
 position:relative;
 border:1px dotted gray;
 padding:10px;
 border-radius:6px;
 width:80%;
 margin-bottom:10px;
 Background-color:white;
 
}

.vis_annoncen .login .titel
{
 margin:0px;
 margin-bottom:5px;
 font-size:16px;
}

.vis_annoncen .hinweis
{
border:0px dotted darkred;
padding:10px; 
border-radius:6px;
margin:5px;
background-color:#E4E4D6;

}

.vis_annoncen .foot
{
 margin-top:10px;
 position:relative;
} 
 

.listcontainer
{
 position:relative;
 padding:10px;
 min-width:145px;
 background-color:transparent;
 width:95%;
}

.tournummer {float:left;padding-right:8px;padding-left:8px;font-weight:bold}
.listcontainer .icon {float:left; margin:0px}
.listcontainer .link {float; min-height:35px;padding-top:3px; margin-bottom:10px} 

@media only screen and (max-width:700px)
{
.content_submen li {padding:5px; padding-right:10px; font-size:14px}
.listcontainer  {font-size:14px}
}

.link_weiss, .link_white  {color:white; padding:3px; border-radius:3px}
.link_weiss:hover, .link_white:hover {color:black; background-color:lightgray}

.link_schwarz, .link_black
 {
  color:black;
  padding:3px; border-radius:3px;
  text-align:left;
 }
 
.link_schwarz:hover, .link_black:hover {color:blue; }
.albutton {margin-left:4px;}
.vis_media {position:relative; width:90px; display:block; float:left; margin-bottom:10px} 

.kinfo {color:#505050; margin-bottom:5px;}

.vis_titel, .vis_titel_rand {clear:both; margin-top:10x; margin-bottom:10px}

vis_titel, .vis_titel_24, .vis_titel_26, .vis_titel_28,  .vis_titel_rand
{

 clear:both; 
 margin-top:10x;
 margin-bottom:10px
}

.vis_titel h1,.vis_titel_24 h1, .vis_titel_26 h1, .vis_titel_28 h1, .vis_titel_30 h1.vis_titel_rand, .textheader h1, .text h1 
 {
  font-family:'Fredericka the Great'; 
  font-size:20px; 
  font-weight:normal;
 }
 
.vis_titel_24 .titelinfo h1 {font-size:24px;}
.vis_titel_26 .titelinfo h1 {font-size:26px;}
.vis_titel_28 .titelinfo h1 {font-size:28px;}
.vis_titel_30 .titelinfo h1 {font-size:30px;}


.vis_titel h1,.vis_titel_rand, .textheader h1, .text h1 
 {
  font-family:'Fredericka the Great'; 
  font-size:20px; 
  font-weight:normal;
  margin:0px;
  padding:0px;
  padding-bottom:2px;
  margin-left:2px;
 }
 
 .vis_titel_rand h1 {margin-left:8px; font-family:Helvetica; font-size:15px}
  
 .textheader h1 {font-variant:normal; font-weight:normal} 
 
  .vis_titel h2,  .textheader h2 
 {
  font-size:14px; 
  margin:0px;
  margin-left:3px;
  padding:0px;
  font-weight:normal;
  color:gray;
 }
 
 .vis_titel_rand 
 {
  float:left; 
  background-color:white;
  padding:5px;
  padding-top:10px;
  border-radius:6px; 
  border:2px solid black
 }
 
.vis_titel h2 
 {
  font-size:24px; 
  margin-top:5px;
 }
 
.vis_titel_24 {font-size:24px; color:#707070;}

.vis_sale .kinfo, .vis_titel .kinfo  {font-size:12px; color:#707070; margin-top:3px;}
.vis_titel .kurzinfo  {margin-top:8px; margin-bottom:5px;}


.anzeige .kinfo {color:green}
.anzeige .image {min-width:200px }
@media only screen and (max-width:800px) {.anzeige .image {min-width:98% }}

.termintext {min-width:280px;}
.satz .adresse {float:left; border:0px solid lightgray; margin-right:10px; }
.satz .inet {margin-top:15px; margin-left:3px;}

.vis_artikeleditor
{
 margin-bottom:10px;
 border:0px dotted red;
}

.edseite
{
 border:1px solid gray;
 padding:5px;
 background-color:white;
 margin-bottom:3px;
 border-radius:3px; 
}

.edseite .secpage {float:left; font-size:15px; padding-right:10px}
.edseite .date, .edseite .user {float:left; font-size:12px; margin-right:10px; margin-top:3px}

.edseite .lauf {float:left; font-size:12px; margin-right:10px; margin-top:3px}

.edseite .rubrikname {float:left; font-size:15px; margin-right:10px}

.inputtitel 
{
 font-family:Arial; font-size:11px; color:#404040; margin-left:3px;
 overflow:visible;
}

.inputred {font-family:Arial; font-size:11px; color:darkred; margin-left:3px; font-weight:bold}
.inputtitel3 {font-size:11px; color:#404040;margin-left:3px;margin-top:3px;}
.inputtitel4 {font-size:11px; color:#404040;margin-left:3px;margin-top:3px; float:left}
.inputtitel5 {font-size:11px; color:#404040;margin-left:3px;margin-top:0px; float:left}

.linetitel {float:left; font-size:11px; color:#404040; min-width:45px; margin-top:7px } 
.textlinetitel input {font-size:16px; border:0px solid #FEFEFE}
.textlineinput input {font-size:14px; border:0px dotted lightgray}
 
.editloeschen {float:left; font-size:14px; color:red; margin-left:5px;margin-top:14px}
.editselect {float:left; margin-bottom:5px;margin-right:5px}
.selectsperre {float:left; margin:0px; width:0px; visibility:hidden}

.editbut, .editanz, .editlink, .editsitenofree, .editsitefree, .editclr, .editsichern, .funedit, .normlink  
{
 font-size:13px; 
 float:left;
 background-color:#CCCCCC;
 border:1px solid gray;
 padding:5px;
 margin-right:2px;
 border-radius:3px;
 margin-bottom:0px;
 margin-top:10px;
}
.editanz {margin-left:8px; background-color:green; color:white}
.editanz:hover {background-color:white; color:black; transition:0.5s;}

.editsitenofree {margin-top:0px; }

.normlink {margin-left:10px; cursor: pointer;}
.normlink:hover {background-color:#E5F1FB; transition:0.5s;}

.editline 
{
 clear:both;
 border:1px solid lightgray;
 padding:10px;
 background-color:#FAFAFA;
 color:black;
 border-radius:3px;
 margin:0px;
 height:30px;
 margin-bottom:10px;
}

.editline .editsitefree {margin-top:0px;}

.setfunedit {float:left; margin:0px; top:0px;}
.setfunedit .editselect {}

@media only screen and (max-width:700px)
{
 .setfunedit {width:0px; visibility:hidden; }
}

.editsite, .editimg
{
 font-size:13px; 
 float:left;
 background-color:#CCCCCC; 
 border:1px solid gray;
 padding:5px;
 margin-right:2px;
 margin-left:4px;
 border-radius:3px;
}

.editimg {background-color:lightgreen; cursor:pointer}


.funedit {background-color:lightgreen; color:black; margin-right:10px;}

.editsichern {background-color:green; color:white; margin-top:11px;}
.editsichern:hover, .funedit:hover {background-color:white; color:black; transition:0.5s;}

.editclr:hover {background-color:red; color:white; transition:0.5s;}
.editlink {padding:5px; padding-top:6px; background-color:lightblue; }

.editbut:hover {background-color:#E5F1FB; transition:0.5s;}

.editsitenofree, .nofree {background-color:yellow;}
.editsitefree {background-color:lightgreen;}
.editlink:hover, .editsite:hover, .editsitenofree:hover, .editsitefree:hover 
{background-color:#E5F1FB; transition:0.5s; cursor:pointer}

.infonohandy {text-align:justify;}

.editbox {float:left; margin-bottom:0px; margin-right:5px;} 
.editbox input {border:1px solid #F0F0F0;}

.editboxbut {float:left; margin:0px; padding:0px; padding-bottom:5px;}


.editcheck {float:left; margin-right:6px;margin-top:8px; }
.editcode  {float:left; margin-right:6px;margin-top:2px; }
.editcheck p, .editcode p {font-size:11px; color:#404040; text-align:left; } 
.editcheck input; .editcode input {padding:0px; }


.editueb {font-size:15px; margin-bottom:5px;}

.edithelpinfo {float:left; margin-right:5px;}
.edithelp 
{
 font-size:12px; 
 border:1px solid gray; 
 width:160px; 
 text-align:left;
 padding:5px;  
 text-align:left;
 background-color:#DDDDDD;
 margin-bottom:2px;
}
.edithelp:hover { background-color:#E5F1FB; cursor: pointer;}
.editmeldung, .editerror {font-size:13px; color:blue; margin-bottom:5px; margin-left:5px;}
.editerror {color:red;} 

.editupload
{
 border:1px solid lightgray;
 padding:10px;
 margin-bottom:10px;
}

.infoti {font-size:20px; color:black; padding:0px; margin:0px; }
.infokt {font-size:12px; color:#707070; padding:0px; margin:0px; }
.infocr {font-family:Courier New; font-size:14px; color:#707070; padding:0px; margin:0px; margin-top:5px;}
.infodo 
{
 padding:10px; border:1px solid white; box-shadow:5px 6px 6px gray; 
 margin-left:10px;
 margin-bottom:15px;
 width:300px;
 float:left;
}

.infojustify {text-align:justify;}
.infoleft {float:left; margin-right:10px;}
.inforight {float:right;}


.infocenter
{
 text-align:center;
 }

.infotitel 
{
 position:relative;
 width:98%;
 margin-top:0px; margin-bottom:3px;
 border:0px dotted gray;
 overflow:hidden;
 background-repeat:no-repeat;
 background-size:100%;
 padding:5px;
}

.infotitel p {margin:0px; font-size:10px; padding-left:3px;}
.infotitel input {width:705px; margin-bottom:5px;  border:1px solid lightgray; }
.infotitel .mceNoEditor 
{
 position:relative;
 height:60px;
 width:700px;
 border:1px solid lightgray; 
 resize: none;
 margin-right:10px;
 padding:5px;
 font-family: Verdana, arial, Helvetica, sans-serif; 
 font-size:12px;
}



div#mceEditor {margin-bottom:0px;}

.infopreise {float:left; border:2px solid red; padding:10px; margin-right:10px; margin-bottom:5px;}
.infopreise .td1 {width:100px}
.infopreise .td2 {width:50px; text-align:right; }

.infoerw {float:left; border:2px solid green; padding:10px; margin-right:10px; margin-bottom:5px;}
.infoerw .td1 {width:100px;}
.infoerw .td2 {width:50px; text-align:right; }

.infozettel_1, .infozettel_2
{
 float:left;  padding:30px;
 padding-top:60px;
 margin-right:10px; 
 margin-bottom:5px;
 min-width:210px;
 background-size: 100%;
 background-repeat: no-repeat; 
}

.infozettel_1 {min-height:190px; max-width:300px;padding-right:40px} 
.infozettel_2 {min-height:80px; max-width:300px;padding-right:40px}

.infozettel_1, .infozettel_2 td {font-size:15px}
.infozettel_1 .td1, .infozettel_2 .td1 {width:100px; font-size:15px}
.infozettel_1 .td2, .infozettel_2 .td2 {width:50px; text-align:right}

.infozettel_1 {background-image: url('/+vis20/imgsystem/zettel1.gif')} 
.infozettel_2 {background-image: url('/+vis20/imgsystem/zettel2.gif')} 

.infoschild 
{
 float:left; background-color:#FFCC99;padding:5px; border-radius:5px;
 margin-right:10px; margin-bottom:10px;
} 
.infoschild div {border:3px solid black;border-radius:5px; padding:20px; text-align:center;}

.listeimage {position:relative; width:100px; float:left; border:1px solid white; margin-right:5px; margin-bottom:5px;}
.listeimage img {width:100%}

.listeimage:hover {border:1px solid gray; cursor:pointer} 

.vis_pdf {position:relative; font-size:15px; margin-bottom:5px; width:auto}
 
.vis_screen {font-size:12px; margin-top:10px; margim-bottom:10px}
.vis_visitenkarte {clear:both; padding-top:30px}

/* --------------------------------------------- */
/* Standard CSS-Datei zum Template standard.html */
/* Einstellungen für Button                      */
/* Stand 21.12.2016                              */
/* --------------------------------------------- */

.symbutton
{
 position:relative;
 float:left;
 margin:0px;
 padding:0px; 
}

.symtoggright { position:absolute; top:0px; right:0px; display:block; margin:0px; padding:0px;}
.symtoggleft  { position:absolute; top:0px; right:0px; display:block; margin:0px; padding:0px;} 

.vis_linkbutton  {} 
.vis_linkbutton  a {color:white; padding:5px; padding-left:2px;border-radius:5px; }
.vis_linkbutton  a:hover {color:black;transition:0.3s; background-color:white;}

.fbbutton {position:relative; float:left; margin-left:5px; margin-bottom:2px;}

.vis_button, .vis_togglebutton, .vis_textbutton,   .vis_button_handy,
.vis_button_red, .vis_button_green, .vis_togglebutton_red, .vis_togglebutton_green
{ 
 position:relative;
 float:left;
 padding:0;
 margin:0;
 margin-top:1px;
 margin-right:3px;
 margin-bottom:4px;
 border-radius:3px;
 height:38px;
 z-index:100;
}

.vis_button_handy {visibility:hidden; width:0px; height:0px;}

@media only screen and (max-width:750px)
{
 .vis_button_handy  {visibility:visible; height:38px; width:auto; }
}

@media only screen and (max-width:600px)
{
 .vis_button_handy  {width:98%; }
}

.vis_editbutton { position:relative}

.vis_linebutton { float:; top:-8px; }

.vis_button .mkinput 
{ 
 position:relative;
 padding:5px;
 padding-left:8px;
 padding-right:8px;
 margin:0;
 z-index:10;
 float:left;
 height:35px;
 margin-right:1px;
 font-family: Arial,Verdana, Helvetica, sans-serif;
 font-size:14px;
 border:0px;
 background-color:transparent;
 background-color:gray;
 color:white;
 border:1px solid gray;
 border-radius:4px;
}

.vis_button .mkinput:hover
{
 background-color:lightgray;
 color:black;
}

.vis_newbuttonline {position:relative; clear:both; margin-top:10px;}
.vis_newbuttonline .symbutton {margin-bottom:0px;}

.titbutline {position:absolute; top:11px; right:10px; visibility:visible;}


/* Button -------------------  */

.butlink, .butedit
{
 position:relative;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size:15px; 
 border-radius:4px; 
 border:1px solid transparent;
 background-color:#6699CC; 
 padding:8px 8px 8px 8px;
 color:white;
}

.butedit 
{
 background-color:green; 
 float:left;
}

.vis_togglebutton .butlink,  .vis_togglebutton_red .butlink, .vis_togglebutton_green .butlink  
{
 position:absolute; top:0px; right:0px;left:0px;
}
 

.vis_button_liste
{
 clear:both;
 width:max-content;
 position:relative;
 margin-bottom:5px;
 margin-top:-5px;
}

.vis_textbutton 
{
 position:relative;
 clear:both;
}

.vis_textbutton .iconbox
{
 border:2px dotted transparent;
 top:2px;
}

.vis_button_liste .iconbox, .vis_textbutton .iconbox, .vis_button_icon .iconbox 
{
 margin-right:2px;
}

.vis_button_liste .butlink, .vis_textbutton .butlink 
{
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size:14px; 
 padding :0px;
 padding-right:10px;
 padding-left:5px;
 margin-left:5px;
 color:black;
 border:1px solid transparent;
 background-color:transparent;
 top:1px;
}

.vis_button_liste {padding:2px;}
.vis_button_liste .butlink {margin-left:3px; top:0px;}


.vis_button_red .butlink, .vis_togglebutton_red .butlink
{
 background-color:darkred; 
 border:1px solid:darkred;
}

.vis_button_green .butlink, .vis_togglebutton_green .butlink
{
 background-color:green; 
 border:1px solid black;
}

.vis_togglebutton_transparent .butlink
{
 background-color:transparent; 
 border:1px solid transparent;
}

.butlink:hover, .butedit:hover
{
 background-color:#E3E3F2; color:black; transition:0.3s;
 border:1px solid black;
 cursor:pointer;
}

.vis_textbutton   
{
 position:relative; 
 padding:0px;
 margin:0px;
 margin-left:10px;
 margin-top:5px;
 float:left;
 height:100%;
}

.vis_textbutton .butlink 
{
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size:12px; 
 color:black;
 padding:5px;
 padding-top:3px;
 background-color:transparent; 
}

.vis_textbutton .butlink:hover  {color:white; background-color:#6699CC;}

.vis_textcontent .button .butlink 
{
 border:1px solid #6699CC;
 background-color: #6699CC; 
}

.vis_textcontent div#button  { height:34px; background-color: #6699CC;}
.vis_textcontent div#button:hover  {background-color: white;}


.vis_button_foot, .vis_button_login   
{
 position:relative; 
 padding:0px;
 margin:0px;
 margin-left:10px;
 margin-top:10px;
 float:left;
 height:100%;
}

.vis_button_foot .butlink, .vis_button_login .butlink 
{
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size:12px; 
 color:black;
 border:0px dotted green;
 padding:5px;
 padding-top:3px;
 border:0px solid #6699CC;
 background-color:transparent; 
}

.vis_button_foot .butlink:hover, .vis_button_login .butlink:hover {color:white; background-color:gray; }


@media only screen and (max-width:600px) 
{
 
 .editline {visibility:hidden; height:0px; margin:0px;} 
 .vis_textbutton_login {visibility:hidden;} 
 .vis_login, .vis_button_transparent {visibility:hidden;height:0px;} 

 .vis_button {width:98%; height:36px}
 .vis_button .butlink {width:100%; position:absolute; top:0px; right:0px;left:0px}

 .vis_button_red {width:98%; height:36px}
 .vis_button_red .butlink {width:90%; position:absolute; top:0px; right:0px;left:0px}

 .vis_button_green {width:98%; height:36px;}
 .vis_button_green .butlink {width:90%; position:absolute; top:0px; right:0px;left:0px; }
 .vis_button_transparent .butlink {width:90%; position:absolute; top:0px; right:0px;left:0px; }
 .editboxbut {visibility:; width:0px; height:0px}
 .content_submen {width:98%}
 .titel_submen {max-width:380px; border:1px solid red;}
}

@media only screen and (max-width:890px) {.vis_liste_stammdaten {visibility:hidden; height:0px;}}

.identfreigabe 
{
 position:relative; margin:20px; margin-left:0px; 
 border:1px solid lightGray; 
 padding:10px; width:200px;
}


.identfreigabe p { font-weight:bold; margin-bottom:8px;}
.identfreigabe .link 
{
 float:left; 
 margin-right:5px;
 padding:5px;
 padding-bottom:6x;
 border-radius:3px; 
 border:0px solid lightGray;
 background-color:#6699CC; 
 color:white;
 margin-bottom:10px;
}

@media only screen and (max-width:620px) {.vis_button_topleft {visibility:hidden}}

@media only screen and (max-width:700px)
{
 .vis_button_menue  {visibility:hidden;} 
 .vis_button_black  {visibility:hidden;} 
 .vis_suchen_top  {visibility:hidden; display:none;}
}

.vis_rubrik_info {float:left;}

@media only screen and (max-width:480px)
{ 
.vis_rubrik_info .titel_submen {width:93%;} 
.vis_button {float:none;}
}

// ------------------------------------
.vis_button_abs {position:absolute; clear:both;}

div#button 
{
 position:relative;
 margin:0px 5px 0px 0px;
 width:36px;
 height:37px;
 background-repeat:no-repeat;
 background-position:0px;
 background-size:100%;
 padding:0px;
 margin:0px;
 margin-bottom:5px;
 float:left;
 cursor:pointer;
 z-index:1000;
 border-radius:3px;
 margin-right:2px;
 border:1px solid transparent;
 background-color:transparent;
}

div#smallbutton 
{
 position:relative;
 margin-right:5px;
 left:0px;
 bottom:0px;
 width:23px;
 height:23px;
 border:1px solid gray;
 background-color:#E1E1E2;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
 border-radius:4px;
 background-repeat:no-repeat;
 float:left;
 cursor:pointer;
 z-index:1000;
}

div#smallbutton.back, #smallbutton.vis_smallbutton_historyback { background-image: url('/+vis20/imgsystem/smallback.gif')} 
div#smallbutton.next { background-image: url('/+vis20/imgsystem/smallnext.gif')} 
div#smallbutton.new { background-image: url('/+vis20/imgsystem/smallnew.gif');}
div#smallbutton.home { background-image: url('/+vis20/imgsystem/smallnew.gif');}
div#smallbutton.edit { background-image: url('');}




div#navbutton .home, div#navbutton .back, div#navbutton .next, div#navbutton .new, div#navbutton .edit
{
 position:relative;
 margin-right:5px;
 left:0px;
 bottom:0px;
 width:25px;
 height:25px;
 border:1px solid gray;
 background-color:#E1E1E2;
 border-radius:4px;
 color:transparent;
 background-repeat:no-repeat;
 float:left;
 cursor:pointer;
 z-index:1000;
}

div#navbutton .home { background-image: url('/+vis20/imgsystem/smallnew.gif')}
div#navbutton .back { background-image: url('/+vis20/imgsystem/smallback.gif')}
div#navbutton .next { background-image: url('/+vis20/imgsystem/smallnext.gif')} 
div#navbutton .new  { background-image: url('/+vis20/imgsystem/smallnew.gif')}
div#navbutton .edit { background-image: url('/+vis20/imgsystem/edit.png'); margin-right:15px}

div#navbutton .home:hover, div#navbutton .back:hover, div#navbutton .next:hover, div#navbutton .new:hover   
{
 transition:0.3s; 
 background-color:white;
 border:1px solid black;
}

#button:hover  
{
 transition:0.3s; 
 background-color:white;
 border:1px solid black;
}


.tgbutton 
{
 visibility:hidden;
 position:absolute;
 right:20px;
}

#button.vis_mtoggle     {background-image: url('/+vis20/imgsystem/menue.png')}
#button.vis_backaktuell {background-image: url('/+vis20/imgsystem/backaktuell.gif')} 
#button.vis_back        {background-image: url('/+vis20/imgsystem/back2.gif')} 
#button.vis_insert,
#button.vis_button_historyback,
#button.vis_siteback 	{background-image: url('/+vis20/imgsystem/back1.gif')} 
#button.vis_info		{background-image: url('/+vis20/imgsystem/more.gif')}
#button.vis_help	 	{background-image: url('/+vis20/imgsystem/help.png')}  
#button.vis_print 		{background-image: url('/+vis20/imgsystem/print.gif')}
#button.vis_artsite		{background-image: url('/+vis20/imgsystem/artsite.gif')}
#button.vis_mail		{background-image: url('/+vis20/imgsystem/email.gif')}
#button.vis_blunch		{background-image: url('/+vis20/imgsystem/lunch.png')} 
#button.vis_offer		{background-image: url('/+vis20/imgsystem/hesale.gif')}
#button.vis_sale	    {background-image: url('/+vis20/imgsystem/sale.png')} 
#button.vis_sale:hover	{background-image: url('/+vis20/imgsystem/saleblack.png')}
#button.vis_ort			{background-image: url('/+vis20/imgsystem/ort.png')}
#button.vis_region		{background-image: url('/+vis20/imgsystem/region.png')} 
#button.vis_region:hover {background-image: url('/+vis20/imgsystem/regionblack.png')} 
#button.vis_next		{background-image: url('/+vis20/imgsystem/next.png')} 
#button.vis_new			{background-image: url('/+vis20/imgsystem/new.png')}
#button.vis_top			{background-image: url('/+vis20/imgsystem/new.png')}
#button.vis_werbung,
#button.vis_werbung_on	{background-image: url('/+vis20/imgsystem/werbung.gif'); background-color:#90EE90}
#button.vis_more		{background-image: url('/+vis20/imgsystem/more.gif')}
#button.vis_home		{background-image: url('/+vis20/imgsystem/home.png')}  
#button.vis_home:hover	{background-image: url('/+vis20/imgsystem/homeblack.png')}  
#button.vis_sectionhome {background-image: url('/+vis20/imgsystem/sechome1.gif')} 
#button.vis_abbruch     {background-image: url('/+vis20/imgsystem/back2.gif')}
#button.vis_facebook	{background-image: url('/+vis20/imgsystem/fb2.gif'); background-color:#5273BD; height:36px}  
#button.vis_artfacebook	{background-image: url('/+vis20/imgsystem/fb2.gif'); background-color:#5273BD; height:36px}  
#button.vis_fbdeveloper	{background-image: url('/+vis20/imgsystem/fbdv.gif'); background-color:#5273BD height:36px} 
#button.vis_artfbdeveloper	{background-image: url('/+vis20/imgsystem/fbdv.gif'); background-color:#5273BD height:36px} 
#button.vis_twitter 	{background-image: url('/+vis20/imgsystem/twitter.gif'); background-color:#5A84DE} 
#button.vis_gplus  		{background-image: url('/+vis20/imgsystem/gplus.gif'); background-color:#D64A39} 
#button.vis_fcode  		{background-image: url('/+vis20/imgsystem/werkzeug.gif')} 
#button.vis_gmap		{background-image: url('/+vis20/imgsystem/gmap.png')} 
#button.vis_vinfo		{background-image: url('/+vis20/imgsystem/verein.png')} 
#button.vis_aktuelles	{background-image: url('/+vis20/imgsystem/aktuelles.png')}
#button.vis_aktuelles:hover	{background-image: url('/+vis20/imgsystem/aktuellesblack.png')} 
#button.vis_tourismus	{background-image: url('/+vis20/imgsystem/tourismus.png'); visibility:hidden; width:0px}
#button.vis_event		{background-image: url('/+vis20/imgsystem/event.png'); visibility:hidden; width:0px}
#button.vis_sverein		{background-image: url('/+vis20/imgsystem/sverein.png')}
#button.vis_vanlage		{background-image: url('/+vis20/imgsystem/vanlage.png')} 
#button.vis_vangebote	{background-image: url('/+vis20/imgsystem/vangebote.png')} 
#button.vis_vsale   	{background-image: url('/+vis20/imgsystem/sale.png')} 
#button.vis_vsale:hover	{background-image: url('/+vis20/imgsystem/vcardblack.png')} 
#button.vis_vcard		{background-image: url('/+vis20/imgsystem/vcard.png')}
#button.vis_vcard:hover	{background-image: url('/+vis20/imgsystem/vcardblack.png')}
#button.vis_reload        {background-image: url('/+vis20/imgsystem/reload.gif')} 
#button.vis_bildverwaltung {background-image: url('/+vis20/imgsystem/bildverwaltung.png')}

#button.vis_linkbutton
{
 background-color:#AAAAAA;
 background-image: url('/+vis20/imgsystem/link.gif');
 float:left;
 margin-top:0px;
 margin-right:5px;
} 

#button.vis_info
{
 background-color:#AAAAAA;
 background-image: url('/+vis20/imgsystem/info.gif');
 float:left;
 margin-top:0px;
 margin-right:5px;
 margin-bottom:3px; 
} 

#button.vis_fmerker { background-image: url('/+vis20/imgsystem/mkliste.gif');} 

.vis_new:hover { background-color:#B1D1D2; background-image: url('/+vis20/imgsystem/new_weiss.gif');} 
.vis_more:hover { background-color:#A80A0A; }  

.vangebote {margin-top:5px;}

@media only screen and (max-width:800px)  
{
#button.vis_tourismus {visibility:visible; width:34px;}
#button.vis_event {visibility:visible; width:34px;}
.vis_menue_menue {visibility:hidden;}
}

/* Editbutton ----------------------------*/

div#vis_editbutton, div#vis_pdfbutton, div#vis_editimgblock 
{
 position:absolute;
 padding:0px;
 margin:0px;
 right:5px;
 top:10px;
 width:20px;
 height:20px; 
 border:1px solid gray;
 background-color:#E1E1E2;
 border-radius:4px;
 z-index:100; 
 cursor:pointer;
 background-repeat:no-repeat;
}

#editinsert div#vis_editbutton  { top:25px;}



div#vis_editimgblock:hover {background-color:white};

div#vis_editbutton.system, div#vis_editbutton.syshead
{
 xbackground-image:url('/+vis20/imgsystem/systemedit.gif'); 
 right:10px; 
 top:10px;
 z-index:1110;
}
div#vis_editbutton.syshead {right:15px; }


div#vis_editbutton.system:hover, div#vis_editbutton.syshead:hover {background-color:#FFFFFF; }

div#vis_editbutton.nosystem {background-image: url('/+vis20/imgsystem/nosystemedit.gif');}
div#vis_editbutton.nosystem:hover {background-image: url('/+vis20/imgsystem/no_systemedit.gif') }

div#vis_pdfbutton.stammdaten {top:22px; right:38px;}


div#vis_pdfbutton.artikeled {top:4px; right:30px;}
div#vis_pdfbutton:hover {border-color:black; transition:0.5s;}  

xxdiv#vis_editbutton .edtext, div#vis_editbutton.notext {right:35px;}
xxdiv#vis_editbutton .edtext {background-image: url('/+vis20/imgsystem/textedit.gif');} 

div#vis_editbutton {background-image: url('/+vis20/imgsystem/textedit.gif');} 
div#vis_editbutton:hover, div#vis_editbutton.notext:hover { background-color:#9FBBBB; }

div#vis_pdfbutton .text, div#vis_pdfbutton.notext, div#vis_pdfbutton.stammdaten, div#vis_pdfbutton.artikeled  
{
 background-image: url('/+vis20/imgsystem/pdf.gif'); 
} 

div#vis_editbutton.notext {background-image: url('/+vis20/imgsystem/notextedit.gif');} 
div#vis_editbutton.notext:hover {background-image: url('/+vis20/imgsystem/no_textedit.gif');} 
 


.keysearch
{
 position:relative;
 left:0px;
 top:0px;
 width:225px;
 padding:2px;
 padding-left:5px;
 height:27px;
 margin:0px;
}

 
@media only screen and (max-width:380px) { .keysearch {width:150px;}}
 
.keysearch .searchtext { border:1px solid gray; font-size:14px; color:#555555; }

.vis_suchen, .vis_suchen_menue, .vis_suchen_toggle 
 {
  position:relative; 
  float:left;
  margin:0px;
  padding:0px;
  height:30px;
  margin-right:10px;
  } 
  
.vis_suchen {visibility:hidden; margin-bottom:0px; height:0px; }

.searchtext 
 {
  float:left;
  width:200px;
  border-radius:3px;
  border:2px solid gray;
  margin-right:5px;
  padding:5px;
} 

.searchbutton 
{
 padding:5px;
 border-radius:3px;
 border:1px solid gray;
 background-color:#6699CC;
 color:white;
 margin-top:1px;
}

.searchbutton:hover 
 {
  border:1px solid black;
  background-color:white;
  color:black;
  transition:0.8s; 
 }

.vis_suchen_menue, .vis_suchen_toggle {margin-bottom:10px;}
.vis_suchen_menue .searchtext {width:118px;} 



.vis_searcherror {font-size:14px; color:red; padding:6px;}

.button_edit, .button_dbedit
{
 position:absolute;
 top:6px;
 right:6px; 
 margin:0px;
 width:20px;
 height:20px;
 border:1px solid gray;
 background-color:#E1E1E2;
 border-radius:4px;
 background-repeat:no-repeat;
 background-size:contain;
 cursor:pointer;
 z-index:300;
}

.button_edit:hover, .button_dbedit:hover { background-color:white;}

.button_dbedit {background-image: url('/+vis20/imgsystem/dbedit.gif')} 

.vis_textbuttonline { margin:10px;  margin-top:10px; border:1px dotted green; height:30px;}
.anschrift {display:inline-block; margin-top:6px;}
.durchsuchen {border:1px dotted gray; margin-bottom:15px;}

.maplink {position:relative; height:34px; width:34px; float:left;margin-right:8px;}
.mapadr {position:relative; padding:0px; min-width:100px;}

#button.gmap {background-color:#AAAAAA; background-image: url('/+vis20/imgsystem/gmap.png'); left:-4px;} 

.vis_submenue, .vis_togglemenue, .vis_togglemenue_red, .vis_togglemenue_green, .vis_submenue_red, .vis_submenue_green, .vis_submenue_menue
{
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size:14px; 
 float:left;
 margin-right:2px;
 margin-bottom:4px;
 overflow:visible;
 min-width:50px;
 max-width:350px;
}

.vis_togglemenue, .vis_togglemenue_red, .vis_togglemenue_green 
{
 width:100%;
 clear:both;
 border-radius:3px;
 max-width:380px;
}

.vis_togglemenue_red .titel_submen {background-color:darkred; color:white;}
.vis_togglemenue_green .titel_submen {background-color:green; color:white;}

.titel_submen  
{
 font-size:14px;
 position:relative;
 height:15px;
 cursor:pointer;
 border-radius:4px;
 color:white;
 background-color:#6699CC;
 border:1px solid transparent;
 padding:8px 10px 10px 10px;
 margin-top:2px;
} 
  
.vis_submenue .titel_submen 
{ 
 background-color:#6699CC;
 border:1px solid #6699CC;
 color:white;
}

.vis_submenue_red .titel_submen 
{ 
 background-color:darkred;
 border:1px solid darkred;
}

.vis_submenue_green .titel_submen 
{ 
 background-color:green;
 border:1px solid green;
 color:white;
}

.content_submen {overflow:visible;}

.akseite {background-color:lightgreen; color:white;}


@media only screen and (max-width:700px)
{
.vis_submenue {clear:both; width:95%}
.titel_submen {font-size:15px;}
.link_black {font-size:20px;}
}



.vis_rubrik, .vis_rubrik_toggle, .vis_rubrik_breit  
{
 float:left;
 margin:0px;
 margin-bottom:2px;
 width:100%;
 max-width:380px; 
}

.vis_rubrik_toggle { margin-left:0px; clear:both; margin-bottom:5px;}

.vis_rubrik_toggle .titel_submen  
{
 max-width:380px; 
 background-color: #6699CC;
 border:1px solid  #6699CC;
 border-radius:3px; 
}
.vis_rubrik_breit .titel_submen  {width:289px; border:1px solid lightGray; border-radius:3px;}

.vis_rubrik_norm  {margin-bottom:5px;}

.vis_rubrik .titel_submen.current, .vis_rubrik_norm .titel_submen.current 
{
 background-color:#cccc66;
 color:#222222;
}

.content_submen {margin-top:5px; margin-left:3px;}

.vis_rubrik_toggle #con_0, .vis_rubrik_toggle #con_1,.vis_rubrik_toggle #con_2,.vis_rubrik_toggle #con_3, 
.vis_rubrik_toggle #con_4, .vis_rubrik_toggle #con_5,.vis_rubrik_toggle #con_6    
{width:285px;}

.but {border:1px solid lightgray; float:left; margin-right:2px;}
.vis_infoprint {left:2px;}

.titel_submen:hover, .vis_button_rubrik:hover
{
 color:#010101;
 border:1px solid black;
 background-color:#E3E3F2;
 transition:0.5s; 
}

.content_submen 
{
 background-color:none; margin-left:2px; overflow:hidden; z-index:100; white-space:wrap;
}

.content_submen ul, .visilog_rubriken ul {margin-left:10px; } 
.content_submen li, .visilog_rubriken li 
{
 font-size:13px;
 list-style-type:square; 
 margin-left:10px; 
 padding-right:10px; 
 cursor:pointer;
 color:black
}

.content_submen .icon_no {list-style-type:square; margin-left:10px;}

.content_submen .icon_1 {list-style-type:square;}
.content_submen .content_submen li {text-align:left; border:1px dotted gray; }

.content_submen ul li {color:black; padding-left:3px;}
.content_submen ul li:hover {transition:0.2s; background-color:#E5E5E5; color:red;}
.content_submen .gesperrt:hover { color:gray; }
.content_submen .nichtfreigegeben {background-color:yellow;}
.content_submen span {background-color:yellow;}

#con_0, #con_1, #con_2,  #con_3, #con_4, #con_5, #con_6, #con_7, #con_8,#con_9
{
 background-color:white;
 margin-bottom:3px;
 padding-left:2px;
 border-radius:3px;
}

.bcon {float:left; margin-right:10px;}

@media only screen and (max-width:200px) {#button.vis_back {visibility:hidden; width:0px;}}

/* Menü -------------------- */

.vis_menue  
{
 position:relative;
 float:left; 
 overflow:visible;
 z-index:1000;
 margin-right:0px;
 margin-bottom:5px;
 }
  
 .vis_menue ul
 {
  list-style:none;
  padding:0px;
  margin: 0px;
 }
 
.vis_menue ul li 
 {
  display: block;
  position:relative;
  float:left;
  margin-bottom:5px;
 }
  
.vis_menue li ul {display: none;}
  
.vis_menue ul li a
{
 display:block;
 font-size:14px;
 padding: 10px 10px 11px 10px;
 text-decoration: none;
 white-space: nowrap;
 color:white;
 border:1px solid #6699CC;
 border-radius:3px;
 z-index:10000;
 background:#6699CC;
 margin-right:2px;
 cursor:pointer;
 }

 
.vis_menue ul li a:hover, .vis_menue_menue ul li a:hover
{
 color:#010101;
 border:1px solid black;
 background-color:#E3E3F2;
 transition:0.5s;
}

.vis_menue li:hover ul, .vis_menue_menue li:hover ul {display: block; position: absolute;}
.vis_menue li:hover li, .vis_menue_menue li:hover li {float: none;}
.vis_menue li:hover li a:hover, .vis_menue_menue li:hover li a:hover {background:#E3E3F2; transition:0.15s;}
.vis_menue #drop-nav li ul li, .vis_menue_menue #drop-nav li ul li {border-top: 0px;}


/* --------------------------------------------- */
/* Standard CSS-Datei zum Template standard.html */
/* Standard Stand 24.05.2014                     */
/* Erweiterung Responsive WEB-Design             */
/* --------------------------------------------- */

@media only screen and (max-width:700px)
{
.tgbutton .vis_mtoggle  {position:absolute; width:36px; visibility:visible; top:0px; left0px; right:0px}
}

@media only screen and (max-width:800px)
{
.vis_div_termine { visibility:hidden;  position:absolute; width:0px;}
.vis_object_werbung { visibility:hidden; position:absolute;  height:0px; width:0px;}
.vis_date_headertitel {font-size:10px;margin-top:5px;}
.vis_textcontent {margin-right:0px; margin-left:0px; border-radius:0px;} 
.vis_textcontent .text {padding:15px; margin:0px; border-radius:0px;}
}

@media only screen and (max-width:600px)
{
#vis_editbutton, #vis_pdfbutton  {visibility:hidden;}
.vis_div_vmenue, .vis_div_hauptmenue, .vis_page_login { visibility:hidden; height:0px; width:0px; display:none;}
.vis_text_headertitel  {font-size:130%;}
.vis_text_headerinfo {visibility:hidden;}
.vis_image_headerlogo {position:absolute; top:10px; left:10px;}
.vis_image_headerlogo img {width:80%;}
.vis_liste .sp0 { }
.vis_liste .sp1 { }
.vis_liste .sp2 { visibility:collapse;} 
.vis_liste .sp3 { visibility:collapse;}
.vis_liste .sp4 { visibility:collapse;}
.vis_liste .sp5 { visibility:collapse;}
.vis_liste_stammdaten {visibility:hidden;}

.vis_liste_stammdaten .sp0 { }
.vis_liste_stammdaten .sp1 { }
.vis_liste_stammdaten .sp2 { }
.vis_liste_stammdaten .sp3 { }
.vis_liste_stammdaten .sp4 { }
.vis_liste_stammdaten .sp5 { visibility:collapse;}
.vis_liste_stammdaten .sp6 { visibility:collapse;}
.vis_liste_stammdaten .sp7 { visibility:collapse;}
.vis_liste_stammdaten .sp8 { visibility:collapse;}

.linkhome a {visibility:hidden;}

.vis_div_werbung {visibility:hidden;}
.vis_date_headertitel {visibility:hidden;}
.vis_login {position:relative; left:5px; top:10px;}
}

@media only screen and (max-width:480px)
{
.vis_email, .vis_email_system, .vis_upload, .vis_upload_system {margin:5px; margin-top:20px;}
.dateiupload .fn { width:98%; }
.vis_upload_system .image { width:90%; }
.titbutline {visibility:hidden;}
}

@media only screen and (max-width:280px)
{
.keysearch {visibility:hidden;}
.vis_email_system {margin:0px; margin-top:20px;}
}


.artsichern {background-color:lightgreen;}

.art-sp50, .art-sp30, .art-spgreen  
{
 float:left;
 width:45%;
 margin-bottom:5px; 
 margin-right:5px;
 border-radius:3px;
 padding:10px; border:1px solid lightgray;
 background-color:#FFFFFE;
 overflow:hidden;
}

.art-sp50 {text-align:justify; } 
.art-sp30 
{
 width:30%;
 padding:10px; border:1px solid green;
} 

.art-spgreen 
{
 background-color:lightgreen;
 padding:10px; border:1px solid green;
} 

@media only screen and (max-width:600px) {.art-sp50, .art-sp30, .art-spgreen  {width:95%}}
@media only screen and (max-width:480px) {.art-sp50, .art-sp30, .art-spgreen  {width:92%}}


.pagebutton {margin-top:10px; margin-bottom:5px;}
.pagebutton:hover {cursor:pointer; color:red;} 

.dimg {padding:3px; background-color:white;}


/* USER ARTIKEL */


 
.arttit h3 {font-size:1.5em; font-weight:normal; color:#333333;  margin:0px; margin-bottom:0px; text-align:left;}
.arttit h4 {font-size:1.0em; font-weight:normal; color:#666666;  margin:0px; margin-bottom:5px; text-align:left;}

.artdate {float:right; color:black; font-size:12px; margin-top:8px;}

.artsatzinfo 
 {
  position:relative;
  border:1px solid gray; 
  padding:5px;margin-top:10px;
  margin-bottom:10px; 
  background-color:#F5F5F5;
  border-radius:6px;
  }

.artspalten   {float:left; padding-right:5px; width:94.5%;  width:100%; margin:0px;} 
.artspalten_1 {float:left; padding-right:35px; margin:0px;} 
.artspalten_2 {float:left; padding-right:15px; width:29.5%; margin-right:5px;} 
.artspalten_3 {float:left; padding-right:15px; width:21%; margin-right:5px;}

@media only screen and (max-width:1400px) {.artspalten_1 {width:46%;} }
@media only screen and (max-width:1200px) {.artspalten_1 {width:44%;} }
@media only screen and (max-width:1000px) {.artspalten_1 {width:42%;} }

@media only screen and (max-width:700px)
{
 .artspalten_1 {width:94%;}
 .artspalten_2 {width:94%;}
 .artspalten_3 {width:94%;}
 .imgagetitel  {font-size:9px;}
}

@media only screen and (max-width:480px) { .artspalten_1, .artspalten_2 .artspalten_3 { width:94% }}

.artwhite 
{
 position:relative;
 margin-bottom:20px;
 xmargin-right:40px; 
 border:1px solid lightgray; 
 border:1px solid red; 
 background-color:green;
 padding:10px;
 overflow:auto;
 border-radius:6px;
 box-shadow:5px 6px 6px gray;
}

.artweiter {font-size:20px;  padding-left:10px; margin-top:20px; }
.editarticle:hover, .listearticle:hover {background-color:#E5F1FB; transition:0.5s; cursor:pointer}

.listeclose {float:left; font-size:12px; background-color:#CCCCCC; border:1px solid gray; padding:7px; border-radius:3px; margin-right:3px;}
.listeclose:hover {background-color:#E5F1FB; transition:0.5s; cursor:pointer}
.infohandy   {visibility:hidden; height:0px; }

.vis_userarticle h5 {color:#333333; margin:0px; padding:0px; padding-bottom:8px; padding-top:5px;} 

.arteditbutton 
{
 clear:both;
 height:40px;
 padding:0px;
 overflow:visible;
 margin-left:5px;
 margin-bottom:5px;
}

@media only screen and (max-width:650px)
{
 .arteditbutton {visibility:hidden;}
 .editarticle {visibility:hidden;}
 .infonohandy {visibility:hidden; height:0px; }
 .infohandy {visibility:visible; text-align:justify; height:auto;}
 .vis_userarticle h1 { font-size:18px;} 
}

.imgarticle  {border:0px solid red; padding:0px; margin-bottom:10px; border-radius:6px;}
.imgagetitel {font-size:11px; background-color:white; color:#333333; padding:5px;}
.imgagetitel .copyright {font-size:11px; float:right; padding-top:2px;  color:gray; }


.absimg {position:absolute; overflow:visible; }

.imginfo {min-height:25px;}
.imginfo .foto    {font-size:12px; float:left; padding:8px;  padding-left:10px; color:black; white-space: nowrap; }
.imginfo .CPfoto  {font-size:10px; float:right; padding-top:10px; padding-right:10px; color:gray;white-space: nowrap; }
.imginfo .titel   {font-size:18px; color:black; float:left; padding:5px;  padding-left:10px; white-space: nowrap; margin-bottom:5px; font-variant:small-caps; font-weight:normal;}
.imginfo .CPtitel {font-size:12px; float:right; padding-top:12px; padding-right:10px; color:gray;white-space: nowrap; }

.copyright
{
 float:right;
 font-size:12px; padding:5px; padding-right:25px; color:gray;
 margin-bottom:10px;
 clear:both;
}

@media only screen and (max-width:650px)
{
 .copyright {font-size:10px; }
 .foto {font-size:10px;} 
 .imginfo {height:20px;} 
}

.vis_settitel  {position:relative; padding:0px; margin:0px}
.vis_settitel_line {border-bottom:1px solid gray; margin:10px 0 10px 0}
.vis_settitel hr {background-color:gray}

.titelinfo {margin:0px; margin-right:15px; margin-bottom:8px;}
.titelinfo h1 {color:black; padding:0px; padding-bottom:0px;}
.titelinfo h2 {color:gray; padding-left:0px;}

.boxtitelinfo {margin:5px; }
.boxtitelinfo h1 {color:black; padding:0px; padding-bottom:5px;}
.boxtitelinfo h2 {color:gray; padding-left:0px;}


.artikellink {clear:both; position:relativ; margin-top:10px; margin-bottom:8px;}

.artikeledit
{
 position:relative;
 border:0px solid lightGray;
 color:green;
 margin-right:2%;
}

.editinfo
{
 margin:15px;
 padding-top:10px;
 margin-bottom:10px;
 font-size:12px;
 color:green;
 clear:both;
}

.arteditbut, .arteditbutnofree, .editbutton
{
 position:relative;
 left:5px;
 margin:0px;
 margin-right:10px;
 float:left;
 padding:3px 8px 3px 8px;
 border:1px solid Gray;
 background-color:lightGray;
 color:black;
 border-radius:2px;
}

.arteditbut, .arteditbutnofree {margin-right:10px;}

.downloadimage, .uploadimage
{
 border:1px solid lightgray;
 padding:10px;
 margin-top:5px;
 border-radius:4px;
 background-color:lightgray;
}

.artedbut {float:right;}


.arteditbutnofree {background-color:yellow;} 
.arteditbut:hover, .arteditbutnofree:hover, .editbutton:hover {background-color:#E5F1FB; transition:0.5s; cursor:pointer}

@media only screen and (max-width:430px)
{
.artikeledit {visibility:hidden;}
.artikeledit {height:0px;}
}

.articelshow, .articelnofree 
{
 border:1px solid Gray;
 border-radius:6px;
 padding:0px;
 color:black;
 background-color:#EFEFEF;
 margin-bottom:20px;
 margin-right:5px;
 overflow:auto;
 width:39%;
 float:left;
}
.articelshow div#article, .articelnofree div#article {border-radius:6px; width:94.5%;}
.articelnofree { background-color:#FFFFBB; border:1px solid gray;  }
.searchhead {padding:10px;}
.searchinfo {padding:8px;}

.artblock {border:1px solid lightGray;padding:10px; background-color:white; margin-bottom:5px;}
.artblock h1 {font-size:16px; padding:0px;margin:0px; font-weight:normal; color:black}
.artblock h2 {font-size:12px; padding:0px;margin:0px; font-weight:normal; color:#666666}

.vis_seitenliste
{
 clear:both;
 padding:10px;
 border:1px solid black;
 background-color:white; 
 color:black;
 border-radius:6px;
 box-shadow:5px 6px 6px gray;
 font-size:13px;
 width:80%;
 min-width:350px; 
}

.vis_seitenliste h1
{
 //font-family:courier;
 font-weight:normal; font-variant:small-caps;
}

.vis_seitenliste h6 {font-size:14px; font-weight:normal; }
.vis_seitenliste .nofree {background-color:yellow; padding:0px 5px 0px 5px;}
.vis_seitenliste .notit  {background-color:#FFD900; padding:0px 5px 0px 5px;} 

.vis_seitenliste .satz
 {float:left; clear:both; padding:5px; margin-left:30px; cursor:pointer; border:1px solid white}

.vis_seitenliste .satz:hover
 {background-color:lightgreen; border-radius:6px; border:1px solid gray}

.vis_seitenliste .nosatz 
{float:left; clear:both; padding:5px; margin-left:30px; border-radius:6px; background-color:yellow; cursor:pointer; border:1px solid white}
.vis_seitenliste .titel {font-wight:bold; font-size:16px; padding:0px; margin:0px;}
.vis_seitenliste .info  {font-wight:normal; font-size:12px; padding:0px;margin:0px; margin-left:3px;}

.vis_seitenliste .satz:hover, .vis_seitenliste .nosatz:hover
 {background-color:lightgreen; border-radius:6px; border:1px solid gray}

.vis_listarticle {border:1px solid lightgray; padding:10px; background-color:white;}

.vis_listarticle h1 { color:darkgreen; border-radius:6px;}
.vis_listarticle h2 {color:#555555; margin:0px; padding:0px;  font-size:16px; font-weight:normal;padding-bottom:10px;}

.artikelliste, .anzeigenliste
{
 border:1px solid lightgray;
 background-color:white;
 padding:10px;
 margin-right:20px;
 margin-bottom:10px;
 width:95%;
 border-radius:6px;
 box-shadow:5px 6px 6px gray;
}



.linktext {float:left; cursor:pointer;}
.linktext:hover {color:red;}

.artfoot {border:1px solid lightgray; padding:10px; padding-left:25px;  padding-right:30px; font-size:14px; background-color:white}

.artvom {font-size:11px; padding:10px; padding-left:20px; }

.arttext    {position:relative; font-size:15x; color:black; margin-bottom:10px;}
.artleft    {float:left; width:40%; margin-right:10px; margin-bottom:10px;}
.artleft50  {float:left; width:50%; margin-right:10px; margin-bottom:10px;}
.artleft60  {float:left; width:60%; margin-right:10px; margin-bottom:10px;}
.artright   {float:right; width:40%; margin-left:10px; margin-bottom:10px;} 
.artright50 {float:right; width:50%; margin-left:10px; margin-bottom:10px;} 
.artright60 {float:right; width:60%; margin-left:10px; margin-bottom:10px;} 

.infonofloat 
{
 position:relative;
 float:none; 
 min-width:100px; padding-left:10px;
 margin-right:10px;
 margin-bottom:5px; 
 border:0px dotted red;
}

.benutzerhinweis {font-size:11px;padding:15px;padding-left:5px; color:darkred;}

.benutzerhinweis a {color:darkred;}
.benutzerhinweis a:hover {color:red; font-weight:bold;}


.vis_hinweis {clear:both; margin:10px;}

.vis_hinweis h1 {font-size:13px; font-weight:normal; color:darkred;}
.vis_hinweis h2 {font-size:12px; padding:2px; float:left; clear:both); }
.vis_hinweis .hinfo {}

.vis_hinweis_biene .hinfo {float:left; margin-top:25px;}



.terminliste {clear:both; margin-bottom:5px; margin-left:10px;}

.terminliste h1 {font-size:18px; font-weight:normal; padding:0px; margin:0px; margin-bottom:10px; font-variant:small-caps}
.terminliste h2 {font-size:14px; font-weight:normal; padding:0px; margin:0px; margin-bottom:10px; }
.terminliste h3 {font-size:14px; font-weight:bold;  padding:0px; margin:0px; margin-bottom:10px; }

.terminliste .terdate  {font-size:15px; }
.terminliste .bez  {font-size:12px; margin-top:3px; margin-bottom:10px;}

.terbutton {}
.terbutton input {margin-bottom:5px;}

object#content 
{
 border:1px solid gray;
 width:99%;
 height:430px;
 background-color:white; 
}

.ytlinktitel 
{
 position:relative;
 margin-bottom:5px;
 margin-top:-1px;
}

.articlenumber
{
 margin-left:11px;
 margin-bottom:3px;
}

.vis_counter_header
{
 position:absolute;
 top:24%;
 right:10px;
 font-size:10px;
 color:lightgray;
}

/* Userartikel */ 

.artsale
{ 
 clear:both;
 border:1px solid gray;
 border-radius:6px;
 margin:10px;
 margin-left:0px;
 padding:10px;
 background-color:#F5F5F5;
}

.box_preis{padding-bottom:20px;margin-right:20px;}


.artpreisinfo
{
 position:relative;
 height:;
 border:1px solid black;
 padding:10px;
 padding-bottom:30px;
 color:white;
 background-color:gray;
 border-radius:6px;
 font-weight:normal;
 margin:10px;
 margin-bottom:17px;
 overflow:visible;
 clear:both;
}

.artpreisinfo h1 {font-variant:normal; font-weight:normal;margin:0px; margin-bottom:7px; font-size:16px; font-weight:normal; color:white; padding:0px;}
.artpreisinfo h2 {margin:0px; font-size:14px; font-weight:normal; color:white; padding:0px;}


.artpreis
{
 position:absolute;
 font-size:20px;
 border:1px solid darkred;
 padding:10px;
 color:white;
 background-color:red;
 border-radius:6px;
 font-weight:bold;
 bottom:10px;
 right:20px;
}

.artpreis span {font-size:18px;font-weight:normal;margin-right:10px}

.artkommentar
{
 
}

.komtitel
{
 color:black;
 font-size:16px;
 margin-bottom:10px;
}

.komeingabe
{
 margin-bottom:0px;
 padding:10px;
 border:1px solid lightgray;
 border-radius:6px;
 background-color:#E5E5E5;
}

.komeingabe .tit
{
 font-size:16px;
 font-weight:normal;
 padding-bottom:5px;
 color:black;
}

.komeingabe p {font-size:11px; padding-left:5px; color:black;}

.komeingabe input {border:0px; padding:5px;}

.komeingabe .mceNoEditor
{
 position:relative;
 height:118px;
 width:97%;
 border:1px solid lightgray; 
 resize: none;
 margin-right:10px;
 margin-top:10px;
 padding:5px;
 font-family: Verdana, arial, Helvetica, sans-serif; 
 font-size:12px;
}

.komerror, .kommeldung {font-size:12px; color:red; margin-top:20px; padding-left:0px; padding-top:10px; width:100%} 
.kommeldung {color:blue;}

.komliste
{
 padding-bottom:10px;
 margin-bottom:0px;
 overflow:visible;
}

.komliste .kanzahl {margin-bottom:5px;padding-bottom:2px;} 

.komliste .kname {padding-left:1px; overflow:visible;} 

.komliste .kinfo 
{
 font-size:12px;
 margin-bottom:10px; 
 border-bottom:1px solid lightgray;
 padding:5px;
 background-color:white;
} 

.komliste .f11 {font-size:11px; color:gray;}

.komliste .f11red {padding-left:10px;font-size:11px; color:darkred;}

.vis_kommentar
{
 background-color:white;
 padding:10px;
 border-radius:6px;
 margin-top:10px;
}

.vis_kommentar h1 {padding:0px; margin:0px; font-weight:normal; font-size:18px;}
.vis_kommentar h2 {padding:0px; margin:0px; font-weight:normal; font-size:14px; color:gray}

.komeditor
{
 position:absolute;
 left:50px;
 top:5px;
 background-color:#D3DAED;
 background:-moz-linear-gradient(bottom,#b3b3b3,#f1f1f1); 
 background:-webkit-gradient(linear,left top,left bottom,from(#b3b3b3),to(#f1f1f1)); 
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3',endColorstr='#f1f1f1');
 padding:10px;
 border:1px solid gray;
 border-bottom:3px solid gray;
 border-right:3px solid gray;
 border-radius:6px;
}

.listetitel {font-weight:bold; margin-bottom:10px}

.inforedakteur 
{
 clear:both;
 border:1px solid lightgray;
 border-radius:3px;
 padding:3px;
 margin-top:5px;
 background-color:#CCFFCC;
}

.inforedakteur p {font-size:11px;}

.vis_infotext
{
 position:relative;
 padding: 10px;
 border:1px solid lightgray;
 border-radius:6px;
 margin-bottom:10px;
 background-color:white; 
}

.vis_text_nologin {color:red; padding:10px; margin-bottom:30px;}
.vis_newline, .vis_newline_toggle { height:0px; clear:both; }

.texttitel {color:black; margin:0px; margin-bottom:15px; padding-top:0px; padding-left:5px; border:0px dotted red}
.texttit {color:black; margin:0px; padding-top:0px;padding-left:5px}

.terbeenden {float:left; margin-right:5px; margin-top:10px; }

.errorsi {border:1px solid gray; background-color:white; color:red; padding:5px; border-radius:3px}

.artbutton
{
 float:left;
 margin-top:12px;
}

.visbutton, .visbuttonart 
 {
  border:1px solid gray;
  margin-right:3px;
  transition:0.2s;
  padding: 3px 10px 5px 10px;
  border-radius:3px;
  }
 
.visbutton:hover, .visbuttonart:hover { background-color:lightgreen; }
 
.visbuttonart  { margin-right:0px; }

.vis_link {font-size:14px; padding-bottom:10px;}

.vis_link_titel {font-size:18px; padding-bottom:10px;}
.vis_link:hover, .vis_link_titel:hover  {color:red; cursor:pointer; transition:0.4s;}  

.vis_google_titel {font-size:16px; }
.vis_google:hover, .vis_google_titel:hover   {color:red; cursor:pointer; transition:0.4s;}  
  

.vis_link_button {background-color:lightgray; border:1px solid gray; float:left; padding:5px 8px 5px 8px; border-radius:3px}
.vis_link_button:hover  {background-color:white; cursor:pointer; transition:0.4s;} 

.vis_link:hover {color:red; cursor:pointer; transition:0.4s;}

.artimage 
{
 border-radius:6px;
 width:100%;
}

.artimage_left 
{
 border-radius:6px;
 width:40%;
 float:left;
 margin-right:25px;
 margin-bottom:10px;
 box-shadow:5px 6px 6px gray;
}

.artimage_right 
{
 border-radius:3px;
 width:40%;
 float:right;
 margin-left:10px;
}


.artimage p {font-size:11px;margin-top:3px; margin-left:3px;}

.dbedbutton
{
 float:left;
 border:1px solid gray;
 font-size:11px;
 padding:3px;
 margin: 14px 5px 0px 0px;
 border-radius:3px;
 background-color:lightgray;
 cursor:pointer;
}

.dbedbutton:hover {background-color:white;}

.tabtitel {font-size:16px;}
.topright {position:absolute; right:25px; top:5px;}

.vis_object {position:relative; margin-bottom:10px;}
.vis_object_wetter
{ 
 margin-top:15px;
 position:relative;
 padding:0px;
 width:301px;
 margin-bottom:10px;
 border-radius:8px;
 box-shadow:5px 5px 10px gray;
 float:left;
 margin-right:20px;
}

@media only screen and (max-width:380px) { .vis_object_wetter {clear:both:150px;}}

.vis_object_left {position:relative; float:left; margin-right:15px;margin-bottom:10px; }
.vis_object .webcam {border:2px solid #A0A0A0; width:98%; overflow:hidden; padding:0px;}

.noinfosite {margin-top:5px; padding-left:10px;} 
.noinfositebutton {clear:both; margin:30px; margin-left:10px;}

.clrline {clear:both; margin-left:-5px; margin-bottom:25px; margin-top:0px; width:100%;}

.vis_space {clear:both; height:20px; margin:0px; padding:0px; width:100%}
.vis_spacewidth {float:left; height:15px; margin:0px; padding:0px;}

.vis_titelspace { margin-bottom:36px; margin-top:0px; width:10%}

 .weiterleitung
{
 float:left;
 margin:20px;
 padding:30px;
 border:4px solid #101010;
 border-radius:6px;
 margin-bottom:30px;
 background-color:yellow;
 font-size:18px;
}

.weiterleitung:hover
{
 background-color:green;
 color:white; 
 transition:0.5s;
}

.unterkunft
{ 
 font-size:28px;
 color:black;
 border-bottom:1px dotted lightgray;
 font-variant:small-caps;
}

.unterkunft .ukort
{
 font-variant:normal;
 font-size:14px;
}
 

.artinfo
{
 clear:both;
 padding-top:10px;
}

.artinfo p 
{
 font-family: Helvetica;
 font-variant:small-caps;
 font-weight:normal;
 font-size:18px;
}

.artinfo .text
{
 padding:5px;
}

.hinweis 
{
 margin:10px;
 margin-top:0px;
 padding:15px;
 border:1px solid gray;
 background-color:white;
 border-radius:6px;
}

.hinweis h1
{
 font-size:17px;
 font-family: Arial,sans-serif;
 color:red;
 margin:0px;
}

.hinweis .text
{
 color:black;
 margin:0px;
 padding:0px;
}

.smbutton .satzloeschen
{
 position:absilute;
 left:300px;
 Font-size:14px;
 color:red;
 margin-top:5px;
}

.smbutton .bline
{
 
}

.smbutton input {float:left; margin-right:3px;}

.reload {cursor:pointer;}

.vis_date_menue {color:white; position:relative; left:10px; top:10px;}

.vis_week h1 {font-size:18px; color:black; margin:0px; padding:0px; margin-left:10px; margin-bottom:10px;  }
.vis_week .weekimg, .vis_week img {border-radius:8px;}
.vis_week .weekimg h1 {margin-bottom:10px;}



.vis_week_s .weekimg h1 {margin:10px;}

.vis_text_info {margin:0px;}
.vis_text_info .info
{
 font-size:16px;
 padding:0px;
 padding-left:10px;
 margin-bottom:5px;
}

.vis_adressenliste 
{
 margin-top:0px; margin-bottom:10px; 
 float:left;
}

.vis_adressenliste .edinfo {margin-bottom:10px; border-bottom:1px solid black; }

.vis_adressenliste input {padding:4px; border:1px solid gray; border-radius:3px; }

.vis_adressenliste .but {padding:5px; margin-left:5px; border:1px solid gray; border-radius:3px; background-color:lightgreen}
.vis_adressenliste .but:hover {background-color:white; border:1px solid black;}

.vis_adressenliste h1 {font-weight:normal; margin:0px; margin-bottom:6px; font-size:19px; color:black; }
.vis_adressenliste h2 {font-weight:normal; margin:0px; margin-bottom:10px; font-size:19px; color:black; border-bottom:1px solid black;}

.vis_adressenliste .adrimg {border-radius:6px; margin-bottom:15px; }
.vis_adressenliste .adrimg:hover  { }

.vis_adressenliste .titel {font-size:18px; }
 
.vis_adressenliste .titliste {font-size:26px;font-variant:small-caps;margin:0px; top:-5px;} 

.vis_adressenliste .headerstrasse 
{
 width:98%;
 border-radius:6px;  margin-bottom:20px;
 box-shadow: 5px 4px 10px gray;
}


.vis_adressenliste .strasse, .vis_adressenliste .fistrasse 
{
 width:98%;
 border-radius:6px; margin-top:5px; margin-bottom:15px;
 box-shadow: 5px 4px 10px gray;
}

.vis_adressenliste .fistrasse 
{
 width:90%;
 clear:both;
}

.vis_adressenliste .strasse .name, .vis_adressenliste .fistrasse .name
{
 position:relative;
 padding:5px; padding-left:10px;padding-right:10px;
 font-size:18px;
 background-color:blue;
 color:#EEEEEE;
 float:left;
 border-radius:6px;
 margin:3px;
 border:1px solid black;
 }
 
 .vis_adressenliste .strasse .name:hover
 {
  Background-color:#EEEEEE;
  color:black;
  border:1px solid black;
  transition:0.5s;
 }

.vis_adressenliste .adrsatz 
{
 border:0px dotted blue; 
 width:310px; 
 float:left;
 margin-right:5px;
 padding:5px;
}

.vis_adressenliste .noadrsatz 
{
 width:310px;
 background-color:yellow; margin-bottom:0px;
 border:1px solid gray;
 border-radius:3px;
 float:left;
 margin-right:5px;
 padding:5px;
 margin-bottom:10px;
}

.vis_adressenliste .infoicon
{
 float:left; margin-bottom:5px; width:24px; height:25px; margin-right:8px;  margin-left:2px;
}

.vis_adressenliste .spinfo {float:left; width:220px; min-height:40px ;margin-right:5px; color:black;}

@media only screen and (max-width:500px)
{
.vis_adressenliste .titliste {font-size:18px; font-variant:small-caps; margin-top:3px;} 
}

@media only screen and (max-width:400px)
{
.vis_adressenliste .adrimg {width:83%;}
.vis_adressenliste .spinfo {width:220px;}
}

.vis_adressenliste .spinfo .p1 {font-size:16px;}
.vis_adressenliste .spinfo .p2 {font-size:13px;}
.vis_adressenliste .spnr {float:none; width:45px; height:50px; margin-bottom:5px; border:1px solid white;padding:1px}
.vis_adressenliste .spnr:hover {border:1px solid black; transition:0.7s;}
.vis_adressenliste .spnr p {font-size:11px; color:black}

.vis_adressenliste .edit
{
 width:280px; 
 position:relative;
 padding:10px;
 padding-bottom:20px;
 border:1px solid Gray; 
 border-radius:3px;
 background-color:white;
 margin-bottom:20px;
 margin-right:0px;
 box-shadow: 5px 4px 4px gray;
}

.vis_adressenliste .edit .beenden
{
 font-size:11px;
 position:absolute;
 right:10px;
 border:1px solid gray;
 padding:5px;
 background-color:lightgray;
 border-radius:10px;
 }

.vis_adressenliste .edit p{ font-size:10px; margin-left:5px;}
.vis_adressenliste .edit .norm {margin-bottom:5px; margin-right:5px;}
.vis_adressenliste .edit .left {float:left;margin-bottom:5px; margin-right:5px;}

.vis_adressenliste .edit .meldung {margin:10px; margin-bottom:0px; color:green;}
.vis_adressenliste .edit .error {margin:10px; margin-bottom:0px; color:red;}

.vis_adressenliste .strblock
{
 xmin-height:280px;
 width:310px;
 float:left; 
 margin-right:15px;
 margin-top:5px;
}


.vis_adressenliste .edtit
{
 font-size:12px;
 position:relative;
 float:left;
 width:100px;
}
.vis_adressenliste .titno
{
 font-size:12px;
 position:relative;
}

.vis_adressenliste .anmbut
{
 font-size:12px;
 position:relative;
 margin-top:10px;
}

.vis_adressenliste .anmtit { margin:5px;}

.vis_adressenliste .strasse .gmap { font-size:18px; margin:5px;}

.vis_event { }

.vis_artikelliste { max-width:900px; }

.vis_event .ktitel
{
 font-size:20px;
 color:black;
 margin-bottom:10px;
 margin-left:10px;
}

.arttitel {border:0px dotted green; margin-left:10px; margin-bottom:10px;}
.arttitel h1 {font-size:18px; font-weight:normal; margin:0px;padding:0px;}
.arttitel h2 {font-size:14px; font-weight:normal; margin:0px; font-color:green; padding:0px; margin-left:2px;}

.eventliste
{
 position:relative;
 border:1px solid lightgray;
 border-radius:6px;
 padding:10px;
 background-color:white;
 color:black;
 box-shadow:5px 6px 6px gray; 
 margin-right:0px;
}

.eventdate
{
 float:left;
 margin-top:2px;
 margin-right:10px;
 font-size:14px;
 color:#303030;
 min-height:40px;
}

.eventdateno, .eventnew
{
 padding:2px;
 float:left;
 margin-top:2px;
 margin-right:10px;
 font-size:14px;
 color:black;
 background:yellow;
}

.eventnew
{
background:#FF6600;
color:white;
border:1px solid green;
}
.eventort
{
 font-size:16px;
 font-variant:small-caps;
}

.eventinfo
{
 height:16px;
}

.eventtext
{
 border:1px solid lightgray;
 border-radius:6px;
 background-color:white;
 padding:10px;
 margin-top:10px;
}

.eventlink {position:relative; margin-bottom:10px; clear:both; padding-bottom:5px;}
.eventlink h2
{
 font-size:18px;
 font-weight:normal;
 font-variant:small-caps;
 color:#black;  margin:0px; margin-bottom:5px; text-align:left;
 xborder-bottom:1px solid lightgray;
}

.eventleer {clear:both; height:10px;}

.eventlink:hover {color:blue;}
.eventrubrik { text-decoration:none; font-size:17px; font-style:normal; color:#303030;}

.NoArtikel
{
 border:1px solid gray;
 border-radius:6px;
 background-color:yellow;
 color:black;
 margin:0px;
 margin-top:10px;
 margin-bottom:10px;
 padding:10px;
 font-size:16px;
 text-align:left;
 max-width:920px;
}

.number {width:30px;  margin-right:10px; float:left; text-align:right;}


.vis_unterkunft
{
 
}

.vis_unterkunft .leerzeile {height:10px;}

.vis_unterkunft h3 {color:black; font-size:22px; font-weight:normal; font-variant:small-caps; margin:0px;  }
.vis_unterkunft h4 {color:black; font-size:18px; font-weight:normal; margin:10px; margin-bottom:5px;}

.vis_unterkunft .titel {margin-left:15px; font-size:16px;}
.vis_unterkunft .titelinfo {margin-left:15px; margin-bottom:5px; font-size:14px; color:gray}

.vis_unterkunft .link:hover, .vis_unterkunft .titelinfo:hover {color:blue;}

.vis_unterkunft .auswahl
{
 min-height:100px;
 border:1px dotted blue;
 margin-bottom:10px;
}

.emleft {float:left; margin-right:10px; }
.emleft p, .frcode p {font-size:11px;margin-left:5px;}
.emcode {width:120px;}

.frpost {clear:both;margin-top:20px;}

.titelartikel {margin-bottom:10px;}

.titelartikel h1 {font-size:19px;}
.titelartikel h2 
{
 font-size:14px; 
 font-weight:normal;
 color:darkgray; margin:0px; margin-left:5px; padding:0px;
 } 
 
.hdimage
{
 position:relativ;
 border:1px solid black;
 width:98%;
 border-radius:6px;
 margin-bottom:15px;
 box-shadow:5px 6px 6px gray;
}

.neweditbox
{
 position:relative;
 float:left;
 clear:both;
 margin-right:5px;
 margin-bottom:10px;
}

.noedit
{
 visibility:hidden;
 height:0px;
}

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

.kurzinfo, .adresse {clear:both; margin-bottom:5px; padding:0px;}
.kurzinfo p, .adresse p {font-size:18px; font-variant:small-caps; margin:0px; margin-bottom:5px;}
.textinfo {font-size:12px; position:relative; margin-bottom:5px; margin-left:5px; }

.leerspalte {float:left; width:10px;height:40px;}

.vis_anmelden 
{
 border:1px solid black;
 padding:10px;
 border-radius:6px;
 background-color:#FFCC00;
 max-width:420px;
 clear:both;
 margin-bottom:10px;
 margin-top:10px;
}

.vis_anmelden .titel {font-size:16px; padding:6px;}

.anmeldeformular .start {clear:both; position:relative;padding:10px;  width:90px;}

.anmeldeformular .meldung {clear:both; position:relative; padding-left:10px; padding-top:5px; color:blue;}
.anmeldeformular .error {clear:both; position:relative; padding-left:10px; padding-top:5px; color:red;}

.anmelden {float:left;margin-left:5px;}
.anmelden p {font-size:11px; padding-left:5px;}

.vis_user
{
 position:relative;
 border:1px solid gray;
 padding:9px;
 height:19px;
 border-radius:3px;
 margin:0px;
 margin-bottom:10px;
 background-color:white;
 max-width:878px;
}

.xxhelp {position:absolute; top:3px; right:-22px;}
.xxhelptext {position:absolute; top:-20px; right:-20px;}
.xxclose {top:20px;}

.vis_userliste
{
 border:1px solid gray;
 padding:10px;
 border-radius:6px;
 background-color:white;
 min-width:380px;
 max-width:660px;
}

.vis_userliste .edit .titel {margin-bottom:10px;}

.vis_userliste .zeile {position:relative;clear:both; margin-left:10px; min-height:20px; height:auto;border-top:1px dotted lightgray;w}
.vis_userliste .name {position:relative; float:left; width:200px; }
.vis_userliste .name a {color:black;}
.vis_userliste .fname {position:relative; float:left; width:200px;}
.vis_userliste .fname a {color:red; }
.vis_userliste .klasse {position:relative; float:left; width:50px;}
.vis_userliste .date {position:relative; float:left; width:150px;}


.vis_userliste .edit 
{
 position:relative;
 border:1px solid gray;
 border-radius:3px;
 background-color:#CCCC66;
 padding:10px;
 margin:5px;
 margin-bottom:10px;
}

.fnewline {clear:both; margin:5px;}
.fspaceline {clear:both; margin:10px;  }

.fbutton {clear:both; margin:10px; margin-top:15px;}
.fbutton .info {float:left; margin-right:10px;color:red; font-size:16px; padding-top:3px;}

.fbutton input {padding:5px; border:1px solid gray; border-radius:3px; }
.fbutton input:hover {background-color:white; border:1px solid black; transition:0.5s;}


.finput, .fkinput 
{
 position:relative; float:left; margin-bottom:5px; margin-right:5px;
}
.finput input {border:2px solid white; width:100%; margin-right:10px;}
.finput .readonly {height:16px; border:2px solid #F7E1DC;}

.fdate {float:left; margin-bottom:5px; margin-right:5px;  padding-right:2px; width:132px;}
.fdate input {border:2px solid white;  width:100%}
.fdate .readonly {height:16px; border:2px solid #F7E1DC;}

.fkinput input{color:red; }

.finput p, .fkinput p, .fdate p {font-size:11px; padding-left:5px; color:black}

.fcheck 
{
 position:relative; 
 float:left;
 margin-right:10px;
 height:30px;  
 text-align:left;
 width:auto;
}

.fcheck p {font-size:11px; color:black; text-align:left;}

.fuserimg
{
 position:relative; 
 float:left;
 width:120px;
 border:1px solid gray;
 margin-right:10px;
}

.space {position:relative; float:left; min-width:10px;}

.systembutton {float:left; margin-right:10px; margin-top:5px;}

.systembutton input {padding:5px; border:1px solid gray; border-radius:3px;}
.systembutton input:hover { border:1px solid black; background-color:green; color:white; transition:0.5s;}

.vis_systemlogin 
{
 border:0px solid gray;
 float:left;
 background-color:white;
 color:black;
 padding:0px;
 border-radius:6px;
 margin:0px;
 margin-top:0px;
 margin-bottom:0px;
}

.systemlogin
{
 position:relative;
 border:1px solid gray;
 border-radius:6px;
 padding:10px;
 width:280px;
 background-color:lightgray;
 margin:10px;
}

.systemlogin h1 {font-size:18px; margin-bottom:10px; }

.stammdaten, .stammdatenliste 
{
 position:relative;
 border:1px solid gray;
 border-radius:6px;
 margin-top:10px;
 padding:10px;
 background-color:lightgray;
}

.stammdatenliste {font-size:12px; color:black; background-color:white} 
.stammdaten h1, .stammdatenliste h1  {margin-bottom:10px;}
.stammdaten .beg h1, .stammdaten .rub h1 {font-size:15px; margin:5px;}

.stammdaten .beg
{
 position:relative;
 height:185px;
 width:255px;
 padding:5px;
 margin:5px;
 margin-left:0px;
 float:left; 
 border:1px solid gray;
 background-color:#EEEEEE;
}

.but1 {width:80px; position:absolute; left:170px; top:30px; cursor:pointer;} 
.but2 {width:80px; position:absolute; left:170px; top:60px; cursor:pointer;}
.mel  {color:blue; padding-left:5px;}

.stammdaten .rub
{
 position:relative;
 height:185px; 
 width:255px;
 padding:5px;
 margin:5px;
 margin-left:0px;
 float:left;
 border:1px solid gray;
 background-color:#EEEEEE;
}

.dright {float:left; text-align:right; margin-right:10px; height:20px;}
.dleft  {float:left; height:20px; margin-right:10px;}

.dbinfo 
{
 position:relative;
 color:darkred;
 background-color:white;
 padding:15px;
 margin-bottom:10px;
 margin-left:5px;
 border:1px solid gray;
 border-radius:6px;
 float:left;
 box-shadow:5px 6px 6px gray;
}

.headerrubrik
{
 Font-size:22px;
 margin-bottom:10px; 
 border-bottom:1px solid gray;
 padding-left:5px;
 padding-bottom:5px;
 font-variant:small-caps; font-weight:normal;
}

.listeauswahl
{
 Font-Size:12px;
 position:relative;
 float:left;
 padding:7px;

 margin-top:1px;
}

.listeauswahl select {Font-size:14px; border:1px dotted lightgray; background-color:#F4F4E6;}

.systemfunktionen {margin-top:10px;margin-left:1px;}

.edselect 
{
 margin-bottom:5px;
}

.edselect select {border-radius:3px;  border:1px solid gray;}

.divlink, .kvglink, .dblink
{
 cursor:pointer;
 color:black;
 margin-left:10px;
}

.themalink
{
 cursor:pointer;
 color:black;
 float:left;
}
.themalink:hover {color:red;}

.firmalink {cursor:pointer; color:black;}

.nodivlink {margin-left:10px;}
.nofree {backgroundcolor:yellow;}

.dblink {margin-left:10px;}


.kvglink {margin-bottom:12px;}

.firmalink {font-size:16px;}

.divlink:hover, .kvglink:hover, .firmalink:hover, .dblink:hover { color:red;} 

.vis_tab, .vis_tabdiv 
{
 position:relative;
 float:left;
 border:1px solid gray;
 padding:10px;
 padding-bottom:20px;
 background-color:white;
 border-radius:3px;
 box-shadow:5px 8px 8px gray;
 margin-top:15px;
} 

.vis_tab h1, .vis_tabdiv h1 {margin-bottom:10px;}

.dheader {font-size:15px; border-bottom:1px dotted gray; margin-bottom:8px;}
.dinfo {font-size:12px;}

.dtab1, .dtab2, .dtab3, .dtab4, .dtab5, .dtab6, .dtab7 {float:left;}

.dtab1 { width:140px;}
.dtab2 { width:55px;}
.dtab3 { width:55px;}
.dtab4 { width:53px;}
.dtab5 { width:60px;}
.dtab6 { width:80px;}
.dtab7 { width:70px;}


.nofun {float:left; width:0px;}

@media only screen and (max-width:900px) { .nofun {width:0px; visibility:hidden;} }


 
@media only screen and (max-width:600px)
{
 .dtab1 { width:180px; float:none; font-size:15px; margin-top:5px; font-variant:small-caps;}
 
}

.vis_leerzeile {clear:both;height:10px;}

.stmdaten
{
 border:0px dotted green;
 margin-bottom:10px;
}
.stmdaten .image
{
 position:relative;
 float:left;
 border:0px solid gray;
 width:100px;
 min-height:100px;
 margin-right:10px;
 border-radius:3px;
}
.stmdaten h1 {font-size:16px; font-variant:normal}
.stmdaten p  {margin-left:5px; font-size:13px;}
.stmdaten .telefon {margin-left:5px; margin-top:5px; font-size:12px;}


@media only screen and (max-width:600px)
{
 .stmdaten .image { visibility:hidden; min-height:0px; width:0px; margin-right:0px}
}

.editkommentar
{
 border:1px solid gray;
 border-radius:3px;
 padding:10px;
 background-color:lightgray;
}

.editkommentar .hd {color:black;margin-bottom:10px;}
 
.iconheader 
 {
  border:1px solid gray;
  width:98%;
  background-color:green;
  border-radius:6px;
  overflow:hidden;
  max-height:100px;
  box-shadow:5px 6px 6px gray;
  }
  
.iconline 
 {
  width:100%;
  background-color:tranparent;
  border-radius:6px;
  overflow:hidden;
  max-height:100px;
  }

.vis_imgbutton  { border-radius:0px;}

.vis_leftimgbutton 
{
 float:left;
 border-radius:0px;
 margin-right:10px;
 margin-bottom:10px;
}

.vis_imgbutton .butlink, .vis_leftimgbutton .butlink
{ 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size:15px; 
 border:1px solid #6699CC;
 border:1px solid gray;
 background-color:#6699CC; 
 border-radius:0px;
 padding:4px;
 padding-bottom:5px;
 color:white;
}

.vis_imgbutton .butlink:hover, .vis_leftimgbutton .butlink:hover   { background-color:white; } 


.nofile {position:relative; height:35px; float:right;} 
.nofile p {padding:6px; padding-right:15px} 


.titel h1 {margin:0px, padding:0px color:black;}
.titel h2 {font-size:14px; font-weight:normal; margin:0px; margin-left:5px; color:gray;}


.vis_window .con1
{
 float:left;
 background-color:white;
 padding-top:10px;
}

.con1 .box
{
 padding:10px;
 margin-bottom:15px;
 margin-right:15px;
 box-shadow:5px 6px 6px gray; 
 min-height:50px;
}

.vis_timecode, .vis_timecode_s
{
 border:1px solid gray;
 border-radius:6px;
 padding:15px;
 width:300px;
 min-height:390px;
 background-color:white;
 color:black;
 box-shadow:5px 6px 6px gray; 
 margin-bottom:20px; 
}

.vis_timecode h1 {font-size:18px; font-variant:normal; font-weight:normal; margin:0px; margin-bottom:10px;}

.vis_timecode table {color:black;}
.vis_timecode th  {font-weight:normal; font-size:14px; color:black; padding:0px; margin:0px; text-align:left; padding-left:5px;}
.vis_timecode td  {text-align:left; color:#696969}


.hdcheck 
{
 position:relative;
 border:1px solid lightgray; 
 float:left; 
 padding:5px 10px 5px; 
 margin-right:5px; 
 margin-top:5px;
 margin-bottom:0px; 
 background-color:#FFFFEE;
 border-radius:3px;
 height:55px;
 width:265px;
}
.hdcheck p {margin:0px; padding:0px; font-size:13px;margin-bottom:2px;}
.hdcheck .editcheck {font-size:11px; margin-top:0px;}
.hdcheck .editcheck p {font-size:11px;}


.content_submen li {margin-right:5px; }

.aktuelleseite 
{ 
 background-color:lightgreen; 
 padding:0px; padding-left:3px; 
 padding-right:3px; 
 color:#FFFFFF; 
 border-radius:3px; 
 margin-right:5px;
 font-size:13px;
 background-color:green;
 }
 

.funerror {margin-left:10px;width:99%}

.fucode {color:darkred}


.vis_centerimg
{
 border:1px solid gray;
 border-radius:6px;
 box-shadow:5px 6px 6px gray; 
 margin: auto;
}

.tildetop, .tildepos {clear:both;position:relative; float:left;  margin-left:10px; margin-bottom:5px; font-weight:bold;} 


.vis_info 
{
 
}

.infotitel {margin-bottom:10px;}
.infotitel h1, .infotitel h2 {margin:0px; margin-left:5px;}

.info {border:0px dotted green; margin:10px; margin-top:10px;}
.infotit {font-weight:bold; margin-bottom:5px;}

.vis_info_s   {width:99%; float:left; border-radius:6px; margin-right:20px; margin-bottom:20px; box-shadow:5px 6px 6px gray; }
.vis_info_s30 {width:30%; float:left; border-radius:6px; margin-right:20px; margin-bottom:10px; box-shadow:5px 6px 6px gray; }
.vis_info_s40 {width:40%; float:left; border-radius:6px; margin-right:20px; margin-bottom:10px; box-shadow:5px 6px 6px gray; }
.vis_info_s50 {width:50%; float:left; border-radius:6px; margin-right:20px; margin-bottom:10px; box-shadow:5px 6px 6px gray; }

.infolink {float:left; border:1px dotted transparent; margin:10px; font-weight:bold; cursor:pointer; padding:5px;}
.infolink:hover {border:1px solid gray; border-radius:6px;} 


@media only screen and (max-width:600px)
{
 .vis_info_s30 {width:100%}
 .vis_info_s40 {width:100%}
 .vis_info_s50 {width:100%}
}

.insertinfo 
{
 position:relative;
 float:left;
 padding:15px;
 border: 1px solid gray;
 border-radius:6px;
 background-color:yellow;
}

.insertinfo .infolink:hover {background-color:white;}

.satzinfo {margin-left:10px;}

.insertback {clear:both; margin:0px}

.infotab {padding:5px}

.tabtext
{
 border:0px dotted green;
 margin-bottom:10px;
}

.vis_settitel_s
{
 border:1px solid gray;
 border-radius:6px;
 color:black;
 background-color:white;
 padding:5px;
 padding-bottom:5px;
 box-shadow:5px 6px 6px gray;
 margin-bottom:15px;
}

.vis_settitel_img
{
 border:1px solid gray;
 border-radius:6px;
 padding:5px;
 padding-bottom:5px;
 box-shadow:5px 6px 6px gray;
 background-image: url('/+vis20/imgvis/header_stm.jpg');
 margin-bottom:15px; 
}

.vis_settitel_img .titelinfo h1, .vis_settitel_img .titelinfo h2 {color:white;}

.vis_wetter
{
 float:left;
 width:305px;
 box-shadow:5px 6px 6px gray;
 background-color:white;
 margin-bottom:15px;
 margin-right:20px;
 border-radius:6px;
 padding:10px;
}

.wetter 
{
 border:2px solid;
 border-color:gray;
}

.wettererror
{
 margin:20px;
 margin-top:20px;
 border:1px solid black;
 border-radius:4px;
 padding:15px;
 background-color:white;
}

.hinweisbilder {padding:5px; padding-left:10px;}

.noimage {margin:0px; min-height:20px; border:1px solid black; background-color:green; padding:10px; margin-bottom:0px; text-align:right; color:black} 
.noimage p {color:yellow;} 


/* vis_box ---------------------------------------- */

.vis_box {margin:0px; margin-bottom:px; width:100%;}
.vis_box .box {text-align:justify}

.vis_box_s {margin-bottom:10px;}

.box {border-radius:0px}
.box img {}
.box_shadow { margin:0 20px 20px 0; box-shadow:5px 6px 6px gray}

.vis_box_s10 .titelinfo, .vis_box_10 .titelinfo {visibility:hidden; height:0px}
.vis_box_s10 .boxfoto, .vis_box_10 .boxfoto {visibility:hidden; height:0px}

.vis_box_s10, .vis_box_r10 {float:left; width:10%; margin-bottom:0px}
.vis_box_s20, .vis_box_r20 {float:left; width:20%; margin-bottom:0px}
.vis_box_s30, .vis_box_r30 {float:left; width:30%; margin-bottom:0px}
.vis_box_s40, .vis_box_r40 {float:left; width:40%; margin-bottom:0px}
.vis_box_s50, .vis_box_r50 {float:left; width:50%; margin-bottom:0px}
.vis_box_s60, .vis_box_r60 {float:left; width:60%; margin-bottom:0px}
.vis_box_s70, .vis_box_r70 {float:left; width:70%; margin-bottom:0px;}
.vis_box_s80, .vis_box_r80 {float:left; width:80%; margin-bottom:0px}
.vis_box_s90, .vis_box_r90 {float:left; width:90%; margin-bottom:0px}

.vis_box_w50 {float:left; width:50%; margin-bottom:0px;}

.vis_box_rs10 {float:right; width:10%; margin-bottom:0px; margin-left:20px}
.vis_box_rs20 {float:right; width:20%; margin-bottom:0px; margin-left:20px}
.vis_box_rs30 {float:right; width:30%; margin-bottom:0px; margin-left:20px}
.vis_box_rs40 {float:right; width:40%; margin-bottom:0px; margin-left:20px}
.vis_box_rs50 {float:right; width:50%; margin-bottom:0px; margin-left:20px}
.vis_box_rs60 {float:right; width:60%; margin-bottom:0px; margin-left:20px}
.vis_box_rs70 {float:right; width:70%; margin-bottom:0px; margin-left:20px}
.vis_box_rs80 {float:right; width:80%; margin-bottom:0px; margin-left:20px}
.vis_box_rs90 {float:right; width:90%; margin-bottom:0px; margin-left:20px}

.vis_box_10 {float:left; width:10%; margin:0px}
.vis_box_20 {float:left; width:20%; margin:0px}
.vis_box_30 {float:left; width:30%; margin:0px}
.vis_box_40 {float:left; width:40%; margin:0px}
.vis_box_50 {float:left; width:50%; margin:0px}
.vis_box_60 {float:left; width:60%; margin:0px}
.vis_box_70 {float:left; width:70%; margin:0px}
.vis_box_80 {float:left; width:80%; margin:0px}
.vis_box_90 {float:left; width:90%; margin:0px}

.vis_box_r10 {float:right; width:10%; margin:0px; margin-left:20px}
.vis_box_r20 {float:right; width:20%; margin:0px; margin-left:20px}
.vis_box_r30 {float:right; width:30%; margin:0px; margin-left:20px}
.vis_box_r40 {float:right; width:40%; margin:0px; margin-left:20px}
.vis_box_r50 {float:right; width:50%; margin:0px; margin-left:20px}
.vis_box_r60 {float:right; width:60%; margin:0px; margin-left:20px}
.vis_box_r70 {float:right; width:70%; margin:0px; margin-left:20px}
.vis_box_r80 {float:right; width:80%; margin:0px; margin-left:20px}
.vis_box_r90 {float:right; width:90%; margin:0px; margin-left:20px}



.vis_box_s .box,
.vis_box_s10 .box, .vis_box_s20 .box, .vis_box_s30 .box, .vis_box_s40 .box,
.vis_box_s50 .box, .vis_box_s60 .box, .vis_box_s70 .box, .vis_box_s80 .box,.vis_box_s90 .box,
.vis_box_rs10 .box, .vis_box_rs20 .box, .vis_box_rs30 .box, .vis_box_rs40 .box,
.vis_box_rs50 .box, .vis_box_rs60 .box, .vis_box_rs70 .box, .vis_box_rs80 .box, .vis_box_rs90 .box
{
 border:1px solid gray; 
 border-radius:6px;
 box-shadow:5px 6px 6px gray; 
 margin-right:20px;
 margin-bottom:15px;
 padding:0px;
}

.vis_box_sr50 .box, .vis_box_sr60 .box {margin-right:30px;}

.vis_box_w50 .box {background-color:white; padding:15px;}

.vis_box, .vis_box_s, .vis_box_100  
{
 position:relative;
 clear:both;
 width:100%; 
 margin:0px;
 padding:0px;
}
 
 
 
.vis_box_100 {margin-bottom:15px;}
 
 


.vis_box_cs30 {float:none; width:30%; margin-bottom:20px;}
.vis_box_cs40 {float:none; width:40%; margin-bottom:20px;}
.vis_box_cs50 {float:none; width:50%; margin-bottom:20px;}
.vis_box_cs60 {float:none; width:60%; margin-bottom:20px;}
.vis_box_cs70 {float:none; width:70%; margin-bottom:20px;}
.vis_box_cs80 {float:none; width:80%; margin-bottom:20px;}
.vis_box_cs90 {float:none; width:90%; margin-bottom:20px;}


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


@media only screen and (max-width:1150px)
{
.vis_box_s20 .boxcr, .vis_box_20 .boxcr {visibility:hidden; height:0px}
.boxfoto {font-size:11px}
}

@media only screen and (max-width:750px) 
{
.vis_box_s10, .vis_box_cs10, .vis_box_10 {float:none;width:100%; margin-bottom:20px}
.vis_box_s20, .vis_box_cs20, .vis_box_20 {float:none;width:100%; margin-bottom:20px}
.vis_box_s30, .vis_box_cs30, .vis_box_30 {float:none;width:100%; margin-bottom:20px}
.vis_box_s40, .vis_box_cs40, .vis_box_40 {float:none;width:100%; margin-bottom:20px}
.vis_box_s50, .vis_box_cs50, .vis_box_50, .vis_box_w50 {float:none;width:100%; margin-bottom:20px}
.vis_box_s60, .vis_box_cs60, .vis_box_60 {float:none;width:100%; margin-bottom:20px}
.vis_box_s70, .vis_box_cs70, .vis_box_70 {float:none;width:100%; margin-bottom:20px}
.vis_box_s80, .vis_box_cs80, .vis_box_80 {float:none;width:100%; margin-bottom:20px}
.vis_box_s90, .vis_box_cs90, .vis_box_90 {float:none;width:100%; margin-bottom:20px}

}


.inserttitel {margin-bottom:8px;}
.inserttitel h1 {font-size:16px;font-variant:normal; margin:0px; padding:0px; color:black}
.inserttitel h2 {font-size:12px; margin:0px; padding:0px; padding-left:2px; color:gray}

.bildinfo  
{
 position:absolute;
 bottom:0px;
 color:white;
 height:99%;
 width:99%;
 font-family: courier;
 font-size:16px;
 border:0px solid red;
 }

.htext {position:absolute; margin-left:20px; bottom:10px; }
.ntext {margin-left:10px;}

.xvis_box_s40 .htext  {font-size:2vw}  
.xvis_box_s40 .ntext  {font-size:1.3vw} 

.xvis_box_s50 .htext  {font-size:3vw} 
.xvis_box_s50 .ntext  {font-size:2vw} 




@media only screen and (max-width:600px)
{
 .vis_box  .htext {font-size:6vw }
 .vis_box  .ntext {font-size:2.5vw }
 .vis_box_s20  .htext {font-size:6vw }
 .vis_box_s20  .ntext {font-size:2.5vw }
 .vis_box_s30  .htext {font-size:6vw }
 .vis_box_s30  .ntext {font-size:2.5vw }
 .vis_box_s40  .htext {font-size:6vw }
 .vis_box_s40  .ntext {font-size:2.5vw }
 .vis_box_s50  .htext {font-size:6vw }
 .vis_box_s50  .ntext {font-size:2.5vw }
 .vis_box_s60  .htext {font-size:6vw }
 .vis_box_s60  .ntext {font-size:2.5vw }
 .vis_box_s70  .htext {font-size:6vw }
 .vis_box_s70  .ntext {font-size:2.5vw }
 .vis_box_s80  .htext {font-size:6vw }
 .vis_box_s80  .ntext {font-size:2.5vw }
 .vis_box_s90  .htext {font-size:6vw }
 .vis_box_s90  .ntext {font-size:2.5vw }
}


.bildtitel, .bildtitelx
{
 position:absolute;
 bottom:0px; 
 height:32px;
 left:0px;
 width:100%;
 background:transparent;
 }
 
.bildtitelx {background:white; opacity:0.4}

.bildinfotext 
{
 position:absolute;
 color:white;
 margin-left:10px;
 margin-top:5px;
 font-size:19px;
 z-index:1000;
 white-space:nowrap
} 

.boxfoto 
{
 float:left;
 margin:0px;
 font-size:15px;
 color:black;
 margin-left:15px;
 margin-top:5px;
}

.boxcr
{
 float:right;
 margin:0px;
 margin-right:35px;
 margin-top:3px;
 font-size:12px;
 color:gray;
}
 

@media only screen and (max-width:600px)
{
 .bildinfotext {font-size:14px} 
}
 
.vis_box_link {float:left; width:100px; }
.vis_box_link .box, .vis_box_link .box img {border-radius:6px; margin-bottom:0px; }
.vis_box_link .box:hover {background-color:lightblue; }

.suliste, .sunofree {border:1px solid gray; margin:5px; margin-left:20px; margin-right:30px; padding:10px; background-color:white; border-radius:6px}
.suliste:hover, .sunofree:hover {color:blue; background-color:lightgray}
.sunofree {background-color:yellow}

.dbfree {background-color:transparent}
.dbnofree {background-color:yellow}
.dbinsert {background-color:lightgreen}

.vis_box_wappen {float:left; width:100px; margin-right:15px; margin-bottom:15px}
.vis_box_logo {float:left; width:150px; margin-right:15px; margin-bottom:20px}
.vis_box_info {float:left; width:200px; margin-right:15px; border-radius:6px}

.xxvis_box_header {border:3px dotted red; top:0px}

.secliste {margin-left:5px; margin-bottom:2px}


/* Button ---------------------------- */

.butlink
{
 position:relative;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size:14px; 
 border-radius:4px; 
 border:1px solid transparent;
 background-color:#6699CC; 
 padding:8px 8px 8px 8px;
 color:white;
}

.butlink:hover {background-color:lightgray; color:black}

.vis_button_menue, .vis_button_toggle, .vis_button_black, .vis_auswahl 
{ 
 position:relative;
 float:left;
 padding:0;
 margin:0;
 margin-top:2px;
 margin-right:3px;
 margin-bottom:4px;
 border-radius:3px;
 height:38px;
 z-index:100;
 color:white;
}
.vis_auswahl_button
{
 float:left;

}

.vis_auswahl {clear:both; margin:15px; visibility:hidden;}

@media only screen and (max-width:750px)   
{
 .vis_auswahl {visibility:visible; height:38px; margin-top:15px}
}

.vis_button_s20, .vis_button_s30, .vis_button_s40, .vis_button_s50  { margin-bottom:5px;}

.vis_button_black {color:black;}

.vis_button_menue .butlink {background-color:transparent; font-size:16px;}
.vis_button_black .butlink {background-color:transparent; font-size:16px; color:black}

.vis_button_menue .butlink:hover {background-color:lightgray}
.vis_button_black .butlink:hover {background-color:white}

.vis_button .butlink {background-color:gray; font-size:14px; color:white}
.vis_button .butlink:hover {background-color:lightgray; color:black; }

.vis_button_toggle
{
 clear:both;
 width:100%;
 max-width:380px;
}


.box_header 
{
 border-radius:6px;
 margin-top:5px;
}

.rubrikheader {margin:10px;margin-right:15px; border-radius:6px;}
.hdrubrik {margin:10px; margin-right:15px; border-radius:0px; box-shadow:5px 6px 6px gray; }

/* BOX-Infos  */
/*
h1 {font-size:18px; font-variant:small-caps; font-weight:normal; margin:0px; margin-bottom:8px}
h2 {font-size:14px; margin:0px; padding:0px;  padding-left:5px; font-weight:normal;  font-style:normal; color:red}

*/


.boxinfo
{
 border:1px solid white;
 border-radius:6px;
 padding:10px;
 background:rgba(255,255,255,0.7); 
 cursor:pointer;
 color:black; 
 margin:15px;
 margin-bottom:30px;
}

n.boxinfo:hover { background:rgba(255,255,255,1);  color:black; }
.boxinfo:hover { background:rgba(200,200,20,0.8);  color:black; }

.titheader, .titheaderno 
{
 position:relative;
 border-radius:6px;
 cursor:pointer;
 padding-top:5px;
 padding-bottom:5px;
}

.titheader:hover
{ background:rgba(200,200,20,0.8); padding-left:10px; color:black;  }


.infolinks, .inforechts 
{
 position:relative;
 float:left;
 width:50%;
 margin-right:0px;
  }

.infoheader
{
 position:relative;
 margin-top:10px;
 min-width:110px;
}
.infoheader h1 {font-size:14px; font-variant:normal; padding:0px; margin:0px;} 
.infoheader h2 {padding:0px; margin-top:5px;:0px; margin-bottom:10px;}

.titheader h1 {font-size:18px; padding:0px; margin:0px; } 
.titheader h2 {padding:0px; margin_top:5px; }

.infocon
{
 float:;
 margin:0px;
 padding:0px;
 margin-bottom:10px; 
 margin-right:10px;
}

.infocon .btr 
{
 margin-right:0px;
 
 padding:10px;
 border:1px solid gray; 
 border-radius:6px;
 background-size: auto% 100%;
}

.infolinks .infocon .btr {margin-right:5px;}
.inforechts .infocon .btr {margin-left:5px;}
.rubrikimg {margin-bottom:5px; margin-left:-10px;margin-top:-10px; width:110%  } 

.infocon .btr .textheader
{
 border:1px solid white;
 border-radius:6px;
 padding:0px;
 xbackground-color:#D4FAD4;
 xbox-shadow:3px 3px 3px gray;
 margin-top:10px;
 cursor:pointer;
}
.infocon .btr .textheader:hover { border:1px solid black; background-color:white; padding:10px}

.infodate, .textdate
{
 position:absolute;
 font-size:11px;
 background:rgba(255,255,255,1);
 padding:3px;
 border-radius:3px;
 bottom:10px;
 right:10px
}

.textliste {border:1px dotted red;}
.textdate {position:relative; float:right; bottom:0px;}

.seiteninfo
{
 float:left;
 border:3px solid black;
 background-color:yellow;
 padding:20px;
 margin-left:20px;
 border-radius:10px;
}

.infoimg
{
 float:left;
 border:1px solid black;
 border-radius:6px;
 background-color:lightgray;
 margin-top:5px;
 margin-right:10px;
 margin-bottom:10px;
 margin-left:10px;
 height:110px;
 width:110px;
}

.infoleerzeile {height:20px;}

.lzinfo {clear:both; height:10px; border:1px dottted green }
.lzinfo2 {clear:both; height:20px; border:1px dottted green }

.infoimg img { height:100%}

@xmedia only screen and (max-width:1300px) {.infocon {width:50%}}
@xmedia only screen and (max-width:1100px) {.infocon {width:32%}}
@xmedia only screen and (max-width:1000px) {.infocon {width:50%}}
.infocon {width:100%} 

@media only screen and (max-width:600px)  
{
 .infocon {width:100%} 
 .vis_box_50 {width:100%;}
 .infolinks {width:100%; margin:0px}
 .inforechts {width:100%; margin:0px}
 
 .infolinks .infocon .btr {margin-right:0px;}
 .inforechts .infocon .btr {margin-left:0px;}

}

.vis_box_50 .infocon, .vis_box_s50 .infocon {width:100% }

.vis_box_s50 .infocon .btr, .vis_box_s .infocon .btr  {border:0px solid gray; }

.vis_box_s50 .btr .box, .vis_box_s .btr .box {border:0px solid red; box-shadow:none; margin:0px;} 


.preisimage
{
 position:relative;
 float:left;
 border-radius:6px;
 margin-bottom:15px;
 overflow:visible;
}

.pschild, .pschildnoimage
{
 position:absolute;
 float:left;
 border:1px solid gray;
 padding:10px;
 background-color:red;
 left:20px;
 top:20px;
 border-radius:10px;
 margin-bottom:10px;
}

.pschildnoimage {position:relative}

.pinfo 
{
 font-size:20px;
 color:white;
 margin-bottom:5px;
}

.brutto
{
 font-size:16px;
 color:white;
 margin-left:5px;
}

@media only screen and (max-width:600px) 
{
 .vis_preis_s30 {positio:absolute; left:20px; top:-40px; margin-bottom:-30px}
}

.listeseiten
{
 float:left;
 width:50%;
 margin-right:0px;
}

.infoliste {border:1px solid lightgray; border-radius:6px; background-color:white; padding:15px}

.infolinks .nr, .inforechts .nr {padding:px; margin-top:10px; float:left; font-size:12px}

.infolinks .seite, .inforechts .seite 
{
 margin-bottom:10px;
 padding:5px;
 padding-left:0px;
 border:0px dotted blue;
 border-radius:4px;
 cursor:pointer;
 left:-3px;
}

.infolinks .seite:hover, .inforechts .seite:hover {background:rgba(200,200,20,0.8)}

.infolinks .seite h1, .inforechts .seite h1 {font-size:16px; margin-top:2px; color:black}

.butliste
{
 float:left;
 border:1px solid gray; padding:5px; border-radius:4px;
 margin-left:5px;
 margin-top:5px;
 cursor:pointer;
}

.butliste:hover {background-color:green; color:white}

.uidseite 
{
 border:1px solid gray;
 border-radius:6px;
 min-height:50px;
 padding:20px;
 margin-bottom:10px;
 background-color:white;
}

.uidtitel {border-bottom:1px solid gray; margin-bottom:15px;padding-bottom:5px;}

.edituid {padding:5px;}

.uidedit, .uidnofree
{
 position:absolute;
 width:40px;
 right:0px;
 top:0px;
 border:1px solid gray;
 border-radius:4px;
 padding:3px;
 padding-left:15px;
 cursor:pointer;
 background-color:lightgray;
 }
 
.uidnofree {background-color:yellow}

.uidedit:hover {background-color:white; transition:0.5s;}



.vis_window, .vis_window_s  {}

.vis_window_10, .vis_window_s10 {float:left;width:10%}
.vis_window_20, .vis_window_s20 {float:left;width:20%; margin-top:8px}
.vis_window_30, .vis_window_s30 {float:left;width:30%}
.vis_window_40, .vis_window_s40 {float:left;width:40%}
.vis_window_50, .vis_window_s50 {float:left;width:50%}
.vis_window_60, .vis_window_s60 {float:left;width:60%}
.vis_window_70, .vis_window_s70 {float:left;width:70%}
.vis_window_80, .vis_window_s80 {float:left;width:80%}
.vis_window_90, .vis_window_s90 {float:left;width:90%}

.vis_window_header {float:none;width:100%, border-radius:0px;}

@media only screen and (max-width:750px)  
{
.listeseiten {width:100%;}
.vis_window_10, .vis_window_s10 {float:none;width:100%}
.vis_window_20, .vis_window_s20 {float:none;width:100%}
.vis_window_30, .vis_window_s30 {float:none;width:100%}
.vis_window_40, .vis_window_s40 {float:none;width:100%}
.vis_window_50, .vis_window_s50 {float:none;width:100%}
.vis_window_60, .vis_window_s60 {float:none;width:100%}
.vis_window_70, .vis_window_s70 {float:none;width:100%}
.vis_window_80, .vis_window_s80 {float:none;width:100%}
.vis_window_90, .vis_window_s90 {float:none;width:100%}
}

.fotocr {margin-top:0px; margin-bottom:5px;}
.fotocr .foto {float:left; padding-left:10px; font-size:14px; color:black}
.fotocr .cr {float:right; padding-right:25px;  font-size:12px; color:gray}

.vis_window_s10 .winbox, .vis_window_s20 .winbox, .vis_window_s30 .winbox, .vis_window_s40 .winbox,
.vis_window_s50 .winbox, .vis_window_s60 .winbox, .vis_window_s70 .winbox, .vis_window_s80 .winbox,    
.vis_window_s90 .winbox {box-shadow:5px 6px 6px gray;}

.vis_window_s10 .fotocr, .vis_window_s20, .vis_window_s30 .fotocr, .vis_window_s40 .fotocr,
.vis_window_s50 .fotocr, .vis_window_s60, .vis_window_s70 .fotocr, .vis_window_s80 .fotocr,
.vis_window_s90 .fotocr {margin-top:-8px;}

.winboxtitel  {margin:5px;}
.wininfotitel {margin:8px;}

.winboxseite {border:0px dotted blue;}

.fotocr {margin-top:8px;}
.fotocr .foto {float:left; padding-left:10px; font-size:14px; color:black}
.fotocr .cr {float:right; padding-right:25px;  font-size:12px; color:gray}

.link {cursor:pointer;}
.link:hover {opacity:0.8;}

.vis_mehr {position:relative; float:right; font-size:17px;  top:-25px}
.vis_mehr a {color:darkred;}
.vis_mehr a:hover {color:blue;}


@media only screen and (max-width:750px)
{
.vis_mehr {position:relative; float:none; clear:both; font-size:17px; top:0px; margin-bottom:10px}
}

.vis_scroll 
{
  animation: marquee;
  animation-duration: 20s;
  animation-timing-function: linear;
  animation-direction: alternate, reverse, normal;
  animation-delay: 2s; 
  animation-fill-mode: both;
  animation-iteration-count:infinite;
  animation-fill-mode: forwards;
 
  display: block;
  width:100%;  position: relative
  white-space: nowrap;
  padding:5px;
}

@keyframes marquee
{
 from {transform: translateX(100%);  }
 to {transform: translateX(-100%); }
}

.linkicon {position:relative; float:left; height:30px}
.vislink  {position:relative; padding-bottom:0px; margin-left:10px;} 
.vislink .caption {font-size:18px; }

.infotextlink {cursor:pointer;}
.infotextlink:hover {color:red;}
.inftexticon {position:relative;float:left;}
.inftext {position:relative;float:none; margin-bottom:7px}
.vis_copyright {margin-left:10px;}


.vis_tankstellenpreise
{
 position:relative;
 float:left;
 margin-bottom:15px;
 margin-right:15px;
 border:1px solid gray;
 padding:15px;
 border-radius:6px;
 background-color:lightgray;
 box-shadow:5px 6px 6px gray;
}

.tanken {position:relative; float:left; padding-top:13px;padding-right:15px; }
.tanken h3 {margin-left:5px;margin-top:10px; font-weight:normal; font-size:18px}


.vis_bilderliste, .vis_bilderliste_s 
{
 position:relative;
 width:100%;
 padding:0px;
 margin:0px;
 margin-top:10px;
 min-height:10px;
}

.arttitel {margin-bottom:15px;}

.artbox
{
 font-family:Helvetica;
 position:relative;
 float:left;
 border:0px solid black;
 width:100%;
 padding:0px;
 border:1px solid black;
 border-radius:6px;
 margin:0px;
 min-height:50px;
}

.folgeinfo
{
 position:absolute;
 top:10px;
 left:10px;
 padding:5px;
 background-color:white;
 border:1px solid black;
 border-radius:4px;
}

.infosatz {padding:5px;}

.artboxsatz {padding-bottom:10px;}

.vis_bilderliste_s .artbox 
{
 position:relative;
 float:left;
 margin-right:15px;
 margin-bottom:10px;
 border-radius:6px;
 border:1px solid black;
 width:95%;
 padding:0px;
 box-shadow:5px 6px 6px gray;
} 
 
.artbox h1 {font-family:Helvetica; font-variant:normal; font-size:16px; color:black }
.artbox h2 {margin:0px; font-size:12px; color:black}
.artbox .topinfo
{
 position:absolute;
 top:15px;
 right:15px;
 border:1px solid white;
 border-radius:4px;
 padding:5px;
 background-color:red;
 color:white;
}

.bildbox, .bildbox1, .bildbox2, .bildbox3
{
 position:relative;
 float:left;
 width:33.3%;
 padding:0px;
 margin:0px;
}

.bildtext 
{
 position:relative;
 clear:both; 
 padding:10px;
 padding-bottom:20px;
 background-color:white;
 text-align:justify;
}

 
.bildbox1 {width:100%;}
.bildbox2 {width:49.5%;}

@media only screen and (max-width:580px)
{
 .bildbox {width:100%; }
 .bildbox2 {width:100%;}
 .arbox{width:100%}
}

.vis_box_liste h1 {margin-bottom:0px; font-size:16px; font-weight:bold; font-variant:normal; font-weight:bold;} 
.nummer {float:left; text-align:right; width:30px; margin-left:10px}
.litxt  {margin-left:0px;padding-left:10px; margin-bottom:3px}
.boxliste {margin-right:15px; margin-bottom:20px}

.vis_textlink {padding-bottom:5px;}
.vis_textlink_aktuell {padding-bottom:5px; color:darkred; font-weight:bold;}

.icon 
{
 float:left;
 margin-right:10px;
}


.textlink:hover {cursor:pointer; color:red; }
.nolinktext {font-weight:bold; color:darkred;}


.vis_bilderliste_red .artbox .titel {background-color:red}

.vis_bilderliste_red .artbox .titel h1 {color:white}
.vis_bilderliste_red .artbox .titel h2 {color:white}

.vis_bilderliste_green .artbox .titel {background-color:green}

.vis_bilderliste_green .artbox .titel h1 {color:white}
.vis_bilderliste_green .artbox .titel h2 {color:white}



.artbox .titel { background-color:white; }

.vis_editbildliste, .vis_editbildliste_red
{
 position:relative;
 float:left;
 width:98%;
 border:1px solid black;
 border-radius:6px;
 min-height:50px;
 padding:5px;
 padding-bottom:30px;
 padding-top:10px;
 background-color:#F9F9F9;
 margin-right:15px;
 margin-bottom:15px;
}

.bildeditanz {width:50%; padding:20px; padding-top:0px}

@media only screen and (max-width:700px) 
{
 .bildeditanz {width:100%; padding:0px; padding-top:15px}
}

.vis_editbildliste .artbox {background-color:white; padding:0px}
.vis_editbildliste_red .artbox {background-color:red}
.vis_editbildliste_red .artbox h1 {color:white}
.vis_editbildliste_red .artbox h2 {color:white}

.vis_editbildliste h1 {margin-bottom:10px;}

.folge, .tabfolge {width:40px;text-align:right;}
.bild  {width:100px;}   
.tabbild {width:160px;} 
.freigabe, .tabfreigabe {width:65px}

.folge, .bild, .freigabe {float:left; margin-right:15px;}
.bild {margin-bottom:8px; width:160px; border-radius:6px;}
.tabfolge, .tabbild, .tabfreigabe {float:left; margin-right:15px; font-weight:normal}

.editformular 
{
 float:left;
 margin:0px;
 margin-right:5px;
 margin-bottom:10px;
 background-color:#F0F0F0;
 border:1px solid black;
 border-radius:6px;
 padding:15px;
}

.editformular .artbox {width:98%}

.inpname 
{
 position:relaive;
 float:left;
 height:16px;
 width:70px;
 padding-top:3px;
 padding-left:0px;
 margin-bottom:10px;
 margin-left:10px;
 font-size:13px;
}

.inptitel
{
 font-size:11px;
 margin-left:5px;
}

.blinput input {float:left; width:210px; border:1px dotted red;}

.topinput {margin-right:10px;  margin-bottom:5px;}

.toptext {float:left; margin-right:10px; top:-10px; border:1px dotted red;}
 
.wiclr {padding-left:20px;padding-right:5px; color:red;font-weight:bold;}
.dbinfoblue {color:blue; padding-left:10px;}
.dbinfored {color:red; padding-left:10px;}

.dload 
{
 border:1px solid gray;
 border-radius:6px;
 padding:5px;
 padding-bottom:10px;
 margin-top:10px;
 background-color:lightgreen;
}
.dload .info {font-size:12px; color:blue;}
.bdhtitel {padding:5px;padding-bottom:10px; font-size:16px;}
.blanmelden {margin:20px;}

.tabline 
{
 clear:both; 
 border-bottom:1px solid black; 
 height:3px; 
 margin-bottom:10px;
}

.textline 
{
 clear:both; 
 border-bottom:1px solid black; 
 height:3px; 
 margin-bottom:10px;
}

.titel h2 {color:black}

.mtitel {float:left; font-size:18px; margin-right:10px;margin-bottom:15px; }
.mtitelinfo {float:left; margin-top:2px; }

.imageinfo, .pdfinfo
{
 font-size:12px;
 position:relative;
 width:90%;
 max-width:635px;
 background-color:#F5F5F0;
 border:1px solid gray;
 border-radius:6px;
 xoverflow:auto;
 margin:0px;
 margin-bottom:5px;
 margin-right:15px;
 padding:15px;
 }
 
 .imageinfo .bild 
{
 border:1px solid black;
 width:150px;
 float:left;
 margin-right:15px;
}

.imageinfo .imgtext {margin-bottom:5px; backgromd-color:transparent;}

.imgupload, .pdfupload
{
 Position:relative;
 width:300px;
 height:320px;
 border:1px solid gray;
 border-radius:6px;
 padding:15px;
 background-color:#F5F5F0;
 overflow:hidden;
 margin-bottom:5px;
}
 
#dirbox
{
position:relative;
float:left;
width:300px;
height:320px;
background-color:#F5F5F0;
border:1px solid gray;
border-radius:6px;
margin-bottom:5px;
margin-right:5px;
overflow:auto;
padding:15px;
} 

.imganzeige {margin-bottom:0px;}

.belegt {position:relative; float:left; color:black; margin-top:2px;}

.h1  {position:relative; float:left; font-size:16px; margin-bottom:10px; margin-right:10px;}

.edit_sysmen
{
 position:relative;
 padding:4px;
 margin-left:0px;
 margin-top:10px;
}

.edit_sysmen a, .edit_anz a, .edit_clr a
{
 font-size:14px;
 color:#333333;
 padding:3px;
 background-color:lightgreen
 text-decoration : none;
 border:1px solid gray;
 border-radius:4px;
}

.edit_sysmen a:hover { background-color:red; color:white}

.archiv {Position:relative;margin-bottom:15px;}

.archiv input {margin:5px; margin-top:0px; margin-left:0px; margin-bottom:10px}

.fimage 
{
 width:100px;
 border:1px solid black;
 margin-top:5px;
 float:left;
}

.ftitel {font-size:18px;float:left; margin-right:10px; margin-bottom:5px;}
.ftext {padding-left:10px;padding-top:6px;}
.finfo {color:blue; margin-top:10px} 

.finfo input {width:90%; border:0px; color:blue; background-color:transparent}

div#edit_funktionen
{
 padding:0px;
}

div#edit_funktionen input
{
 font-family:Courier; 
}

div#edit_funktionen h4
{
 margin:8px 0px 5px 0px;
 border-bottom:1px solid lightgray;
}

#edit_funktionen p
{
 padding:2px;
 margin:0px; 
 margin-bottom:3px;
}

#edit_funktionen input
{
 font-family:Arial;
 font-size:12px;
 width:98%;
 border:0px;
 background-color:#F5F5F0;
 padding-left:2px;
}

.vis_merker {position:relative; float:left;margin-right:5px}

.mktext {position:relative; float:left; font-size:16px}

.vis_externinsert
{
 margin:10px
}

.vis_funktion {position:relative; margin-bottom:2px; margin-left:10px; width:90%}
.vis_funktion .setfun { float:left; font-size:16px;margin-top:3px; width:110px}
.vis_funktion input {border:0px; width:110%; font-size:14px}

.imagelink {cursor:pointer}

.sss {color:green; font-size:18px}

.vis_settext {margin-bottom:5px;}
.vis_settext p {font-size:14px; margin-left:3px;} 

.vis_settext .dlink {cursor:pointer; font-size:16px; color:black; margin-bottom:5px}
.vis_settext .dlink:hover {color:red}
.vis_settext .dtitel {font-size:16px; color:black; margin-bottom:3px}
.vis_settext .dinfo {font-size:14px; color:black; margin-bottom:0px}

.infotop {float:left; width:60px; height:15px}
.infotopleer {float:left; width:80px; height:15px; text-align:right}

.objectedit
{
 width:30px;
 padding:5px;
 border:1px solid black;
 margin-bottom:3px;
 border-radius:4px;
 background-color:lightgreen;
 cursor:pointer;
}

.objectedit:hover {background-color:white; transition:0.5s;}

.leftdiv {float:left; margin-right:10px; font-weight:normal; padding:0px;}
.rightdiv {float:right; margin-right:10px; font-weight:normal; padding:0px;}
.centerdiv {text-align:center;}

.cleardiv {width:auto; }

.zettel
 {
 float:left;
 background-image: url('/+vis20/imgsystem/zettel.gif');
 background-repeat:no-repeat;
 background-size:cover;
 background-size:100% 100%;
 padding:40px; 
 padding-top:50px; 
 padding-left:50px;
 margin-bottom:20px; 
}

.kltitel {font-size:22px; font-wight:normal; font-variant:small-caps}
 
.klntitel {font-size:20px; font-wight:normal; font-variant:normal}

.schild
{
 float:left;
 border:5px solid #444400;
 border-radius:8px;
 padding:20px;
 text-align:center;
 background-color:yellow;
 margin-right:20px;
 margin-bottom:20px; 
}

.ortsname {font-size:28px; font-wight:normal;}

.kurztext 
{
 float:left;
 border:1px solid #444400;
 border-radius:4px;
 padding:15px;
 box-shadow:5px 6px 6px gray;
}

.iconleft {float:left; margin-right:10px; margin-bottom:5px; }

.vis_preis, .vis_preis_gelb, .vis_preis_aktion
{
 float:left;
 border:1px solid gray;
 border-radius:6px;
 background-color:red;
 color:white;
 padding:10px;
 font-size:20px;
 font-weight:bold;
 margin-top:0px;
 margin-left:10px;
 overflow:visible;
}

.preisbox 
{
 border:1px dotted red;

}

.vis_preis_gelb, .vis_preis_aktion {background-color:yellow; color:red;}
.vis_preis_aktion {margin-top:35px;}

.preisinfo {font-size:14px;margin-left:10px; margin-right:5px; font-weight:normal;}
.preisaktion 
{
 position:absolute;
 top:-42px;
 float:left;
 border:2px solid gray;
 border-radius:10px;
 padding:8px;
 background-color:red;
 color:white;
 transform: rotate(-10deg);

}

.vis_fenster, .vis_fenster_rechts 
{
 position:relative;
 float:left;
 padding:0px;
 border:1px solid gray;
 border-radius:6px;
 width:220px;
 margin-bottom:15px;
 margin-right:15px;
 background-color:#F0EDCE;
 xxbackground-image: url('/+vis20/imgsystem/zettel.gif');
 background-repeat: no-repeat; 
 bottom:0px;
}

.vis_fenster_rechts {float:right;}

.menuetop 
{
 background-image: url('/+vis20/imgsystem/zettel.gif');
 background-repeat: no-repeat; 
 background-size:100%;
}

.vis_fenster .menuebox, .vis_fenster_rechts .menuebox  {margin:10px; }
.xxvis_fenster_sd .xxmenuebox  {margin:0px; background-color:red;}

.editmenue {margin-top:15px; border-top:1px solid black; padding:5px;}
.menueasw  {visibility:hidden; position:relative; height:0px; padding:0px; cursor:pointer }

.vis_textcontent .text {border-radius:8px; text-align:justify;}

.vis_fenster_sd
{
 border:0px solid gray;
}

.vis_menuefenster 
{
 color:black;
 background-color:#F0EDCE;
 border:1px solid gray;
 border-radius:6px;
 margin-bottom:15px;
 padding:5px;
}

.vis_counter_aks
{
 position:absolute;
 font-size:11px;
 color:gray;
 top:5%;
 right:3%;
 visibility:hidden;
}

.vis_datenbank {margin-bottom:15px}

.vis_settitel .icon {float:left; margin-top:3px}

.vis_titel_termin 
{
 border:1px solid gray;
 border-radius:6px;
 padding:4px; 
 padding-bottom:0px;
 padding-left:30px;
 margin-bottom:10px;
 width:98%;
 background-color:#626283;
}



.vis_titel_termin .titelinfo h1 {color:white; font-size:20px; font-family:Verdana; }

.vis_titel_top .titelinfo h1 { color:black; font-size:20px; font-family:Helvetica}
.vis_titel_top .titelinfo h2 { color:gray; font-size:17px}
.vis_titel .titelinfo h1 { color:black; font-size:19px}
.vis_titel .titelinfo h2 { color:gray; font-size:14px}

.vis_titelsatz .satz {float:left; font-size:20px;}
.vis_titelsatz .infosatz {float:left; font-size:14x}

.vis_titelsatz_rot .satz {float:left; font-size:20px; color:red}
.vis_titelsatz_rot .infosatz {float:left; font-size:14x; color:red}

.vis_titelsatz_top .satz
{
 float:left;
 min-height:30px;
 font-size:24px;
 padding:0px;
 margin-bottom:5px;
}
 
.vis_titelsatz_top .infosatz 
{
 float:left;
 min-height:22px;
 font-size:16px;
 padding:0px;
 padding-top:8px;
 padding-left:8px;
}

.vis_listetermine
{
  clear:both;
}

.listetitel
{
 border:1px solid black;
 border-radius:6px;
 padding:10px;
 margin-right:5px;
 background-color:#626283;

}

.listetitel h1 { color:white; font-size:18px; font-family:Verdana}
.listetitel h2 { color:lightgray; font-size:14px}

.terminliste 
{
 padding:5px;
 padding-left:2px;
}
 
.terminliste .editaktuell 
{
 cursor:move;
 background-color:lightgreen;
 float:left;
 padding-left:4px;
 padding-right:4px;
}

.terminliste .edit 
{
 cursor:pointer;
 float:left;
 padding-left:4px;
 padding-right:4px;
}

.terminliste .edit:hover 
{
 background-color:gray;
 color:white;
}

.terminliste .editalt 
{
 cursor:pointer;
 float:left;
 background-color:yellow;
 padding-left:4px;
 padding-right:4px;
}

.terminliste .editalt:hover 
{
 background-color:gray;
 color:white;
}

.edittermin
{
 border:1px solid black;
 border-radius:6px;
 box-shadow:5px 6px 6px gray;
 padding:10px;
 padding-bottom:20px;
 margin:8px;
 margin-bottom:25px;
 width:90%;
 background-color:#CCCCFF;

}

.iconcode {margin-top:50px; margin-left:30px}

.themaicon {float:left; height:19px;width:30px} 

.thema1, .thema11 {float:left; width:90px; margin-right:10px; color:black; font-size:16px}

.thema11 {float:left; font-weight:bold; margin-right:10px; }

.thema2 {float:left; width:180px; margin-right:10px}
.thema3 {min-width:200px; padding-left:4px; margin-bottom:8px}

.texttop 
{
 float:left; 
 border:1px solid gray;
 padding:4px;
 font-size:12px;
 border-radius:2px;
 background-color:lightblue;
}

.titelliste {margin-bottom:10px;}



.vis_tagesordnung
{
 border-bottom:0px solid black;
 width:90%;
 margin:10px;
}

.datetop {float:left; margin-right:10px;}

.tagsordnungtitel 
{
 margin-bottom:10px;
 border:1px solid gray;
 border-radius:6px;
 padding:10px;
 background-color:lightgray;
 clear:both;
}
.tagsordnungtitel h1 {font-family:sans-serif; font-size:18px}
 

.tgtop {float:left; margin-right:10px; height:30px}
.tgthema {float:left; margin-right:10px}
.tgzeile {clear:both;margin-bottom:10px; margin-left:10px}
.tgzeiletitel 
{
 clear:both;
 margin-bottom:10px;
 margin-left:10px;
 padding:10px;
 border:1px solid black;
 border-radius:6px;
 background-color:#CCFF66;
}

.tgthema h1 {font-family:Verdana; font-size:16px; color:black}
.tgthema h2 {font-family:Verdana; font-size:14px; color:gray; padding-left:5px; }

.topicon {float:left; width:30%;margin-bottom:10px; border-radius:6px; margin-right:10px;}

.dblink {float:left;}

.tgedit 
{
 position:absolute;
 top:0px; right:0px;
 width:30px;height:30px;
 border-radius:6px;
 margin:5px;
 cursor:pointer;
}

.tgedit:hover {background-color:green;}

.tghinweis 
{
 margin-bottom:10px;
 border:0px dotted red;
}


.tghinweis .ztit {font-size:19px;margin-bottom:5px; margin-top:15px; }
.tghinweis .z1 {float:left; font-size:14px;margin-right:10px;}
.tghinweis .z2 {width:170px;}
.tghinweis .z3 {margin-top:5px;margin-bottom:10px;}
.tghinweis .zicon {float:left; margin-right:5px; }

.editaktuell 
{
 cursor:move;
 background-color:lightgreen;
 float:left;
 padding-left:4px;
 padding-right:4px;
}

.editalt 
{
 cursor:pointer;
 background-color:yellow;
 float:left;
 padding-left:4px;
 padding-right:4px;
}

.editnew 
{
 cursor:pointer;
 float:left;
 padding-left:4px;
 padding-right:4px;
}

@media only screen and (max-width:750px) 
{
 .menuebox {visibility:hidden; min-height:0px; height:0px; margin:0px}
 .menueasw {visibility:visible; height:20px; padding:10px}
 .vis_fenster, .vis_fenster_rechts  {width:100%}
 .vis_textcontent .text {margin:10px}
 .vis_counter_aks {visibility:visible}
 .xvis_titelsatz_top .infosatz  {padding:0px}
 .vis_titel_termin {width:95%}
 
}

@media only screen and (max-width:500px)
{
 .vis_titel_toptitel .titelinfo h1 { color:black; font-size:22px}
 .vis_titel_toptitel .titelinfo h2 { color:gray; font-size:18px}
 .kltitel {font-size:20px} 
 .vis_titelsatz .infosatz, .vis_titelsatz_top .infosatz 
 {
  clear:both;
  margin:0px;
  padding:0px;
  margin-bottom:5px; 
 }
 
 .vis_tagesordnung {width:98%}
 .topicon {float:left; width:20%;margin-top:15px;}
 .edittermin {width:285px}
   
 .themaicon {visibility:hidden; float:left; height:19px; width:0px}
 .tagsordnungtitel {width:92%}
 .tghinweis .zicon {width:85px;}
}