/* Farbdefinitionen:

Hintergrund:  #335599
              #ffffff

Schrift       #335599
              #ffffff
              #003366

Link          #CCCCCC 
Hover, Ü:     #ff0000

*/

@charset "utf-8";

html {
	background-color: #ffffff; /* #e63028;  #003366  */
	}
	
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #3a549c;
	background-color: #ffffff;
	margin-top: 0px;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	}
	
img {
	max-width:100%;
	height:auto;
	}

/********************************* Topbild ******************************/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 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%;
  }
	
/********************************* UYCAs Logo ******************************/
#uycaslogo {
	position: absolute;
	z-index: 120;
	margin-top: 0em;
	margin-left: 0%;
	max-width:100%;
	height:auto;
	}
	
/********************************* HEADER ******************************/
#header {
	position: absolute;
	z-index: 130;
	margin-top: 1em;
	margin-left: 1%;
	}

#header a {
	font-size: 1em;
    font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

/********************************* Meldesystem ******************************/
#regatta365-calendar-full {
	position: absolute;
	z-index: 130;
	width: 660px;
	}

	
/********************************* 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;
    color: #003366;
	}
	
.main h1 {
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;
	color: #003366;
	text-align: left;
	}

.main h2 {
	font-size:1.5em;
	font-weight:bold;
	margin-top:0em;
	margin-bottom:0em;
	color: #003366;
	}

.main h3 {
	font-size:1.2em;
	font-weight:bold;
	margin-top:0em;
	margin-bottom:0.3em;
	color: #003366;
	}

.main h4 {
	font-size:0.8em;
	font-weight:normal;
	margin-top:0em;
	margin-bottom:0em;
	color: #003366;
	}
	
.box.main {
	float: left;
	margin-right: 2.5%;
	width: 55%;
	overflow: auto;
	text-align: left;
	color: #003366;
	}

.box.main a {
	color: #003366;
    text-decoration: none;
	}

.box.meldung {
	float: left;
	margin-right: 2.5%;
	width: 100%;
    height: 2000px;
	overflow: auto;
	text-align: left;
    background: #FFFFFF;
	color: #335599;
	}


.box.preise {
	float: left;
    width: 30%;
	margin-right: 5%;
    overflow: auto;
	margin-top: 2em;
	}

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

.box.portraits {
	float: left;
    width: 46%;
	margin-right: 8%;
    overflow: auto;
	margin-top: 2em;
	}

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

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

iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
		
/***** right *****/
.right {
    margin-bottom: 0em;
	margin-top: 1em;
    padding: 0px;
	z-index: 200;
	}
	
.box.right {
	float: left;
    text-align: right;
    margin-right: 0%;
    width: 20%;
    overflow: hidden;
	}

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

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

.navi a:hover {	
	color: #ff0000;
	}

.box.logo {
	float: left;
    margin-right: 0%;
    width: 100%;
    overflow: hidden;	
	padding: 0em;
	padding-bottom: 1em;
	text-align: center;
	}
	
.box.navi {
	float: left;
    margin-right: 0%;
    width: 100%;
    overflow: hidden;
	background-color: #ffffff;
	padding: 0.2em;
	padding-left: 0em;
	}

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

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

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


	
body.aktuelles .navi #aktuelles ,

body.ausschreibung .navi #ausschreibung ,

body.programm .navi #programm ,

body.ergebnisse .navi #ergebnisse ,

body.multimedia .navi #multimedia ,

body.meldesystem .navi #meldesystem ,

body.klassen .navi #klassen ,
body.s .smallnavi #s ,
body.ojolle .smallnavi #ojolle ,
body.22er .smallnavi #22er ,
body.45er .smallnavi #45er ,
body.traditionsklassen .smallnavi #traditionsklassen ,

body.partner .navi #partner ,

body.wanderpreise .navi #wanderpreise ,
body.halunk .smallnavi #halunk ,
body.hagen .smallnavi #hagen ,
body.ransonnet .smallnavi #ransonnet ,
body.gueldeneso .smallnavi #gueldeneso ,
body.hertarieger .smallnavi #hertarieger ,
body.pantherpreis .smallnavi #pantherpreis ,
body.lillypreis .smallnavi #lillypreis ,
body.moewenpreis .smallnavi #moewenpreis ,

body.newsletter .navi #newsletter ,

body.rueckblicke .navi #rueckblicke

	{	
	color: #335599;
	}

	
/********************************* Sponsoren Menue ******************************/	
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;
	}

.sponsoren_menue {
    margin-bottom: 1em;
    padding: 0px;
	}

.box.sponsoren_menue_hg {
	float: left;
    margin-right: 6%;
    margin-top: 0.5em;
	width: 100%;
    overflow: auto;
	background-color:#ffffff;
	}

.box.sponsoren_menue {
	float: left;
    margin-right: 3%;
    margin-top: 0.5em;
    margin-left: 3%;
	width: 44%;
    overflow: auto;
	background-color:#ffffff;
	}
/**
.box.sponsoren_menue:nth-of-type(2n+2) {
    margin-right: 0;
	}
**/

.box.sponsoren_menue_breit {
	float: left;
    margin-left: 3%;
	margin-bottom: 1em;
    width: 94%;
    overflow: auto;
	background-color:#ffffff;
    align-content: center;
	}

.box.sponsoren_menue_ueberschrift {
	float: left;
    margin-right: 0%;
	margin-bottom: 1em;
    width: 100%;
    overflow: auto;
	background-color:#ffffff;
    color: #003366;
	}


/********************************* Sponsoren unten ******************************/	
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;
	}

.box.sponsoren_unten_hg {
	float: left;
    margin-right: 6%;
    margin-top: 0.5em;
	width: 100%;
    overflow: auto;
	background-color:#ffffff;
    display: none;
	}

.sponsoren_unten {
    margin-bottom: 1em;
    padding: 0px;
	}

.box.sponsoren_unten {
	float: left;
    margin-right: 3%;
    margin-top: 0.5em;
    margin-left: 3%;
	width: 44%;
    overflow: auto;
	background-color:#ffffff;
	display: none;
	}

/** .box.sponsoren_unten:nth-of-type(2n+2) {
    margin-right: 0;
	}
**/

.box.sponsoren_unten_breit {
	float: left;
    margin-left: 3%;
	margin-bottom: 1em;
    width: 94%;
    overflow: auto;
	background-color:#ffffff;
	display: none;
	}

.box.sponsoren_unten_ueberschrift {
	float: left;
    margin-right: 0%;
	margin-bottom: 1em;
    width: 100%;
    overflow: auto;
	background-color:#335599;
    color: #FFFFFF;
    display: none;
	}


/********************************* 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;
	}