@charset "utf-8";

html {
	background-color: #AAAAAA;
	}
	
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #003366;
	background-color: #BBEEFF;
	margin-top: 20px;
	max-width: 1250px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 2%;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 1%;
	}
	
img {
	max-width:100%;
	height:auto;
	}	

/********************************* Topbereich ******************************/
.box.logo {
	float: left;
    margin-right: 2.5%;
    width: 20%;
    overflow: hidden;
	}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 77.5%;
  padding: 0;
  margin-right: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

	
/********************************* Hautbereich ***********************************/
section {
	padding: 0;
    overflow: auto; /* clearing für die floatenden article */
	}

article {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
/***** left *****/
.left {
    margin-bottom: 0em;
	margin-top: 1em;
	}

.left a {
	color: #003366;
	text-decoration: none;
}
	
.box.left {
	float: left;
    margin-right: 2.5%;
    width: 20%;
    overflow: hidden;
	}
	
/***** main *****/
.main {
    margin-bottom: 0em;
	margin-top: 1em;
    padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
	}
	
.main h1 {
	font-size:1.5em;
	font-weight:bold;
	margin-top:0em;
	margin-bottom:0em;
	}
	
.box.main {
	float: left;
    width: 77.5%;
    overflow: auto;
	}

.box.mainarticle {
	float: left;
    width: 100%;
    overflow: auto;
	background-color: #FFFFFF;
    padding: 1%;
    margin-bottom: 1em;
	}

.iframe-wrapper {
	position: relative;
	padding-bottom: 56.16%;
	height: 0;
	}

iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

/********************************* Navigation ******************************/	
.navi {
    margin-bottom: 0.4em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 1.3em;
	}

.navi a {
	color: #FFFFFF;
	text-decoration: none;
	}

.navi a:hover {	
	color:red;
	}
	
.box.navi {
	float: left;
    margin-right: 0%;
    width: 100%;
    overflow: hidden;
	background-color: #003366;
	padding: 0.2em;
	padding-left: 0.5em;
	margin-bottom: 0.3em;
    font-size: 1.3em;
	}

.smallnavi {
    margin-bottom: 0em;
	margin-top: 0em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 0.7em;
	text-align: right;
	}

.smallnavi a {
	color: #FFFFFF;
	text-decoration: none;
	}

.smallnavi a:hover {	
	color:red;
	}
	
.box.smallnavi {
	float: left;
    margin-right: 0%;
    width: 100%;
    overflow: hidden;
	background-color: #003366;
	padding: 0.2em;
	padding-right: 0.5em;
	border-top-color: #FFFFFF;
	border-top-width: 0.15em;
	border-top-style: solid;
    font-size: 0.7em;
	}


	
body.litzlwurm .navi #litzlwurm ,
body.litzlwurm_nor .smallnavi #litzlwurm_nor ,
body.litzlwurm_entry .smallnavi #litzlwurm_entry ,

body.dragongrandprix .navi #dragongrandprix ,
body.dragongrandprix_nor .smallnavi #dragongrandprix_nor ,
body.dragongrandprix_entry .smallnavi #dragongrandprix_entry ,
body.dragongrandprix_onb .smallnavi #dragongrandprix_onb ,

body.news .navi #news ,
body.media .navi #media ,
body.program .navi #program ,
body.venue .navi #venue ,
body.club .navi #club ,
body.accommodation .smallnavi #accommodation ,

body.imprint .navi #imprint ,
body.privacy .navi #privacy 

	{	
	color:red;
	}

	
/********************************* Bildergalerie ******************************/	
section {
	padding: 0;
    overflow: auto; /* clearing für die floatenden article */
	}

article {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.bildergalerie {
	margin-top: 0.5em;
    padding: 0px;
	}

.box.bildergalerie {
	float: left;
    margin-right: 2.66%;
    width: 23%;
    overflow: auto;
	background-color:#ffffff;
	}

.box.bildergalerie:nth-of-type(4n+4) {
    margin-right: 0;
	}