@charset "utf-8";

/* =General
--------------------------------------------------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;

}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
p {
    margin:0px 0px 0.5em 0px;
    padding:0px 0px 0px 0px;
}
h2 {font-size:22px; line-height:22px; color:#ffff00;}
h3 {font-size:20px; line-height:22px; color:#ffff00;}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Class for clearing floats */
.clear {
  clear: both;
}


.clearfix:after {  content: "."; display:block; height:0; line-height:0px; font-size:0px; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }		
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */


/* class for float  */
.alignleft { float:left;}
.right_column { float:right;}
.alignnone { clear:both;  font-size:0px; line-height:0px;}


/* Removing border on linked images */
img {border: 0;}

/* End General
--------------------------------------------------------------------------------------------------------*/

/* =Typography
--------------------------------------------------------------------------------------------------------*/

/* Setting up the fonts */
body {
	 font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;  color:#fff;
}

#mainnavigation li { font-size:16px;}
.guestbook li { font-size:16px;}
.guestbook .date { font-size:16px;}
.video_content h3 {font-size:20px;}
.video_content li { font-size:15px;}
#footer .footer_link {font-size:20px; }
#footer .footer_link a { font-size:18px;}

/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/
.guestbook h2 {margin-bottom:24px; color:#ffff00;}
.video_content h3 { color:#ffff00; padding-left:5px; margin-bottom:8px;}

/* End Headings
--------------------------------------------------------------------------------------------------------*/


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

a { text-decoration:underline;  color:#fff}
a:hover { text-decoration:none;}

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


/* =Branding
--------------------------------------------------------------------------------------------------------*/

html, body { height:100%;}
body  {background:#999;}
#wrapper { width:1000px; margin:0px auto; background:url(/uploads/layout/main-bg.jpg) no-repeat 0px 0px #01333e;}

/* End Branding
--------------------------------------------------------------------------------------------------------*/


/* =Main Nav
--------------------------------------------------------------------------------------------------------*/
#mainnavigation ul {padding:148px 0px 0px 48px;}
#mainnavigation li {float:left; line-height:20px;  width:100%;  }
#mainnavigation li a {text-decoration:none; color:#addfe6; font-weight:bold; display:block; background:url(../uploads/layout/spacer.gif) transparent; z-index:99; position:relative}
#mainnavigation li a span.bullet { width:88px; height:79px; position:absolute; display:block; left:-200px; top:-27px; background:none; z-index:10 }
#mainnavigation li a em{ position:relative; z-index:110;  font-style:normal;}
#mainnavigation li a:hover span.bullet , #mainnavigation li a.active span.bullet { left:-71px; background:url(../uploads/layout/link-bullet.png) no-repeat center center; }
#mainnavigation li a:hover {text-decoration:none;  z-index:2}
#mainnavigation li a.active { z-index:1;  }

#mainnavigation li a span.bullet { _width:69px;_top:-17px; _left:-68px; _height:62px; _background:url(../uploads/layout/link-bullet.gif) no-repeat 6px -100px;}
#mainnavigation li a:hover span.bullet , #mainnavigation li a.active span.bullet { _background:url(../uploads/layout/link-bullet.gif) no-repeat 8px 0px;}

#mainnavigation ul {padding:148px 0px 0px 48px;}
#mainnavigation li {float:left; line-height:20px;  width:100%;  }
#mainnavigation li a {color:#addfe6; font-weight:bold; display:block; background:url(../uploads/layout/spacer.gif) transparent; z-index:99; position:relative;}
#mainnavigation li a .bullet {display:none;}
#mainnavigation li .bullet {width:88px; height:79px; position:absolute; z-index:-1; left:-69px; top:-25px; background:url(../uploads/layout/link-bullet.png) no-repeat center center;}
#mainnavigation li a.hover .bullet , #mainnavigation li a.active .bullet {display:block;}
#mainnavigation li a:hover {text-decoration:none;}

#mainnavigation li .bullet { _background:url(../uploads/layout/link-bullet.gif) no-repeat 8px 0px;  _width:69px;_top:-17px; _left:-68px; _height:62px;}

/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =Header Controler
--------------------------------------------------------------------------------------------------------*/

#header {position:relative; height:178px; padding-top:106px;}

#logo {background:url(/uploads/layout/logo.png) no-repeat 0px 0px; margin-left:208px; width:508px; text-align:center; height:142px;}
#logo a {display:block; height:142px; text-indent:-4000px;}


/* End Controler
--------------------------------------------------------------------------------------------------------*/

/* =Main Content
--------------------------------------------------------------------------------------------------------*/

.container { padding:0px 15px 172px; }
.container .middlecolumn {width:524px;}
.container .left_column {width:190px;}
.container .right_column {width:248px;}


/* End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Secondary Content
--------------------------------------------------------------------------------------------------------*/

.guestbook {padding:0px 0px 0px 5px;}
.guestbook ul {padding:0px 0px 0px 0px;}
.guestbook li {margin-bottom:19px; font-style:italic;}
.guestbook .date {color:#ffff00; padding-left:0px; line-height:20px; display:block; font-style:italic;}
.guestbook li p {line-height:20px;}
.guestbook li.last {padding-top:4px; margin-bottom:0px;}

.video_content {margin-top:300px;}
.video_content img {vertical-align:top;}
.video_content .image {display:block; margin-bottom:8px;}
.video_content li {position:relative; padding-left:35px; line-height:20px; font-weight:bold;}
.video_content li img {position:absolute; left:1px; top:4px;}
.video_content li a {color:#fff; text-decoration:none;}
.video_content li a:hover {color:#ffff00; text-decoration:none;}

/* End Secondary Content
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/

#footer {height:249px; background:url(/uploads/layout/footer-bg.jpg) no-repeat 0px 0px;}
#footer .footer_link {padding:125px 0px 0px 210px; color:#bfeef4; line-height:20px;}
#footer .footer_link a {color:#ffff00;  }

/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =Tables
--------------------------------------------------------------------------------------------------------*/

/* Making tables collapse and removing spacing */
table { 
  border-spacing: 0;
  border-collapse: collapse;
}

/* Preparing table columns */
td {
  text-align: left;
  font-weight: normal;
}

/* End Tables
--------------------------------------------------------------------------------------------------------*/


/* = BUG = Internet Explorer 7.0 and Mac
--------------------------------------------------------------------------------------------------------*/


/* End BUG
--------------------------------------------------------------------------------------------------------*/
.myname {
    display: none;
}

#guestbook {
    font-style: normal;
}

#guestbook input, #guestbook textarea {
    width:400px;
    font-size:14px;
    margin-top:6px;
}

#guestbook textarea {
    height:120px;
    margin-bottom:10px;
}

#guestbook .date, #guestbook .name {
    font-style:italic;
}

form .error, form .success {
    font-weight:bold;
}

form .error {
    color:red;
}

form .success {
    color:#fff;
}

form .meldung {
    margin:10px 0px 10px 0px;
}

fieldset {
    width: 480px;
    margin: 1em auto;
    display: block;
    clear: both;
    border:1px solid #fff;
    padding:10px;
}
legend {
    padding: 0px 10px 0px 10px;
    height: auto;
    width: auto;
    letter-spacing: 2px;
    margin:0px 10px 0px 10px;
    font-weight:bold;
}

#contact label {
    display:block;
    width: 120px;
    float: left;
    margin-bottom:10px;
}
#contact input {
    width: 310px;
    float: left;
    display: block;
    margin-bottom:10px;
}
#contact textarea {
    width: 310px;
    height: 150px;
    float: left;
    display: block;
    margin-bottom:10px;
}

#contact br {
    clear:both;
}

#contact .benachrichtigung input {
    width:30px;
}

#contact .benachrichtigung label {
    width:80px;
}

#contact .checkbox {
    width:auto;
    height:auto;
    margin:0px 15px 90px 0px;
}

#events td {
    padding:7px 0px 7px 0px;
}

/* Angaben für den Wysiwyg-Editor TinyMCE */
body.mceContentBody {
	text-align:left;
	background:none;
	background-color:#ffffff;
	font-size:0.8em;
	color:#000000;
}

body.mceContentBody a {
    color:#000;
}

table.tourplan {
    color:#333;
    background-color:#fff;
}

table.tourplan td {
    border:1px solid #000;
    padding:2px;
}