/* Mobile first - alle Dokument-Blöcke bekommen 100% Breite */


div.untermenu {
    margin: 10px 5px;
    padding: 2px 20px;
    font-size: 0.9em;
}

.untermenu ul li {
	text-decoration: none;
	list-style-type: none;
	display: inline;
	margin: 1px;
	padding: 10px 5px;
}

.untermenu ul li a {
	display: inline;
	border: 1px solid #0facff;
	border-radius: 0.8em 0.4em 0.8em 0.4em;
	margin: auto;
    padding: 5px;
	text-decoration: none;
	text-align: center;
    color: #0f330f;
}

.untermenu ul li a#selected {
	margin: auto;
	padding: 5px auto;
	background-color: #724500;
	color: #dfdfdd;
	font-weight: bold;
}

.untermenu ul li a:hover {
	margin: auto;
	padding: 5px auto;
	background-color: #0f8cbf;
	color: #dfdfdd;
}


.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;
}

.f0 {
	display: block;
	float: left;
	padding: 0 0.3em;
	color: teal;
	border-bottom: thin solid #000066;
	border-left: thin solid #000066;
	font-family: 'Open Sans Condensed', Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	font-weight: bolder;
	font-size: 0.9em;
}
.f1 {
	font-style: italic;
	text-align: justify;
}

.f2 {
	display: block;
	float: right;
	padding: 3px 5px;
	text-align: right;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	font-size: 0.78em;
	color: #000099;
	background-color: #E1E1E1;
}

/* 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) {
/*
	#seiteMid {
		width: 799px;
	}
*/
	#content {
		display: block;
		float: left;
		min-width: 780px;
		padding: 0 0 15px;
		margin: auto;
		text-align: center;
	}

	#contentInner {
		display: block;
		float: left;
		min-width: 760px;
		padding: 5px 15px;
		margin: auto;
	}

	.untermenu {
		font-size: 0.86em;
	}
	
	.untermenu ul {
		margin: auto;
		padding: 15px auto;
		text-align: left;
        background: #dfac40;
	}

	.untermenu ul li {
		margin: auto;
		padding: 3px;
		width: auto;
		display: inline;
		list-style-type: none;
	}
/*
	div.untermenu ul li a {
		display: inline;
		float: left;
        width: 100%;
        margin: auto;
        padding: 3px;
        background: #dfac40;
        text-align: center;
    }

	div.untermenu ul li a:link {
		display: inline;
		float: left;
        width: 100%;
        margin: auto;
        padding: 5px;
    }
*/
	.untermenu ul li a#selected {
	}

	.untermenu ul li a:hover {
	}

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

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

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

}