/* Mobile first - alle Dokument-Blöcke bekommen 100% Breite */
nav.untermenu a {
	display: inline-block;
	width: 95%;
	background: #c0c0ff;
	border: 1px solid #0facff;
	margin: 0;
        padding-top: 5px;
        padding-bottom: 5px;
	text-decoration: none;
	text-align: center;
        color: #0f330f;
        font-size: 0.99em;
}

nav.untermenu a:hover {
        background-color: #0f8cbf;
}

nav.untermenu #selected {
	background-color: #0facff;
        color: #dfdfdd;
        font-weight: bold;
}

div.untermenu {
        border: solid 1px #000000; margin: 10px 20px; padding: 2px 30px; background: #dfac40; border-radius: 0px 0.5em 0.5em;
}

.imgLT, .imgGT {
	border: 2px #aff solid;
	display: block;
	background-color:#f3f3f3;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 18px;
}

.imgLT {
	border-radius: 0.5em 0 0 0.5em ;
	padding-right: 2px;
	padding-left: 10px;
}

.imgLT:hover, .imgGT:hover {
	cursor:pointer;
	background-color:#9494AA;
	font-size: larger;
	font-weight: bold;
}

.imgIts {
	width:80%;
}

.imgGT {
	border-radius: 0 0.5em 0.5em 0;
	padding-right: 10px;
	padding-left: 2px;
}

iframe {
	width: 228px;
	height: 126px;
}

/* Smart Phones und Tablets mit mittlerer Auflösung */

@media all and (min-width: 600px) {
        nav.untermenu a {
                display: inline-block;
                width: 95%;
                background: #c0c0ff;
                border: 1px solid #0facff;
                margin: 0;
                padding-top: 3px;
                padding-bottom: 1px;
                text-decoration: none;
                text-align: center;
                color: #0f330f;
                font-size: 0.98em;
        }

	.imgIts {
		width:80%;
	}
        
        div.untermenu {
                border: solid 1px #000000; margin: 10px 60px; padding: 3px 40px; background: #dfac40; border-radius: 0px 0.5em 0.5em;
        }

	iframe {
		width: 228px;
		height: 126px;
	}
}
/* Large screens */

@media all and (min-width: 800px) {
    	nav.untermenu a {
            display: inline-block;
            width: 90%;
            background: #c0c0ff;
            border: 1px solid #0facff;
            margin: 0;
            padding-top: 3px;
            padding-bottom: 3px;
            text-decoration: none;
            text-align: center;
            color: #0f330f;
            font-size: 0.95em;
    	}


    	div.untermenu {
            border: solid 1px #000000; margin: 10px 80px; padding: 3px 40px; background: #dfac40; border-radius: 0px 0.5em 0.5em;
    	}

		.imgLT {
			border-radius: 0.5em 0 0 0.5em ;
			border: 2px #aff solid;
			padding-right: 10px;
			padding-left: 30px;
			width: 40px;
		}

		.imgIts {
			width:80%;
		}
        
		.imgGT {
			border-radius: 0 0.5em 0.5em 0;
			border: 2px #aff solid;
			padding-left: 10px;
			padding-right: 30px;
			width: 40px;
		}

iframe {
	width: 360px;
	height: 202px;
}

}