/* CSS Document */
html {
	margin:0 0 0 0; 
	padding:0; 
	min-height:100%;
	width:100%; 
	height:100%;
	top: 0px;
	bottom: 0px;
}
*+html {
	overflow: scroll; /*Scrollbar bei Firefox anzeigen*/ 
	height:100%;
}
body {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	border: 0;
	min-height: 100%;
	height:100%;
	width:100%; 
	bottom: 0px;
	top: 0px;
	line-height: 1.6em;}
	


h1 {
	font-weight: bold;
	font-size: 36px;
	line-height:1.2em;
		
}

h3 {
    font-size: 2.1rem;
    line-height: 2.3rem;
    margin-top: 2.1rem;
    margin-bottom: 0.5rem;
    letter-spacing: 0;
}

h2, .h2 {

    font-size: 30px;
    padding-bottom: 1vH;

}

td {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 1.2em;
}

tr {
	padding-left:4px;
}

p {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	line-height: 1.6em;
}


.icons {
	clear: both;
	padding-bottom: 20px;
}


table#optik tr:nth-child(2n) {
     background-color: #CCC;
}
table#optik tr:nth-child(2n):hover {
     background-color: #B90000;
	 color: #FFF;
}
table#optik tr:hover {
     background-color: #B90000;
	 color: #FFF;	
}



/*------------------------------- Link Colors ---------------------------------*/
a:link {
	color: #0000FF;

	color:#fecf00;
			color: #FF9900; 

	text-decoration: none;
}
a:hover {
	color: #FF9900;
	text-decoration: none;
}

a:visited {
	color: rgb(153,153,153);

}

a:active { 
	color:#fecf00;
		color: #FF9900; 
	text-decoration: none; 
	
}

h:link { 
	color:#fecf00; 
	text-decoration: none; 
	
}

a:link div.dynpg_AG_row_Main_Col_03 {
	text-align:right;}


/*---background--*/
.background {
	position:fixed; 
	z-index:1; 
	width:100%; 
	height:100%;
	top: 0px;
	left: 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
	
}

.change_img,
.change_img div {
	position:fixed;
	top:0px;
	left:0px;
	width:100%; 
	height:100%;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
	float:left;
	z-index:1;
	
}

.change_img > div > img {
 	max-width: 100%;
 	max-height: 100%;
}



/*---inhalt---*/

.container-fluid {
	padding-right: 15px;	
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}


/*---- nav----*/
.navbar-toggle {
	float:left;
    position: relative;
    margin-bottom: 8px;
    background-color: #dc931a;
    background-image: none;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: 4px;

}

.navbar-default {

    background-color: transparent;
    border-color: #e7e7e7;
    border: 0px solid;

}

.navbar-nav {
    margin: 0px -15px;

}
.nav {

    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
	color:white;

}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0px;
    margin-left: -15px;
}
.navbar-collapse.in {
    overflow-y: auto;
}
.collapse.in {
    display: block;
}
.navbar-collapse {
    max-height: 600px;
    padding-right: 15px;
    padding-left: 0px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 0px solid transparent;
    border-top-color: transparent;
    box-shadow: inset 0 0px 0 rgba(255, 255, 255, .1);
}
.navbar-default .navbar-toggle {
    border-color:white;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color:transparent;
}

.nav > li {
    position: relative;
    display: block;
    padding-left: 10px;

}


.navbar-default .navbar-nav .open .dropdown-menu > li > a {

    color: #FF9900;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

    color: rgb(0,0,0);
    background-color:transparent;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
 	
	color:#fecf00;

}

.navbar-default .navbar-nav > li > a {
	color: rgb(0,0,0);


}

.nav {
	background-color: #ffffff;
}

#wrapper #course_categories_menu_horizontal > div:first-child {	
	display:none;
}

.container {
	padding-left:0px;
	padding-right:0px;

}

/*---header--*/
.header {
	z-index:10;
	top:2vH;
}


.logo {
	text-align:right;
}


.logo img {
	max-width:100%;
	height: auto !important;
}


.navi_m {

}


/*---- inhalt----*/
.index {
    background-color: rgb(255,255,255, 0.8);
	margin-top:2vH;
	padding:20px;
	margin-bottom:6vH;
}

.index img {
    max-width:100%;
	height: auto !important;
}

.index iframe {
    max-width:100%;
	height: auto !important;
}




.main {
	z-index:10;
}

.inhalt {

}

/*---- bottom----*/
.bottom {
	width: 100%;
	height: auto !important;
	text-align:left;
	background: rgb(51,51,51, 0.8);
	z-index:800;
  	transition: opacity .5s ease-in-out;
	position:fixed;
	bottom:0;	
}

.footer {
	padding-left: 0px;
	padding-right: 0px;
}

.footertext {
	padding-top:1vH;
	color:rgb(255,255,255);
	text-align:center;
	font-size:14px;
	line-height:1.4em;

}



/*------------------------------- mobile devices ---------------------------------*/
@media (min-width: 1200px) {
.oeffnungszeit_m {
	display:none;
}
}

@media (max-width: 1024px) {

}

@media (max-width: 768px) {
.index {
  	margin-bottom:0vH;
}

.oeffnungszeit_m {
	background-color: rgb(255,255,255, 0.8);
	margin-top:2vH;
	padding:20px;
	margin-bottom:6vH;
}

.oeffnungszeit_m div.dynpg_H div.dynpg_A_parentgroup {
	display:none;
}

.bottom {
	width: 100%;
	height: auto !important;
	text-align:left;
	background: rgb(51,51,51, 0.8);
	z-index:800;
  	transition: opacity .5s ease-in-out;
	position:relative;
	
}

}

@media (max-width: 480px) {
.index {
  	margin-bottom:0vH;
}

.oeffnungszeit_m {
	background-color: rgb(255,255,255, 0.8);
	margin-top:2vH;
	padding:20px;
	margin-bottom:6vH;
}

.oeffnungszeit_m div.dynpg_H div.dynpg_A_parentgroup {
	display:none;
}

.bottom {
	width: 100%;
	height: auto !important;
	text-align:left;
	background: rgb(51,51,51, 0.8);
	z-index:800;
  	transition: opacity .5s ease-in-out;
	position:relative;
	
}


}

@media (max-width: 320px) {
.index {
  	margin-bottom:0vH;
}

.oeffnungszeit_m {
	background-color: rgb(255,255,255, 0.8);
	margin-top:2vH;
	padding:20px;
	margin-bottom:6vH;
}

.oeffnungszeit_m div.dynpg_H div.dynpg_A_parentgroup {
	display:none;
}

.bottom {
	width: 100%;
	height: auto !important;
	text-align:left;
	background: rgb(51,51,51, 0.8);
	z-index:800;
  	transition: opacity .5s ease-in-out;
	position:relative;
	
}



}