html {height: 100.5%; font-size: 62.5%;}
body {
	background-color: #333;
	color: #333;
	text-align: center;
	font-size: 1.2em;
	font-family: verdana, Verdana, sans-serif;
	line-height: 1.7em;
}

* {margin: 0px; padding: 0px; border: 0px;}

h1 {font-size: 1.6em;}
h2 {font-size: 1.25em;}
h3 {font-size: 1.4em; color:#333366;}
h4 {font-size: 1.35em; letter-spacing: 0.06em; color: #333366; background-repeat: no-repeat; background-position: left top;margin: -15px -15px 0px -15px; padding: 1em 10px 1.7em 10px;}
h5 {font-size: 1.2em; padding-left: 1em; background-color: #ffffcc; color: #333366; }/* #### text styles montecabana #### */
h5.bg {background-color: #cccc99;}
h6 {font-size: 0.9em;}


a {color: #333;}
a:link {}
a:visited {}
a:hover {}

a:active {}

/* #### text styles ANFANG #### */
div#headertext {position: absolute; margin-top: 200px; margin-left: 40px; text-align: center;}

a.link { color: #333366; font-weight: bold; background: url(../fotos_layout/link_icon.gif) no-repeat right bottom; padding-right: 16px; }
.top_link {float: right; text-decoration: underline;}
.button a {float: right; padding: 0.2em 0.5em; background-color: #cccc99; border-top: 1px solid #999966; border-left: 1px solid #999966; border-bottom: 1px solid #333; border-right: 1px solid #333; font-weight: bold;}
.button a:hover {background-color: #eeeedd; padding: 0.2em 0.5em; border-top: 1px solid #333333; border-left: 1px solid #333333; border-bottom: 1px solid #999966; border-right: 1px solid #999966; font-weight: bold;}	
.dlbutton a { padding: 0.2em 0.5em; background-color: #f0f0f0; border-top: 1px solid #999966; border-left: 1px solid #999966; border-bottom: 1px solid #333; border-right: 1px solid #333; font-weight: bold;}
.dlbutton a:hover { background-color: #6699cc; padding: 0.2em 0.5em; border-top: 1px solid #333333; border-left: 1px solid #333333; border-bottom: 1px solid #999966; border-right: 1px solid #999966; font-weight: bold;}	
.textblock { font-size: 0.9em; line-height: 1.5em; width: 350px; text-align: justify; margin: 15px 10px 20px 90px; }
.headline_img { background-image: url(../fotos_layout/bg_headline.jpg);}
.headline_img1 { background-image: url(../fotos_layout/bg_headline1.jpg); color: #f0f0f0;}
.headline_img2 { background-image: url(../fotos_layout/bg_headline2.jpg);}
.headline_img3 { background-image: url(../fotos_layout/bg_headline3.jpg); color: #f0f0f0;}
.headline_img4 { background-image: url(../fotos_layout/bg_headline4.jpg); color: #ffffff;}
.headline_img5 { background-image: url(../fotos_layout/bg_headline5.jpg);color: #ffffff;}
.headline_img6 { background-image: url(../fotos_layout/bg_headline6.jpg);color: #ffffff;}
.headline_img7 { background-image: url(../fotos_layout/bg_headline7.jpg);color: #333366;}
.headline_img8 { background-image: url(../fotos_layout/bg_headline8.jpg);color: #ffffff;}
.headline_img9 { background-image: url(../fotos_layout/bg_headline9.jpg);}
.headline_img10 { background-image: url(../fotos_layout/bg_headline10.jpg);}
.headline_img11 { background-image: url(../fotos_layout/bg_headline11.jpg);color: #ffffff; padding-top: 2em; padding-bottom: 2em;}
.headline_img12 { background-image: url(../fotos_layout/bg_headline12.jpg);color: #ffffff; padding-top: 2em; padding-bottom: 2em;}
.headline_img13 { background-image: url(../fotos_layout/bg_headline13.jpg);color: #ffffff; padding-top: 2em; padding-bottom: 2em;}
.headline_img14 { background-image: url(../fotos_layout/bg_headline14.jpg);color: #ffffff; padding-top: 2em; padding-bottom: 2em;}
.headline_img15 { background-image: url(../fotos_layout/bg_headline15.jpg);color: #ffffff; padding-top: 2em; padding-bottom: 2em;}
.headline_img16 { background-image: url(../fotos_layout/bg_headline16.jpg);}
.headline_img17 { background-image: url(../fotos_layout/bg_headline17.jpg);color: #ffffff;}
/* #### text styles ENDE #### */

/* #### img styles ANFANG #### */
img.textbox { float: right; margin: 90px 0 10px 10px;}
img.textbox_bg_gr { float: right; margin: 0px 0px 0px 10px;}
img.first_img { float: right; margin: 10px 0px 10px 10px; }
img.left_img {float: left; margin: 0px 10px 10px 0px;}
img.galerie {margin: 15px 0px;}
/* #### img styles ENDE #### */

/* #### AUFTEILUNG DER SEITE ANFANG #### */

div#wrapper {width: 960px; margin: 10px auto; text-align: left;}

div#header { height: 280px; width: 960px; text-align: left; }

div#headermaske { height: 280px; width: 960px; position: absolute; margin-top: 0; margin-left: 0; background-image: url(../fotos_layout/korsika_montemar_header.gif); z-index: 100; }

.slideshow { position: absolute; height: 280px; width: 435px; margin-left: 270px }
.slideshow img { background-color: #333; margin-top: 15px; margin-bottom: 20px; }


div#nav { background-color: #cccc99; position: relative; margin-top: 0; margin-right: 5px; padding-left: 10px; border: solid 1px #999966; float: right; width: auto; }
	
/* #### nav inhalt ANFANG #### */

div#nav li {
	display: inline; 
	margin-right: 10px;
}
div#nav a {
	
	text-decoration: none; 
	font-weight: normal; 
	text-transform: uppercase; 
	padding-bottom: 2px;
}
div#nav a:hover, 
body#home li.navhome a,
body#kontakt li.navkontakt a,
body#anmelden li.navanmelden a,
body#links li.navlinks a,
body#news li.navnews a {
	border-bottom: 3px solid #333;
	
/* #### nav inhalt ENDE #### */	

}

div#wrapcontent { position: relative; margin-top: -15px; width: 100%;
	/* overflow: auto; */
	z-index: 110; visibility: visible; }

div#colright {
	text-align: center;
	float: right;
	width: 220px;
		}

div#colleft {
	width: 740px;
		}
		
*html div#colright {
    width: 210px;
    margin: 0 0 0 -5px;  
    
}
*html div#colright #menu, *html div#colright #pr, *html div#colright div {
    /* display: none; */
}
div#topgrafik {
	height: 25px;
	width: 100%;
	background-image: url(../fotos_layout/topgrafik_inhalt_dkl.gif);
}

div#inhalt {
	width: 680px;
	padding: 15px 30px 15px 30px;
	background-image: url(../fotos_layout/centergrafik_inhalt_dkl.gif);
	}
	
div#textbox_1 { width: 655px; margin: 20px 0px 10px 0px; padding: 10px; border: solid 2px #818181; background-color: #cccc99; background-image: url(../fotos_layout/gr_20_textbox.jpg); background-repeat: no-repeat; background-position: left top; }
div#textbox_2 { width: 655px; margin: 20px 0px 10px 0px; padding: 10px; border: solid 2px #818181; background-color: #cccc99; background-image: url(../fotos_layout/eintages_textbox.jpg); background-repeat: no-repeat; background-position: left top; }
div#textbox_3 { width: 655px; margin: 20px 0px 10px 0px; padding: 10px; border: solid 2px #818181; background-color: #cccc99; background-image: url(../fotos_layout/segeln_textbox.jpg); background-repeat: no-repeat; background-position: left top; }
div#textbox_4 { width: 655px; margin: 20px 0px 10px 0px; padding: 10px; border: solid 2px #818181; background-color: #cccc99; background-image: url(../fotos_layout/sportcamp_textbox.jpg); background-repeat: no-repeat; background-position: left top; }
div#textbox_5 { width: 655px; margin: 20px 0px 10px 0px; padding: 10px; border: solid 2px #818181; background-color: #cccc99; background-image: url(../fotos_layout/kultur_textbox.jpg); background-repeat: no-repeat; background-position: left top; }

div#textbox_bg_gr {width: 655px; margin: 20px 0px 10px 0px; padding: 10px; border: solid 2px #818181; background-color: #cccc99; background-image: url(../fotos_layout/bg_head_textbox.gif); background-repeat: no-repeat; background-position: left top; }
div#textbox_bg {width: 655px; margin: 20px 0px 10px 0px; padding: 10px; border: solid 2px #818181; background-color: #cccc99; background-image: url(../fotos_layout/bg_head_textbox2.gif); background-repeat: no-repeat; background-position: left top; }	
div#agb {height: 300px; overflow: scroll;}

	.textbox_uni_camp {margin:15px 0px; padding: 15px; background: #006633; color: #ffffcc; border: 2px solid #999966;}
	.textbox_uni_camp ul {margin-top: 15px; list-style-position: inside; list-style-type: square; border-left: 5px solid #ffffcc; padding-left: 20px;}
	.textbox_uni {margin:15px 0px; padding: 15px; background: #eeeedd; border: 2px solid #999966;}
	.textbox_uni ul {margin-top: 15px; list-style-position: inside; list-style-type: square; border-left: 5px solid #333366; padding-left: 20px;}
	.textbox_korsika {margin:50px 0px; padding: 15px; font-size: 1em; background: #eeeedd; border: 2px solid #999966;}	

		/* #### ANFANG Tabellendefinitionen für mehrere Tabellen ÜBERARBEITEN! #### */
		table#etappen_gr {width: 100%; border-collapse: collapse;}	
		table#etappen_gr td {text-align: left; vertical-align: top; padding: 0.5em 0.5em;}
	col#coltag {width: 60px; color: #333366;}
		tbody tr.farbe_hg td {background: #99cc99;}
		
		table#termine_gr {width: 100%;}
			thead {caption-side: bottom; color: #333366; font-weight: normal;}
			th, td {padding: 0.1em 0.5em; text-align: center;}
		tbody tr.farbe td {background: #cccc99;}
		
		table#camp {margin: 0px auto;}
		table#camp thead {color: #ffffcc;}
		table#camp tbody tr, td {font-size: 1em;}
		table#camp tbody tr.farbe {background: #cccc99; color: #006633;}

		table#geschichte_alt, #geschichte_neu tr, td {text-align: left;}

		table#tarif {}
		table#tarif tbody tr td {font-size: 1em; line-height: 1.4em;}
		col#min, #max {width: 100px;}
		/* #### ENDE Tabellendefinitionen für mehrere Tabellen ÜBERARBEITEN! #### */	
		
	/* #### Infobox ANFANG #### */


#infobox { z-index:3; }

#infobox a { background:transparent; text-decoration: none; display:block; padding:5px; }

#infobox a:hover { color: #333333; background:#ddd8b7; position: absolute; right: 100px; width:400px; z-index: 3; }

#infobox a span { display:none; }

#infobox a:hover span { color:black; font: 12px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background:#ffffff; border:solid 1px; display:block; padding:10px; }

	/* #### Infobox ENDE #### */

div#unternav { width: 600px; margin: 25px 30px 10px 30px; text-align: center;}
div#unternav ul {width: 500px; padding: 5px 20px; margin: auto; border: 2px solid #818181; text-align: center; background-color: #cccc99;}
div#unternav li {display: inline;}
div#unternav a {padding: 5px 15px 5px 15px;}
div#unternav a:hover {background-color: #FEF79D; padding: 5px 15px 5px 15px;}

div#bottomgrafik {
	height: 25px;
	width: 100%;
	background-image: url(../fotos_layout/bottomgrafik_inhalt_dkl.gif);
}

div#menu {
	text-align: left;
    width: 162px;
	height: 340px;
	background-image: url(../fotos_layout/bg_menu_dkl.gif);
	padding: 40px 28px 0px 30px;
		}
/* #### menu inhalt ANFANG #### */

#navcontainer {}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer li { margin: 0; }

#navcontainer a
{
display: block;
padding: 2px 10px;
width: 140px;
color: #333;
background-color: #cccc99;
text-decoration: none;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-bottom: 1px solid #818181;
border-right: 1px solid #818181;
font-weight: bold;
}

#navcontainer li.inaktiv {color: #333;
font-weight: bold;
padding: 3px 10px;
background-color: #889E88;
text-decoration: none;
background-image: url(../fotos_layout/pfeil_am.gif);
background-repeat: no-repeat;
background-position: right bottom;}

#navcontainer a:hover
{
color: #333;
background-color: #889E88;
text-decoration: none;
border-top: 1px solid #818181;
border-left: 1px solid #818181;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;

background-repeat: no-repeat;
background-position: 0 0;
}

body#gr_20 li.gr_20 a,
body#wandern li.wandern a,
body#wanderwoche li.wanderwoche a,
body#klettern li.klettern a,
body#segeln li.segeln a,
body#canyoning li.canyoning a,
body#fluss li.fluss a,
body#kultur li.kultur a,
body#montecabana li.montecabana a,
body#korsika_allgemein li.korsika_allgemein a,
body#korsika_geschichte_natur li.korsika_geschichte_natur a,
body#info li.info a,
body#fotoservice li.fotoservice a
{color: #333;
background-color: #889E88;
text-decoration: none;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-bottom: 1px solid #818181;
border-right: 1px solid #818181;
background-repeat: no-repeat;
background-position: 0 0;
}
*html #navcontainer ul ul {
    margin: 0 -10px;
    padding: 0;
}
#navcontainer ul ul a
{
display: block;
padding: 0px 5px 0px 25px;
width: 130px;
color: #333;
background-color: #dfdfbf;
text-decoration: none;
font-weight: normal;

}

#navcontainer ul ul a:hover
{
color: #333;
background-color: #889E88;
text-decoration: none;
}

/* #### menu inhalt ENDE #### */

div#pr {
	text-align: center;
	width: 220px;
	height: 400px;
	margin-top: 20px;
	margin-bottom: 30px;
	color: #fc6;
	
	}
	div#pr a {color: #fc6; text-decoration: none;}
*html div#pr {
    width: 217px;
}
div#footer {
	margin: 10px 0px 20px 0px;
	padding: 0px 10px;
	color: #fc6;
	background-color: #333;
	text-align: center;
}
div#footer a {color: #fc6;}
/* #### AUFTEILUNG DER SEITE ENDE #### */