body, td { font-family:Verdana, Geneva, sans-serif; font-size:11pt;color:#3c3c3c;margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;line-height:150%;} 
select { font-size:11pt;color:black; } 
input{ font-size:11pt;color:black;border: 1px solid gainsboro;} 
hr { size:1px; color:#FCCB32; }
.rand{width:100px}
@media screen and (max-width:800px){
.rand{width:1px}
}
.txtpreis {border-style:none; font-family:Verdana, Geneva, sans-serif; font-size:12pt;color:#3c3c3c;border-color:white;background-color:white;margin:0;font-weight:bold;text-align: right; }
.txtsumme {border-style:none; font-family:Verdana, Geneva, sans-serif; font-size:16px;font-weight:bold;color:#316598;border-color:#F2F1DF;background-color:transparent; }
.grayed { color:#808080;}
.buttonklein { font-family:Arial; font-size:9px;color:#316598; width:60px;background-color:#CCCCCC;border-width:1px; }
.kleingrau {font-size:9pt;color:#808080;}
.textklein { font-family:Arial; font-size:9pt;width:167px;border-width:1px; }
.rot {font-weight:bold;font-size:12pt;color:#BB1016;} 
.weiss {font-size:10pt;color:white;}
.rotfett {font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:12pt;color:#BB1016;} 
.blaufett {font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:16pt;color:black;} 
.punkt {border-width:1px;border-style:solid;width:8;height:8;margin-top:3px;border-color:#316598;}
.punkt2 {border-width:1px;border-style:solid;width:8;height:8;margin-top:3px;border-color:#316598;background-color:orange;}
.rahmen { font-weight:normal;border-width:1px;border-left-width:10px;border-right-width:0px;border-style:solid;border-color:#FCCB32;padding:2px;padding-left:9;color:black;}
.rahmen2 { font-weight:normal;border-width:1px;border-style:solid;border-right-width:0;border-top-width:0;border-color:#FCCB32;padding:2px;}
.rahmenfarbe { font-weight:bold;border-width:1px;border-left-width:10px;border-right-width:0px;border-style:solid;border-color:#316598;padding:2px;padding-left:9px;color:black;height:27;background-image:url(media/gradiant.gif);background-repeat:repeat;border-radius:2px;-webkit-border-radius: 2px;}
.rahmenfarbe2 { font-weight:bold;border-width:1px;border-style:solid;border-right-width:0;border-color:#316598;padding:2px;}
.rali { font-weight:normal;border-left-width:1px;border-right-width:0px;border-bottom-width:0px;border-top-width:0px;border-style:solid;border-color:#316598;padding:2px; }
.rali_dash { font-weight:normal;border-left-width:1px;border-right-width:0px;border-bottom-width:1px;border-top-width:0px;border-left-style:solid;border-bottom-style:dashed;border-color:#316598;padding:0px; }
.dash { border-width:1px;border-style:dashed;border-color:#316598;}
.dash_unten { border-width:1px;border-style:dashed;border-left-width:0px;border-right-width:0px;border-top-width:0px;border-color:#316598;}
.tablehead { font-weight:bold;border-width:1px;border-left-width:10px;border-right-width:0px;border-style:solid;border-color:#316598;padding:2px;padding-left:9;color:black;height:27;background-image:url(media/gradiant.gif);background-repeat:repeat;}
.tablebody { border-width:1px;border-style:dashed;border-top-width:0px;border-right-width:0px;border-color:#316598;}

.txtAdresse{
	padding: 5px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

a:link { text-decoration:none; font-weight:normal; font-family:Verdana, Geneva, sans-serif; font-size:11pt; color:#316598; }
a:visited { text-decoration:none; font-weight:normal; font-family:Verdana, Geneva, sans-serif; font-size:11pt; color:#316598; }
a:hover { text-decoration:none; font-weight:normal; font-family:Verdana, Geneva, sans-serif; font-size:11pt; color:darkorange; }
a:active { text-decoration:none; font-weight:normal; font-family:Verdana, Geneva, sans-serif; font-size:11pt; color:#316598; }

a.small:link { text-decoration:none; font-weight:normal; font-family:Verdana, Geneva, sans-serif; font-size:11pt; color:#316598; }
a.small:visited { text-decoration:none; font-weight:normal; font-family:Verdana, Geneva, sans-serif; font-size:11pt; color:#316598; }
a.small:hover { text-decoration:underline; font-weight:normal; font-family:Verdana, Geneva, sans-serif; font-size:11pt; color:darkorange; }
a.small:active { text-decoration:none; font-weight:normal; font-family:Verdana, Geneva, sans-serif; font-size:11pt; color:#316598; }

a.nav:link { text-decoration:none; font-weight:normal; font-family:Verdana, Geneva, sans-serif; font-size:16pt; color:#316598; }
a.nav:visited { text-decoration:none; font-weight:normal; font-family:Verdana, Geneva, sans-serif; font-size:16pt; color:#316598; }
a.nav:hover { text-decoration:underline; font-weight:normal; font-family:Verdana, Geneva, sans-serif; font-size:16pt; color:darkorange; }
a.nav:active { text-decoration:none; font-weight:normal; font-family:Verdana, Geneva, sans-serif; font-size:16pt; color:#316598; }

a.navsmall:link { text-decoration:none; font-weight:normal; font-family:Verdana, Geneva, sans-serif; font-size:10pt; color:#316598;  }
a.navsmall:visited { text-decoration:none; font-weight:normal; font-family:Verdana, Geneva, sans-serif; font-size:10pt; color:#316598; }
a.navsmall:hover { text-decoration:underline; font-weight:normal; font-family:Verdana, Geneva, sans-serif; font-size:10pt; color:darkorange; }
a.navsmall:active { text-decoration:none; font-weight:normal; font-family:Verdana, Geneva, sans-serif; font-size:10pt; color:#316598; }

a.nav_left:link { text-decoration:none; font-weight:bold; font-family:Verdana, Geneva, sans-serif; font-size:12pt; color:#316598; display:block;width:170px;height:28px;padding:5px;padding-right:0px;border-bottom-color:lightgray;border-bottom-style:solid;border-bottom-width:1px;  }
a.nav_left:visited { text-decoration:none; font-weight:bold; font-family:Verdana, Geneva, sans-serif; font-size:12pt; color:#316598;display:block;width:170px;height:28px;padding:5px;padding-right:0px;border-bottom-color:lightgray;border-bottom-style:solid;border-bottom-width:1px; }
a.nav_left:hover { text-decoration:none; font-weight:bold; font-family:Verdana, Geneva, sans-serif; font-size:12pt; color:white; background:orange; }
a.nav_left:active { text-decoration:none; font-weight:bold; font-family:Verdana, Geneva, sans-serif; font-size:12pt; color:white; background:orange; }

a.navsmall_left:link { text-decoration:none; font-weight:normal; font-family:Verdana, Geneva, sans-serif; font-size:10pt; color:#316598;display:block;width:170px;height:28px;padding-top:8px;padding-right:5px;border-bottom-color:lightgray;border-bottom-style:solid;border-bottom-width:1px;  }
a.navsmall_left:visited { text-decoration:none; font-weight:normal; font-family:Verdana, Geneva, sans-serif; font-size:10pt; color:#316598;display:block;width:170px;height:28px;padding-top:8px;padding-right:5px;border-bottom-color:lightgray;border-bottom-style:solid;border-bottom-width:1px; }
a.navsmall_left:hover { text-decoration:none; font-weight:normal; font-family:Verdana, Geneva, sans-serif; font-size:10pt; color:white;background:orange; }
a.navsmall_left:active { text-decoration:none; font-weight:normal; font-family:Verdana, Geneva, sans-serif; font-size:10pt; color:white;background:orange; }

a.but_vor:link, a.but_vor:visited, a.but_vor:active{text-decoration:none;font-weight:bold;font-family:Verdana, Geneva, sans-serif;font-size:10pt;color:white;border:1px solid #A4A4A4;width:100px;background-color:#04B404;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;text-align:center;margin:10px;padding:10px;}
a.but_vor:hover {background-color:#01DF01;}
a.but_back:link, a.but_back:visited, a.but_back:active {text-decoration:none;font-weight:bold;font-family:Verdana, Geneva, sans-serif;font-size:10pt;color:white;display:inline;border:1px solid #A4A4A4;width:100px;background-color:#A4A4A4;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;text-align:center;margin:10px;padding:10px;}
a.but_back:hover {background-color:#BDBDBD;}
a.but_order:link, a.but_order:visited, a.but_order:active{text-decoration:none;font-weight:bold;font-family:Verdana, Geneva, sans-serif;font-size:10pt;color:white;border:1px solid #A4A4A4;width:200px;background-color:#04B404;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;text-align:center;margin:10px;padding:10px;}
a.but_order:hover {background-color:#01DF01;}

a.button:link, a.button:visited, a.button:active{text-decoration:none;font-weight:bold;font-family:Verdana, Geneva, sans-serif;font-size:10pt;color:white;border:1px solid #A4A4A4;padding-left:30px;padding-right:30px;padding-top:10px;padding-bottom:10px;background-color:#316598;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;text-align:center;}
a.button:hover {background-image: url('media/header.jpg')}


.BG1 {background-color:white;}
.BGHeader {	background-color:white;	background-image: url('media/header.jpg');}
.BGHeader2{background:url('media/teacher.png') right no-repeat;}
.BG1a {background-color:#FFFFFF;}
.BG2a {background-color:#B0C4DE;}
.BG2 {background-color:white;}
.BG3 {background-color:orange;}
.BG4 {background-color:white;}
.BG4a {background-color:#FCFCF5;}




#nav {
    position:relative;
	left:-40px;
    /*width:620px;*/
    margin:0 auto;
    /*margin-top:50px;*/
    /*padding:10px;*/
	
		
}
 
ul#navigation {
    margin:0px auto;
    position:relative;
    float:left;
    /*border-left:1px solid #c4dbe7;*/
    border-right:1px solid #c4dbe7;
	white-space: nowrap;
        display: inline-block;
}
 
ul#navigation li {
    display:inline;
    font-size:12px;
    font-weight:bold;
    margin:0;
    padding:0;
    float:left;
    position:relative;
	
    /*border-top:1px solid #c4dbe7;*/
    /*border-bottom:2px solid #c4dbe7;*/
}
 
ul#navigation li a {
    padding:10px 25px;
    color:#616161;
    text-shadow:1px 1px 0px #fff;
    text-decoration:none;
    display:inline-block;
    border-right:1px solid #fff;
    border-left:1px solid #C2C2C2;
    /*border-top:1px solid #fff;*/
    background: #f5f5f5;
 
    -webkit-transition:color 0.2s linear, background 0.2s linear;
    -moz-transition:color 0.2s linear, background 0.2s linear;
    -o-transition:color 0.2s linear, background 0.2s linear;
    transition:color 0.2s linear, background 0.2s linear;
}
 
ul#navigation li a:hover {
    background:#f8f8f8;
    color:#282828;
}
 
ul#navigation li a.first {
	border-left:1px solid #C2C2C2;
    /*border-left: 0 none;*/
}
 
ul#navigation li a.last {
    border-right: 0 none;
}
 
ul#navigation li:hover > a {
    background:#fff;
}

/* Drop-Down Navigation */
ul#navigation li:hover > ul
{
/*these 2 styles are very important,
being the ones which make the drop-down to appear on hover */
    visibility:visible;
    opacity:1;
}
 
ul#navigation ul, ul#navigation ul li ul {
    list-style: none;
    margin: 0;
    padding: 0;
/*the next 2 styles are very important,
being the ones which make the drop-down to stay hidden */
    visibility:hidden;
    opacity:0;
    position: absolute;
    z-index: 99999;
    width:180px;
    background:#f8f8f8;
    box-shadow:1px 1px 3px #ccc;
/* css3 transitions for smooth hover effect */
    -webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
    -moz-transition:opacity 0.2s linear, visibility 0.2s linear;
    -o-transition:opacity 0.2s linear, visibility 0.2s linear;
    transition:opacity 0.2s linear, visibility 0.2s linear;
}
 
ul#navigation ul {
    top: 43px;
    left: 1px;
}
 
ul#navigation ul li ul {
    top: 0;
    left: 181px; /* strong related to width:180px; from above */
}
 
ul#navigation ul li {
    clear:both;
    width:100%;
    border:0 none;
    border-bottom:1px solid #c9c9c9;
}
 
ul#navigation ul li a {
    background:none;
    padding:7px 15px;
    color:#616161;
    text-shadow:1px 1px 0px #fff;
    text-decoration:none;
    display:inline-block;
    border:0 none;
    float:left;
    clear:both;
    width:150px;
}
