cwsvJudo/homepage/redesign2018/markdownExperiment/backup/ampPages-backup-2018-06-11-06-49/css/cwsvJudoAmp.css

/*
@font-face {
	font-family: Orbitron-Medium;
	src: url(/ressourcen/fonts/Orbitron-Medium.otf);
}
*/
html{
	background: #FFAE00;
	box-sizing: border-box;
}
*, ::before, ::after {
	box-sizing: inherit;
}

body{
	font-size: 4.5vmin;
	font-family: arial, helvetica, sans-serif;
	background: #FFAE00;
}


.newsTable{
	border: solid 1px #000000;
	width:100%;
	padding: 1%;
}

.newsTableHeader{
	background: #FF8100;
}
.newsTableFooter{
	clear: both;
	background: #FF8100;
}

.bigPicture{
	width: 100%;
	height: auto;
}

.centeredText{
	text-align: center;
}

.orbitronFont{
	font-family: "Orbitron-Medium", Impact, Charcoal, sans-serif;
	padding-top: .16em;
}

.Inhaltsverzeichnis{
	padding: 1%;
	width: 100%;
	background-color:
		#FF8100;
	font-variant:
		small-caps;
	font-size:
		larger;
	font-weight:
		bolder;
}
.Inhaltsverzeichnis a{
	color: inherit;
}
.Inhaltsverzeichnis div a:hover{
	text-decoration:
		none;
	color:
		#993300;
}

.navButton{
	border-color: white;
	border-style: outset;
	border-radius: 1em;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	padding-left: .5em;
	padding-right: .5em;
}

.messageBox{
	width: 100%;
	border:solid 1px #000000;
	background-color:#FF8100;
	font-size:smaller;
}

.fullWidth{
	width:100%;
}

.noMargin{
	margin: 0;
}

.rightFloat{
    float:right;
}

.leftFloat{
    float:left;
}

.clearBoth{
	clear: both;
}

/*---
 * Formatierung der News in Amp
 */
.ampNewsBox{
	clear: both;
	border: solid 1px #000000;
	width:100%;
	padding: 1%;
}
.ampNewsBoxHeader{
	background: #FF8100;
}
.ampNewsBoxFooter{
	clear: both;
	background: #FF8100;
}
/*---
 * Formatierung der subNav in Amp
 */
.ampSubNav{
	display: flex;
	justify-content: space-between;
}

/*---
 *  touchable Links
*/
.touchLink{
	display: inline-block;
	padding: 0.25em 0 0.25em 0;
	margin: 0.25em 0 0.25em 0;
	background-color: #FF8100;
	border-radius: .5em;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*---
 * Eine kleine NachrichtenBox
 */
.messageBox{
	width: 100%;
	border:solid 1px #000000;
	background-color:#FF8100;
	font-size:smaller;
}

/*
 * Unterauswahl-Navigationsleiste
 */

/* der SubNavContainer*/
.subNav{
	display: flex;
/*	flex-direction: column;*/
	align-items: stretch;
	justify-content: space-between;
}
.subNav a{
	color: inherit;
}
.subNavElement{
	/*width: 100%;*/
	background: #FF8100;
	padding-top:.125em;
	padding-left:.125em;
	padding-right:.125em;
	border-style: outset;
	border-radius: 1em;
	font-size: 1.125em;
	text-decoration: none;
	flex-basis: 20%;
	border-style: outset;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.subNavElementIcon{
	text-align: center;
	max-width: 2.5em;
	height: auto;
	padding: .125em;
}
.subNavElementCaption{
	display: none;
}

.activeNav {
	border-color: #A80101;
	border-style: inset;
}
.pngAddress{
	width: 20em;
	height: auto;
	vertical-align: middle;
}


/*
 * Tabelle mit den GalerieLinks
*/
.galTable{
	width: 100%;
}
.galTable tr, th, td {
	width: auto;
	vertical-align: middle;
}

.galTable tr:nth-child(odd){
	background-color: #FF8100;
}

.galTable tr td img{
	display: inline;
	vertical-align: middle;
}

.galTable tr td a img{
	display: inline;
	vertical-align: middle;
}