BODY {
  background-image: none;
  color: rgb(51,51,51);
  font-family: Tahoma;
  background-repeat: repeat-x;
	font-weight : normal
}
  
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 */
#Pfeil {max-width : 90px; margin: 250px auto auto; border-top: 80px solid rgba(255,255,255,0.4); border-left: 80px solid rgba(255,255,255,0); border-right: 80px solid rgba(255,255,255,0); border-radius: 5px; 
 box-sizing: border-box}

 #NachUnten  {max-width: 100%; margin: -75px auto 300px; box-sizing: border-box } 
 #NachUnten a {text-decoration: none; color: rgba(255,255,255,0); font-weight: bold; fonz-size: 36px; padding: 50px; box-sizing: border-box }
  #NachUnten a:hover {text-decoration: none; color: rgb(0,102,255); box-sizing: border-box ;
	font-weight : bold}
 
.Logo{	position : absolute;
max-width: 250px;
	left : 50%;
	margin-left: -500px;
	top : 10px;
	z-index: 1}
	
	#Header-Container{	
	background-color : rgb(5,5,103); box-sizing: border-box;
	min-height : 300px
	}

#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;
	min-height : 300px;
	margin-bottom : -5px}
  
 #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:active{	padding-top : 30px;
	padding-bottom : 30px;
	padding-right : 15px;
	padding-left : 15px;
	font-weight : bold;
	color : rgb(255,0,0);
	letter-spacing : 1px;
	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 0px 0 0px}
	
	
	.Bildbeschreibung{font-size: 14px; right: -30px;
	text-align : right}
	.Bildbeschreibung p {text-align: right;
	max-width : 200px}
	
#Footer-Container{	background-color : rgb(0,0,90); 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(0,102,255); box-sizing: border-box}

.ImageContentLinks{	max-width: 300px;border-radius: 5px; box-shadow: 3px 3px 5px #333333; margin: 0 50px 50px 0}
.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}

.mehrLesen{	background-color : rgb(0,0,90);
	box-shadow : 2px 2px 5px #333333;
	border-radius : 3px;
	padding : 10px;
	font-size : 16px;
	color : rgb(153,204,255);
	text-decoration : none;
	letter-spacing : 1px;
	padding-right : 15px;
	padding-left : 15px;
	line-height : 50px}
	
		
.mehrLesen:hover {	color : rgb(0,0,90);
	background-color : rgb(153,204,255);
	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;
	line-height : 50px}
	
	
	
	.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: "Tahoma";
	font-size : 100%;
	color : rgb(50,50,50);
	letter-spacing : 1px}
	
h1{
	font-size : 200%;
	font-weight : bold;
	color : rgb(0,0,90);
	padding-top : 30px;
	font-family : Tahoma }


H2 {
	font-family: "Tahoma";
	font-weight : bold;
	font-size : 24px;
	color : rgb(0,0,90);
	padding-left : 50px;
	letter-spacing : 1px
}

H3 {
	font-family: "Tahoma";
	font-weight : bold;
	font-size : 150%;
	color : rgb(0,0,90)
	}
	
.imagelinks{
box-shadow : 3px 3px 5px #333333;
border-radius : 5px;
max-width : 40%;
min-width : 200px;
margin-right : 25px;
margin-bottom : 25px
}
.TextObject{	font-family : Tahoma
}
ul li                 {
}
ol li                 {	list-style-position : outside
}
ul li                 {	list-style-position : outside
}
ul li                {	list-style-type : square
}
ul li               {	letter-spacing : 1px
}


#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
}
.Link{	letter-spacing : 1px;
	color : rgb(50,50,50);
	font-family : Tahoma;
	font-size : 100%;
	font-weight : bold;
	text-decoration : none}
.Link:hover{	color : rgb(0,0,255);
	font-family : Tahoma;
	font-size : 100%;
	font-weight : bold;
	text-decoration : none;
	letter-spacing : 1px;
	background-color : rgb(153,204,255)}