BODY {
  background-image: none;
  color: rgb(51,51,51);
  font-family: "Helvetica Neue",                                                                                           Helvetica,                                                                                           Arial,                                                                                           sans-serif;
  background-repeat: repeat-x
}
  
HR {
  border-width: 0px;
  margin: 0.5em auto
}

/* E I G E N E  F O R M A T I E R U N G E N */

#Header-Container{	background-color : rgb(5,5,103); box-sizing: border-box}

#Header-Container-Layout{
  max-width: 1000px;
  margin : auto;
  box-sizing: border-box
}

#Header-Logo-Container{	
	max-width : 35%;
	float : left;
	box-sizing: border-box
	}
	
.Header-Logo-Container h1{padding: 50px 0 0 150px; text-align: left}
	
.Rennrad{color : rgb(231,30,31)}
.Reisen{color : rgb(28,171,65)}
.Andalusien{color : rgb(253,252,15)}
  
 #Header-Slider{	max-width : 60%;
	float : right;
	box-sizing: border-box;
	max-height : 300px}
  
 #Header-Navi{
  background-color: rgba(5,5,103,0.7);
  padding: 30px 0 30px 0;
  box-sizing: border-box}

.Hauptnavi{	padding-top : 60px;
	padding-bottom : 60px;
	font-weight : bold;
	color : rgb(255,255,255);
	letter-spacing : 1px;
	padding-right : 15px;
	padding-left : 15px;
	text-decoration : none;
	white-space : nowrap}
.Hauptnavi:hover{	padding-top : 30px;
	padding-bottom : 30px;
	padding-right : 15px;
	padding-left : 15px;
	font-weight : bold;
	color : rgb(253,252,15);
	letter-spacing : 1px;
	white-space : nowrap}	
  
 .Content{	background-image : url( "../assets/images/HG-Verlauf-Content.jpg" );
	background-position : top;
	background-repeat : repeat-y;
	max-width : 1000px;
	margin : auto;
	box-sizing: border-box
	}
	
	.Content p{ padding: 0 100px 0 100px}
	
	
	.Bildbeschreibung{font-size: 14px; right: -30px;
	text-align : right}
	.Bildbeschreibung p {text-align: right}
	
#Footer-Container{	background-color : rgb(5,5,103); box-sizing: border-box}
#Footer-Layout{	max-width: 1000px; margin : auto; box-sizing: border-box}
#Footer-Content{ color: rgb(255,255,255); box-sizing: border-box}
.Footer-ContentText{ color: rgb(255,255,255); box-sizing: border-box}

.ImageContentLinks{	max-width: 40%;border-radius: 5px; box-shadow: 3px 3px 5px #333333; margin: 0 50px 50px 0;
	min-width : 200px}
.ImageContentRechts{ max-width: 300px;border-radius: 5px; box-shadow: 3px 3px 5px #333333; margin: 0 0 50px 50px;
	margin-bottom : 50px}
.ImageContentRechtsMitBeschreibung{ max-width: 300px;border-radius: 5px; box-shadow: 3px 3px 5px #333333; margin: 0 0 50px 20px}

.Underline{ border-bottom: 1px solid rgb(5,5,103);
	padding : 50px;
	width : 100%}

.mehrLesen{	background-color : rgb(5,5,103);
	box-shadow : 2px 2px 5px #333333;
	border-radius : 3px;
	padding : 10px;
	font-size : 16px;
	color : rgb(253,252,15);
	text-decoration : none;
	letter-spacing : 1px;
	padding-right : 15px;
	padding-left : 15px}
.mehrLesen:hover {	color : rgb(5,5,103);
	background-color : rgb(28,171,65);
	box-shadow : 2px 2px 5px #333333;
	border-radius : 3px;
	padding : 10px;
	text-decoration : none;
	font-size : 16px;
	letter-spacing : 1px;
	padding-right : 15px;
	padding-left : 15px}
	
	.NoWrap{	white-space : nowrap}

/* E N D E    E I G E N E  F O R M A T I E R U N G E N */

.nof_BroadcastBlueBanners1-Default{
  font-family:Georgia; font-size:24pt; color:rgb(255,255,254)
}

.nof_BroadcastBlueNavbar4-Regular{
  font-family: Arial; font-size:12px; color:rgb(51,51,51) 
}

.nof_BroadcastBlueNavbar5-Rollover{
  font-family: Arial; font-size:12px; color:rgb(255,255,255) 
}

.nof_BroadcastBlueNavbar6-Highlighted{
  font-family: Arial; font-size:12px; color:rgb(51,51,51) 
}

.nof_BroadcastBlueNavbar7-HighlightedRollover{
  font-family: Arial; font-size:12px; color:rgb(51,51,51) 
}

.nof_BroadcastBlueNavbar9-Regular{
  font-family: Arial; font-size:11px; color:rgb(51,51,51) 
}

.nof_BroadcastBlueNavbar10-Rollover{
  font-family: Arial; font-size:11px;  color:rgb(51,51,51) 
}

.nof_BroadcastBlueNavbar11-Highlighted{
  font-family: Arial; font-size:11px;  color:rgb(51,51,51) 
}

.nof_BroadcastBlueNavbar12-HighlightedRollover{
  font-family: Arial; font-size:11px;  color:rgb(51,51,51) 
}

.color-gray{
  color: #888
}

/* Accordion */
.ui-accordion{
	border: 1px solid #3B5998 !important;
	border-top: none !important
}
 .ui-accordion a {
	border: none !important
}
div.ui-accordion.selected a.head.selected                                                                                               {
	background-image: url( "../assets/images/AccordionTabOpen.png" ) !important;
	color: #f2f2f2 !important
}
.ui-accordion a.head {
	background-image: url( "../assets/images/AccordionTabClosed.png" ) !important;
	background-color: #ffffff !important;
	border: none !important;
	font-size: 11px !important;
	color: #f2f2f2 !important;
	font-weight: normal !important;
	text-indent: 25px !important;
	height: 30px !important;
	line-height: 30px !important
}
.ui-accordion .ui-accordion-panel a {
	display: inline !important
}

/* Tabs */
.ui-tabs-panel{
	border: 1px solid #3B5998 !important;
	padding: 5px !important
}
.ui-tabs-nav a {
	background-image: url( "../assets/images/tab_top.png" ) !important;
	font-weight: normal !important;
	color: #f2f2f2 !important;
	font-size: 11px !important;
	line-height: 22px !important
}
.ui-tabs-nav .ui-tabs-selected a {
	color: #f2f2f2 !important
}
.ui-tabs-nav a span                                                                                               {
	background-image: url( "../assets/images/tab_top.png" ) !important;
	max-height: 50px;
	height: 22px !important
}

div.TogglePaneFancyHeader {
	font-family: inherit !important;
	font-size: 11px !important;
	font-weight: normal !important;
	line-height: 30px;
	height: 30px !important;
	padding: 0px !important;
	text-indent: 25px;
	cursor: pointer;
	border: 1px solid #3B5998 !important;
	border-width: 0px 0px !important;
	background-color: transparent !important;
	background-image: url( "../assets/images/TogglePaneOpen.png" ) !important;
	background-position: 0% 0% !important;
	color: #f2f2f2 !important
}
div.TogglePaneFancyHeaderClosed {
	background-color: transparent !important;
	background-image: url( "../assets/images/TogglePaneClosed.png" ) !important;
	background-position: 0% 0% !important;
	color: #f2f2f2 !important
}
div.TogglePanePlainContent {
	border: 1px solid #3B5998 !important;
	border-top: none !important
}

/* Accordion */
.ui-tabs-nav a:hover span{
	background-position: 0 -50px !important
}
.ui-tabs-nav a:hover{
	background-position: 100% -150px !important;
	color: #f2f2f2 !important
}

/* Toggle Pane */
.jcarousel-skin-nof .jcarousel-next-horizontal{
    background: transparent url( "Images\\next-horizontal.png" ) no-repeat 0 0}

.jcarousel-skin-nof .jcarousel-direction-rtl .jcarousel-next-horizontal{
    background-image: url( "Images\\prev-horizontal.png" )
}

.jcarousel-skin-nof .jcarousel-prev-horizontal{
    background: transparent url( "Images\\prev-horizontal.png" ) no-repeat 0 0}

.jcarousel-skin-nof .jcarousel-direction-rtl .jcarousel-prev-horizontal{
    background-image: url( "Images\\next-horizontal.png" )
}

.jcarousel-skin-nof .jcarousel-next-vertical{
    background: transparent url( "Images\\next-vertical.png" ) no-repeat 0 0}

.jcarousel-skin-nof .jcarousel-prev-vertical{
    background: transparent url( "Images\\prev-vertical.png" ) no-repeat 0 0}
p{	font-family : Open Sans Condensed Light ;
	font-size : 120%;
	color : rgb(85,85,85);
	letter-spacing : 1pt}
h1{
	font-size : 20px;
	font-weight : normal;
	padding-left : 180px;
	color : rgb(255,255,255);
	padding-top : 130px
}


H2 {
	font-family: "Open Sans Condensed Light",                                                                                         sans-serif;
	font-weight : bold;
	font-size : 150%;
	color : rgb(5,5,103);
	padding-left : 50px;
	letter-spacing : 2px
}

H3 {
	font-family: "Open Sans Condensed Light",                                                                                         sans-serif;
	font-weight : bold;
	font-size : 150%;
	color : rgb(255,229,0)
}
.imagelinks{	box-shadow : 3px 3px 5px #333333;
	border-radius : 5px;
	max-width : 40%;
	min-width : 200px;
	margin-right : 25px;
	margin-bottom : 25px}
	
	
#imagelightbox {
position:fixed;
z-index:9999;
cursor:pointer;
-ms-touch-action:none;
touch-action:none
}

#imagelightbox-overlay {
background-color:rgba(0,0,0,0.6);
position:fixed;
z-index:9998;
top:0;
right:0;
bottom:0;
left:0
}

#imagelightbox-caption {
text-align:center;
color:#fff;
background-color:#666;
position:fixed;
z-index:10001;
cursor:pointer;
left:0;
right:0;
bottom:0;
padding:0.625em
}
.blmrmu{	margin-right : 25px;
	margin-bottom : 25px;
	border-radius : 5px;
	box-shadow : 3px 3px 5px #333333;
	max-width : 40%;
	min-width : 200px}
.imagerechtsuo{	max-width : 40%;
	min-width : 200px;
	box-shadow : 3px 3px 5px #333333;
	border-radius : 5px;
	margin-left : 25px;
	margin-bottom : 25px;
	margin-top : 25px}
.imagelinksore{	margin-right : 25px;
	margin-top : 25px;
	border-radius : 5px;
	max-width : 40%;
	min-width : 200px;
	box-shadow : 3px 3px 5px #333333}
.imagerechtsu{	box-shadow : 3px 3px 5px #333333;
	margin-left : 25px;
	margin-bottom : 25px;
	max-width : 40%;
	min-width : 200px;
	border-radius : 5px}
.imagelinksoure{	margin-right : 25px;
	margin-top : 25px;
	margin-bottom : 25px;
	box-shadow : 3px 3px 5px #333333;
	border-radius : 5px;
	max-width : 40%;
	min-width : 200px}
.imagerechto{	margin-left : 25px;
	margin-top : 26px;
	max-width : 40%;
	min-width : 200px;
	border-radius : 5px;
	box-shadow : 3px 3px 5px #333333}
.tabellen{	min-width : 4ßßpx;
	max-width : 60%;
	box-shadow : 3px 3px 5px #333333}
.tab{	max-width : 60%;
	min-width : 400px;
	box-shadow : 3px 3px 5px #333333}
.imsgerechtsu400{	margin : 25px,        100px,        25px,        25px;
	box-shadow : 3px 3px 5px #333333;
	border-radius : 5px;
	max-width : 37%;
	min-width : 200px}
.tablinks{	box-shadow : 3px 3px 5px #333333;
	min-width : 300px;
	max-width : 80%;
	border-bottom : 10px;
	border-top : 10px}
.Navi{	background-color : rgb(80,80,148)}