/* CSS Document */

/* CSS Document */

/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: #222222;
	background-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px
}
ol, ul {
	list-style: none;
}



a:link {color:#20255C; text-decoration:none}
a:visited {color:#20255C; text-decoration:none}
a:hover {color:#787878; text-decoration:none}
a:active {color:#787878; text-decoration:none}

h1 {font-size:21px; color:#20255C; font-family:Arial, Helvetica, sans-serif; margin-bottom:4px}
h2 {font-size:17px; color:#20255C; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:6px}
h3 {font-size:14px; color:#20255C; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
h4 {font-size:11px; color:#cdcdcd; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
a {color:#20255C}

#header {width:1000px; height:150px; margin:0 auto}
#content { width:1000px; padding-bottom:35px; margin:0 auto}
#content p {padding-bottom:8px;}
#text {width:700px; margin:0 auto}
#content ul {list-style: inside disc; margin-bottom:4px}
#content ol {list-style:inside decimal; margin-bottom:4px}
#content li {padding-bottom:3px}
#footer {width:965px; font-size:9px; padding:15px 10px 15px 25px; clear:both; background-color:#444444; 
color:#cdcdcd; border-top:1px solid #cccccc; background-image:url(../images/footerbg.jpg); 
background-position:right; background-repeat:no-repeat; display:block; margin:0 auto}
#footer a {color: #31CDFF}
#footer a:hover {color: #dedede}

#blogwrap {margin:0 auto; width:950px}
#blogcontent { width:600px; padding-bottom:35px; float:left}
#blogcontent p {padding-bottom:8px;}
#blogsidebar {width:300px; padding:10px; float:right}
#blogsidebar p {padding-top:12px}

#fonttext {width:450px; float:left; margin-left:8px; margin-bottom:25px}
#frontteaserwrap {width:500px; margin-left:20px; float:right}
.frontteaser{ width:230px; margin:5px; float:left}

.picdiv {width:1000px; height:380px; padding-top:75px}
.picdiv p {width:400px; margin-left:25px; padding-bottom:8px; color:#cdcdcd; font-size:13px;}

#pricediv {width:300px; background-color:#999999; color:#FFFFFF; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; padding:12px; text-align:center; margin:4px}
#pricediv h3 {color:#FFFFFF}

#smallteaserwrap {margin-left:40px; margin-top:-60px}
#smallteaserwrap p {padding-bottom:8px}
.smallteaser {width:294px; height:290px; margin:8px; float:left}

.pricetable {margin:0 auto; font-size:14px}
.pricetable td {padding:7px}

.map {height:650px; width:450px; float:right; margin-top:25px}
.directions {width:300px;}
.directions
.directions a {color:#65BA4A;}
.directions a:hover {color:#000000;}
#mapwrap {width:840px}
#mapwrap  h2 {color:#CCCCCC}
#dirinputwrap {margin:25px 0 10px 20px; float:left}

.smalltext {font-size:9px}
.error {color:#990000}

#contactform {width:400px; float:right}

.blogentry {clear:both; margin-bottom:20px; border-bottom:1px solid #bbbbbb; padding-bottom:10px}

#languagelinks {position:absolute; right:5px; top:5px; font-size:9px; width:70px}
#languagelinks img {float:left; margin-right:6px}

#tinycontent { margin:30px 5px 5px 20px; width:650px}
#tinycontent h1 {color:#cdcdcd}
#tinycontent p {padding-bottom:12px}
#tinycontent td {padding:5px}

#weather {width:430px; margin-top:4px; padding-top:4px; border-top:1px solid #666666}

#gallery {margin-left:10px; width:880px}
.thumb {float:left; padding:5px}
.thumb img {border:3px solid #555555}

#nav {width:700px; float:left; margin-top:60px}
#nav ul li {float:left; text-transform: uppercase; width:90px; text-align:center; margin-left:9px; padding:10px 0; border-radius:4px}
#nav ul li:hover {background-color:#eee}
#nav ul li a:link, #nav ul li a:visited {color:#fff; display:block;}
#nav ul li a:hover {color:#666;}

/*SET INDIVIDUAL COLOURS*/
#nav ul #training, #nav ul #ausbildung {background-color:#0498b4;}
#nav ul li#training.active, #nav ul li#ausbildung.active {padding:10px 0 20px 0}


#nav ul #gallery, #nav ul #galerie {background-color:#d6b728;}
#nav ul li#gallery.active, #nav ul li#galerie.active {padding:10px 0 20px 0}


#nav ul #prices, #nav ul #preise {background-color:#9104b3;}
#nav ul li#prices.active, #nav ul li#preise.active {padding:10px 0 20px 0}


#nav ul #charter-and-rental, #nav ul #charter-und-miete {background-color:#990000;}
#nav ul li#charter-and-rental.active, #nav ul li#charter-und-miete.active {padding:10px 0 20px 0}


#nav ul #about-us, #nav ul #uber-uns {background-color:#0321bc;}
#nav ul li#about-us.active, #nav ul li#uber-uns.active {padding:10px 0 20px 0}


#nav ul #contact, #nav ul #kontakt {background-color:#10ac77;}
#nav ul li#contact.active, #nav ul li#kontakt.active {padding:10px 0 20px 0}

#nav ul #climate, #nav ul #klima {background-color:#e6bf7e;}
#nav ul li#climate.active, #nav ul li#klima.active {padding:10px 0 20px 0}

 /*
#nav ul #blog {border-top:6px solid #666666}
#nav ul li#blog.active {background-color:#666666;}
#nav ul li#blog.active a {color:#FFFFFF}
#nav ul li#blog.active a:hover {color:#222222}*/

/*POSITION THE SUBMENUS*/
/*#nav ul li ul { position:relative; top:2px; left:0px; background-color:#FFFFFF; margin-left:-9px}
#nav ul li ul li {float:none; text-transform:none; font-size:9px; text-align:center; background-color:#ffffff; border:none; } */
/*RESET THE SUBMENU LINKS*/
/*#nav ul li#training.active ul li a, #nav ul li#ausbildung.active ul li a {color:#333333}
#nav ul li#training.active ul li a:hover, #nav ul li#ausbildung.active ul li a:hover {color:#999999}
#nav ul li#charter-and-rental.active ul li a, #nav ul li#charter-und-miete.active ul li a {color:#333333}
#nav ul li#charter-and-rental.active ul li a:hover, #nav ul li#charter-und-miete.active ul li a:hover {color:#999999} */

/* TABS (Thanks to Soh Tanaka) */

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
	list-style:none
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border-bottom: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
	margin:20px 0
}

.tab_container h1 {margin:25px 0 18px 0}
.tab_container h2 {margin:25px 0 10px 0}


.tab_content {
	padding: 20px;
	line-height:19px;

}

.winterpplh td {padding:4px 15px 4px 0; border-bottom:1px solid #eee}
table.winterpplh {margin-bottom:20px}