/****************************************/
/**** AV-Manager CSS-Datei              */
/**** (c) RBC it-services 2017-2018     */
/****************************************/

/* Seitenhintergrund: body */ 
body {
background-color: #FFFFFF;
}

/* Ueberschrift */
table#titeltabelle {
width: 100%;
border: 0px;
background-color: #FFFFFF;
}
.ueberschrift {
font-family: Verdana;
font-size: 18pt;
font-weight: bold;
color: #000000;
}

.logobild {
background-image: url("https://www.dav-rbc.de/common/dav-logo.png");
background-repeat: no-repeat;
background-color: transparent;
width: 120px;
height: 57px;
}

fieldset {
color: #FFFFFF;
border: 1px solid #000000;
}

table#logintabelle {
width: 100%;
border: 0px;
background-color: #B7E996;
}

/* Legende */
.legendetitel {
font-family: Verdana;
font-size: 10pt;
color: #000000;
}

/* Logintitel */
.logintitel {
font-family: Verdana;
font-size: 10pt;
color: #000000;
}

/* Login-Labels */
.labelloginbenutzername {
font-family: Verdana;
font-size: 10pt;
color: #000000;
}
.labelloginkennwort {
font-family: Verdana;
font-size: 10pt;
color: #000000;
}
.labelloginroboter {
font-family: Verdana;
font-size: 10pt;
color: #000000;
}

.eingabelogin {
padding-left: 5px;
height: 22px;
font-family: Verdana;
font-size: 10pt;
background-color: #FFFFFF;
border-radius: 3px;
border: 1px solid #A9A9A9;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

/* Login Button */
.loginbutton {
background-color: #4CAF50;
border: none;
color: white;
padding: 7px 14px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 10pt;
margin: 2px 1px;
cursor: pointer;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
width: 185px;
border-radius: 3px;
}
.logineffekt:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

/* Hier geht es los mit den Formularfeldern */
table#formulartabelle {
width: 100%;
border: 0px;
background-color: #FFFFFF;
}

.labelanrede {
font-family: Verdana;
font-size: 10pt;
color: #000000;
background: #FFFFFF;
}
.labeltitel {
font-family: Verdana;
font-size: 10pt;
color: #000000;
background: #FFFFFF;
}
.labelvorname {
font-family: Verdana;
font-size: 10pt;
color: #000000;
background: #FFFFFF;
}
.labelnachname {
font-family: Verdana;
font-size: 10pt;
color: #000000;
background: #FFFFFF;
}
.labelgeburtsdatum {
font-family: Verdana;
font-size: 10pt;
color: #000000;
background: #FFFFFF;
}
.labelstrasse {
font-family: Verdana;
font-size: 10pt;
color: #000000;
background: #FFFFFF;
}
.labelplzort {
font-family: Verdana;
font-size: 10pt;
color: #000000;
background: #FFFFFF;
}
.labelland {
font-family: Verdana;
font-size: 10pt;
color: #000000;
background: #FFFFFF;
}
.labeliban {
font-family: Verdana;
font-size: 10pt;
color: #000000;
background: #FFFFFF;
}
.labelbic {
font-family: Verdana;
font-size: 10pt;
color: #000000;
background: #FFFFFF;
}
.labelkontoinhaber {
font-family: Verdana;
font-size: 10pt;
color: #000000;
background: #FFFFFF;
}
.labelmitgliedsnummer {
font-family: Verdana;
font-size: 10pt;
color: #000000;
background: #FFFFFF;
}
.labelemailadresse {
font-family: Verdana;
font-size: 10pt;
color: #000000;
background: #FFFFFF;
}
.labelzusatz1 {
font-family: Verdana;
font-size: 10pt;
color: #000000;
background: #FFFFFF;
}
.labelzusatz2 {
font-family: Verdana;
font-size: 10pt;
color: #000000;
background: #FFFFFF;
}
.labelzusatz3 {
font-family: Verdana;
font-size: 10pt;
color: #000000;
background: #FFFFFF;
}
.labelzusatz4 {
font-family: ###feldzusatzfeld4schriftart###;
font-size: ###feldzusatzfeld4schriftgroesse###;
color: ####feldzusatzfeld4vordergrundfarbe###;
background: ####feldzusatzfeld4hintergrundfarbe###;	
}
.labelzusatz5 {
font-family: ###feldzusatzfeld5schriftart###;
font-size: ###feldzusatzfeld5schriftgroesse###;
color: ####feldzusatzfeld5vordergrundfarbe###;
background: ####feldzusatzfeld5hintergrundfarbe###;	
}
.labelzusatz6 {
font-family: ###feldzusatzfeld6schriftart###;
font-size: ###feldzusatzfeld6schriftgroesse###;
color: ####feldzusatzfeld6vordergrundfarbe###;
background: ####feldzusatzfeld6hintergrundfarbe###;	
}
.labelzusatz7 {
font-family: ###feldzusatzfeld7schriftart###;
font-size: ###feldzusatzfeld7schriftgroesse###;
color: ####feldzusatzfeld7vordergrundfarbe###;
background: ####feldzusatzfeld7hintergrundfarbe###;	
}
.labelzusatz8 {
font-family: ###feldzusatzfeld8schriftart###;
font-size: ###feldzusatzfeld8schriftgroesse###;
color: ####feldzusatzfeld8vordergrundfarbe###;
background: ####feldzusatzfeld8hintergrundfarbe###;	
}
.labelzusatz9 {
font-family: ###feldzusatzfeld9schriftart###;
font-size: ###feldzusatzfeld9schriftgroesse###;
color: ####feldzusatzfeld9vordergrundfarbe###;
background: ####feldzusatzfeld9hintergrundfarbe###;	
}
.labelzusatz10 {
font-family: ###feldzusatzfeld10schriftart###;
font-size: ###feldzusatzfeld10schriftgroesse###;
color: ####feldzusatzfeld10vordergrundfarbe###;
background: ####feldzusatzfeld10hintergrundfarbe###;	
}

.labelnachricht {
font-family: Verdana;
font-size: 10pt;
color: #000000;
background: #FFFFFF;
}

.eingabeformular {
padding-left: 5px;
height: 22px;
font-family: Verdana;
font-size: 10pt;
background-color: #FFFFFF;
border-radius: 3px;
border: 1px solid #A9A9A9;
}
.eingabearea {
padding-left: 5px;
height: 66px;
width: 300px;
font-family: Verdana;
font-size: 10pt;
background-color: #FFFFFF;
border-radius: 3px;
border: 1px solid #A9A9A9;
}
 
/* Hinweis ausgeben */ 
.labelhinweis {
font-family: Verdana;
font-size: 10pt;
color: #000000;
background: #FFFFFF;
} 

/* Optionen */ 
.labeloption1 {
font-family: Verdana;
font-size: 10pt;
color: #FFFFFF;
background: #FFFFFF;
} 
.labeloption2 {
font-family: Verdana;
font-size: 10pt;
color: #FFFFFF;
background: #FFFFFF;
} 
.labeloption3 {
font-family: ###feldoption3schriftart###;
font-size: ###feldoption3schriftgroesse###;
color: ####feldoption3vordergrundfarbe###;
background: ####feldoption3hintergrundfarbe###;	
} 
.labeloption4 {
font-family: ###feldoption4schriftart###;
font-size: ###feldoption4schriftgroesse###;
color: ####feldoption4vordergrundfarbe###;
background: ####feldoption4hintergrundfarbe###;	
} 
.labeloption5 {
font-family: ###feldoption5schriftart###;
font-size: ###feldoption5schriftgroesse###;
color: ####feldoption5vordergrundfarbe###;
background: ####feldoption5hintergrundfarbe###;	
} 
.labeloption6 {
font-family: ###feldoption6schriftart###;
font-size: ###feldoption6schriftgroesse###;
color: ####feldoption6vordergrundfarbe###;
background: ####feldoption6hintergrundfarbe###;	
} 
.labeloption7 {
font-family: ###feldoption7schriftart###;
font-size: ###feldoption7schriftgroesse###;
color: ####feldoption7vordergrundfarbe###;
background: ####feldoption7hintergrundfarbe###;	
} 
.labeloption8 {
font-family: ###feldoption8schriftart###;
font-size: ###feldoption8schriftgroesse###;
color: ####feldoption8vordergrundfarbe###;
background: ####feldoption8hintergrundfarbe###;	
} 
.labeloption9 {
font-family: ###feldoption9schriftart###;
font-size: ###feldoption9schriftgroesse###;
color: ####feldoption9vordergrundfarbe###;
background: ####feldoption9hintergrundfarbe###;	
} 
.labelabsenden {
font-family: Verdana;
font-size: 10pt;
color: #000000;
background: #FFFFFF;
} 

/* Versende Button */
.absendenbutton {
background-color: #4CAF50;
border: none;
color: white;
padding: 7px 14px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 10pt;
margin: 2px 1px;
cursor: pointer;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
width: 250px;
border-radius: 3px;
}
.absendeneffekt:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

/* Fehlermeldung */
table#fehlertabelle {
width: 100%;
border: 0px;
background-color: #FFFFFF;
}
td.fehlerspalte {
height: 0px;
background-color: #FF0000;
padding: 5px;
}
.fehlerschrift {
font-family: Verdana;
font-size: 10pt;
color: #FFFF00;
background: #FF0000;
}

/* Versandmeldung */
table#versandtabelle {
width: 100%;
border: 0px;
background-color: #FFFFFF;
}
td.versandspalte {
height: 0px;
background-color: #00FF00;
padding: 5px;
}
.versandschrift {
font-family: Verdana;
font-size: 10pt;
color: #000000;
background: #00FF00;
}

/* Kopfzeile der Tabelle der Kurse */
.divtabellenkopf {
height: 27px;
width; 100%;
overflow-x:hidden;
overflow-y:hidden;
}
table#tabellenkopf {
border: 0px;
width: 100%;
background-color: ####tabellenkopfhintergrundfarbe###;
border-collapse: collapse;	
}
td.kopfspalte {
border: 1px solid #000000;
background-color: ####tabellenkopfhintergrundfarbe###;
padding: 5px;
}
.kopfschrift {
font-family: arial;
font-size: 13px;
color: ####tabellenkopfvordergrundfarbe###;	
}	
.kopfschriftunsichtbar {
font-family: arial;
font-size: 13px;
color: ####tabellenkopfunsichtbar###;
background-color: ####tabellenkopfunsichtbar###;	
}	

/* Kurszeilen der Tabelle der Kurse */	
.divkurstabelle {
height: 600px;
width; 100%;
overflow-x:hidden;
overflow-y:scroll;
}
table#kurstabelle {
border: 0px;
width: 100%;
background-color: ####kurstabellehintergrundfarbe###;
border-collapse: collapse;	
}
td.kursspalte {
border: 1px solid #000000;
background-color: ####kurstabellehintergrundfarbe###;
padding: 5px;
text-align: center;
vertical-align: top;
}
.kursschrift {
font-family: verdana;
font-size: 10pt;
color: ####kurstabellevordergrundfarbe###;	
}
.infoschriftbezeichnung {
font-family: ###kursinfobezeichnungschriftart###;
font-size: ###kursinfobezeichnungschriftgroesse###;
color: ####kursinfobezeichnungvordergrundfarbe###;	
}	
.infoschrift {
font-family: ###kursinfoschriftschriftart###;
font-size: ###kursinfoschriftschriftgroesse###;
color: ####kursinfoschriftvordergrundfarbe###;	
}	

/* Link */
a:link, a:visited {
 font-family: Verdana, Arial, Sans-Serif;
 font-size: 10pt;
 color: #0000FF;
}

/* Such-Labels */
.labelsuche {
font-family: Verdana;
font-size: 10pt;
color: #000000;
}

.suchfelder {
padding-left: 5px;
height: 22px;
font-family: Verdana;
font-size: 10pt;
background-color: #FFFFFF;
border-radius: 3px;
border: 1px solid #A9A9A9;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

/* Such Button */
.suchbutton {
background-color: #4CAF50;
border: none;
color: white;
padding: 7px 14px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 10pt;
margin: 2px 1px;
cursor: pointer;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
width: 185px;
border-radius: 3px;
}
.sucheffekt:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

/* Zusätzliche Formatierungen */
/* Modernere Checkboxen anzeigen */
input[type=checkbox].css-checkbox {
position:absolute; z-index:-1000; left:-1000px; overflow: hidden;
clip: rect(0 0 0 0);
height:1px;
width:1px;
margin:-1px;
padding:0;
border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
padding-left:35px;
height:23px; 
display:inline-block;
line-height:23px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:23px;
vertical-align:middle;
cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
background-position: 0 -23px;
}

label.css-label {
background-image:url(https://www.rbc-dav.de/common/checkbox.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* Kalenderselektor ausklappen und statisch fixieren */
.form-control-static.input-sm {
    padding-right: 0;
    padding-left: 0
}

.input-sm {
    height: 25px;
    width: 150px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

/* Eigene Alert-Box */
#dialogoverlay{
	display: none;
	opacity: .8;
	position: fixed;
	top: 0px;
	left: 0px;
	background: #848484;
	width: 100%;
	z-index: 10;
}
#dialogbox{
	display: none;
	position: fixed;
	background: #FFFFFF;
	border-radius:7px; 
	width:550px;
	height:200px;
	z-index: 10;
	border: 2;
}
#dialogbox > div{
background:#FFF;
margin:8px;
}
#dialogbox > div > #dialogboxhead{ 
background: #FFFFFF;
text-align: center;
font-family: Verdana;
font-size:22px;
font-weight: bold;
padding:10px;
color:#2E2E2E;
}
#dialogbox > div > #dialogboxbody{
background:#FFFFFF;
font-family: Verdana;
font-size:14px;
padding-left:10px;
padding-top:10px;
color:#2E2E2E;
}
#dialogbox > div > #dialogboxfoot{
background: #FFFFFF;
padding-left:10px;
padding-top:60px;
text-align:center;
}

/* Register-Labels */
.labelregister {
font-family: verdana;
font-size: 8pt;
color: #088A08;
}

.registerlogin {
padding-left: 5px;
height: 19px;
font-family: Verdana;
font-size: 8pt;
background-color: #FFFFFF;
border-radius: 3px;
border: 1px solid #A9A9A9;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}