body {
height:auto;
width:auto;
margin:auto;
font-family:arial, helvetica, sans-serif; 
background:#FFFFFF;
font-size:14pt;
overflow-x: hidden;
}

h1 {
font-size:30pt;
width:auto;
height:auto;
float:right;
font-weight:bold;
margin-right:100px;
margin-left:30px;
color:#000052;
}

h2 {
font-size:13pt;
width:auto;
height:auto;
margin-left:30px;
margin-right:30px;
color:#ffffff;
opacity:1;
}

h3 {
font-size:7pt;
width:auto;
height:auto;
margin-left:30px;
margin-right:30px;
color:#ffffff;
opacity:1;
}

h4 {
font-size:13pt;
width:auto;
height:auto;
color:#ffffff;
opacity:1;
}

h5 {
font-size:13pt;
width:auto;
height:auto;
margin-left:30px;
margin-right:30px;
color:#000052;
}

h6 {
font-size:13pt;
width:250px;
height:auto;
margin-left:30px;
background-color:#000052;
color:#ffffff;
border:1px solid #000052;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
text-align:center;
}

h7 {
font-size:14pt;
width:auto;
height:auto;
margin-left:30px;
margin-right:30px;
color:#000052;
}

/*++++Links++++*/

a:visited {
color:#ff0000;
}

/*----Links----*/

/*++++Kopfbereich++++*/

#header {
height:auto;
width:100%;
background:#ffffff;
border:1px solid #ffffff;
}

div.logo {
height:auto;
width:auto;
float:left;
margin-top:30px;
margin-bottom:30px;
margin-left:100px;
border:1px solid #ffffff;
}

div.fb {
height:auto;
width:auto;
float:right;
margin:0px 0px 0px 0px;
}

/*----Kopfbereich----*/

/*Menu*/

.menu {	
  position:relative;
  float:left;
  height:auto;
  width:100%;
  font-size:14px;
  background:#000052;
  text-align:center;
  margin:auto;
  padding:auto;
}


.menu li {
	float:left;
  position:relative;
  display:block;
	list-style:none;
	height:50px;
}

/*Menulinks*/

.menu li a {
	display:block;
	padding: 0 14px;
	margin: 6px 0;
	line-height: 24px;
	text-decoration: none;
	border-left: 1px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
}

.menu li:first-child a { border-left: none; }
.menu li:last-child a{ border-right: none; }

.menu li:hover > a {
  font-weight:bold;
  color: #000052;
  background:#ffffff;
}

/*Sub Menu*/

.menu ul {
  position: absolute;
  *left: 0;
    
  top: 32px;
  padding: 0;

	opacity: 0;
	
	background: #000052;

	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
  
  border:1px solid #ffffff;
  border-top:0px;

	-webkit-transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-o-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
	transition: opacity .25s ease .1s;
  
  z-index: 3;
}

.menu li:hover > ul { opacity: 1; }

.menu ul li {
  height: 0;
	overflow: hidden;
	padding: 0;
  
	-webkit-transition: height .25s ease .1s;
	-moz-transition: height .25s ease .1s;
	-o-transition: height .25s ease .1s;
	-ms-transition: height .25s ease .1s;
	transition: height .25s ease .1s;
}

.menu li:hover > ul li {
	height: auto;
	overflow: visible;
	padding: 0;
}

.menu ul li a {
	width: 120px;
  padding: 4px;
	margin: 0;
  font-size:12px;
	border: none;
	border-bottom: 1px solid #FFF;
}
.menu ul li a:hover {
   background:#888888;
   color:#000052;
}

.menu ul li:last-child a {
  border: none;
  -webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.Pfad {
width:auto;
height:auto;
color:#000052;
font-size:9pt;
float:right;
margin-right:100px;
margin-top:10px;
}

.Pfad a {
text-decoration:none;
}


/*++++Inhalt++++*/

#middle1 {           /*nur Startseite*/
height:auto;
width:100%;
background-image:url(../Bilder/Hintergrund.jpg);
overflow:auto;
}                                                           

#middle2 {          /*alle Seiten ausser Startseite*/
height:auto;
width:100%;
overflow:auto;
overflow-x: hidden;
}            

.content1 {         /*nur Startseite */
height:auto;
min-width:1020px;
float:left;
opacity:0.9;
margin:50px;
background:#000052;
color:#ffffff;
border:1px solid #000052;

-webkit-box-shadow:10px 10px 20px #777777;
-moz-box-shadow:10px 10px 20px #777777;
box-shadow:10px 10px 20px #777777;

-webkit-border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
}

.content2 {         /*alle Seiten ausser Startseite */
height:auto;
width:1050px;
float:left;
margin:50px;
background:#000052;
color:#ffffff;
border:1px solid #000052;

-webkit-box-shadow:10px 10px 20px #777777;
-moz-box-shadow:10px 10px 20px #777777;
box-shadow:10px 10px 20px #777777;

-webkit-border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
}

.content3 {
height:auto;
min-width:1020px;
margin:30px;
background-color:#ffffff;
}

.text1 {            /*weisse Schrift*/
margin:30px;
color:#ffffff;
opacity:1;
font-size:10pt;
text-align:justify;
padding-bottom:10px;
border-bottom:1px solid #29296b;
}

.text2 {            /*blaue Schrift*/
width:450px;
height:auto;
margin:50px;
color:#000052;
font-size:10pt;
float:left;
text-align:justify;
}

/*++++Slideshow Bootshaus, Zeltplatz++++*/

.fadein {
position:relative;
width:600px;
height:400px;
margin-left:auto;
margin-right:auto;
margin-top:30px;
margin-bottom:30px;
text-align:center;
background:#000052;
overflow:hidden;
}

.fadein img {
position:relative;
}

/*----Slideshow Bootshaus, Zeltplatz----*/


/*++++Startseite Slalomcrew++++*/

.video {
width:auto;    /*960px*/
height:auto;   /*600px*/
float:left;
margin:50px;

-webkit-box-shadow:10px 10px 20px #777777;
-moz-box-shadow:10px 10px 20px #777777;
box-shadow:10px 10px 20px #777777;
}

/*----Startseite Slalomcrew----*/


/*++++Terminplan++++*/

.termine {
width:auto;
height:auto;
color:#000052;
margin:50px 30px 30px 50px;
font-size:10pt;
float:left;
}

/*----Terminplan----*/

/* +++++ Galerie +++++*/

ul.galery {
text-align:center;
margin:50px 30px 30px 30px;
}

ul.galery li {
list-style:none;
width:auto;
height:150px;
display:inline;
float:left;
margin:15px;
padding:3px;
border:1px solid #FFFFFF;
}

ul.galery li:hover {
border:1px solid #ffffff;
-webkit-box-shadow:10px 10px 20px #777777;
-moz-box-shadow:10px 10px 20px #777777;
box-shadow:10px 10px 20px #777777;
}

a.foto_link {
text-decoration:none;
}

div.photo_album_name {
font-size:11pt;
width:180px;
height:auto;
margin-top:5px;
display:block;
text-decoration:none;
color:#000052;
}

#slideshow {
height:auto;
width:1050px;
margin:auto;
background:#FFFFFF;
overflow:auto;
}

/*----- Galerie -----*/

/*++++Kontakt++++*/

.table_kontakt {
width:auto;
height:auto;
text-align:left;
margin-left:30px;
margin-bottom:30px;
color:#000052;
}

/*---Kontakt----*/

/*++++Links++++*/

ul.links {
margin-left:30px;
margin-right:30px;
float:left;
width:100%;
}

ul.links li {
list-style:none;
width:auto;
height:200px;
display:inline;
float:left;
margin:15px 30px 30px 0;
padding:0;
border:1px solid #ffffff;
}

ul.links li:hover {
border:1px solid #ffffff;
}

a.link_link {
text-decoration:none;
}

/*
div.link_name {
font-size:11pt;
width:auto;
height:auto;
margin-top:5px;
display:block;
text-decoration:none;
color:#ffffff;
}
*/

/*----Links----*/

/*----Inhalt----*/

/*++++Fusszeile++++*/

#footer {
height:auto;
width:100%;
background:#000052;
border:1px solid #000005;
font-size:9pt;
}

.footer_link_button {
text-decoration:underline;
color:#FFFFFF;
}

a.footer_link {
text-decoration:underline;
color:#FFFFFF;
}

/*----Fusszeile----*/