@charset "UTF-8";

/* Google Fonts Integration */
@import url(http://fonts.googleapis.com/css?family=Telex);

html, 
body {
	color:#777;
	font-family: 'Telex', sans-serif;
	margin: 0px;
	padding: 0px;
	height:100%;
	overflow:hidden;
	width:100%;
}

a img { border:0; }
p { margin-bottom:10px; }
ul, ol, dl {
    margin: 0 0 1em 1em;
}
li {
    line-height: 1.5em;
    margin-left: 0.8em;
}
/* für FullSize Hintergrundbild */
/* JQUERY erledigt den Rest! */
#bgimage { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

/* headNav Block '*/
#headNav { 
  position:absolute;
  top:0; right:47px;
  display:block;
  padding:0 17px;
  z-index:4;
  left:auto;
  color:#808788;
  width:556px;
  font-size:11px;
  background:#2E2E2D;
  height:20px;
  font-family: 'Telex', sans-serif;
}
#headNav a { 
  color:#808788;
  text-decoration: none;

}
#headNav a:hover {
  color:#fff;
}
#headNav #breadCrumb {
  position:absolute;
  top:3px;
}
#headNav #sysLinks {
  position:absolute;
  right:17px;top:3px;
}
#headNav #sysLinks a {
  color:#fff;
  text-decoration: none;
  padding-left:12px;
  padding-right:12px;
}
#headNav #sysLinks a:hover,
#headNav #sysLinks a.akt {
  color:#808788;
}
#headNav #sysLinks a.last {
  padding-right: 0px;
}
#headNav #sysLinks a.first {
  padding-left: 0px;
}
/* END headNav



/* mainNav Block */
#mainNavPos {
  display:block;
  width:100%;
  color:#fff;
  font-size:10px;
  left:0;
  position:fixed;
  bottom:30px;
}

#mainNav {
  padding-left:179px;
  margin-right: 15px;
  height:60px;
  position:relative;
  z-index:2;
  display:block;
  background: #2e2e2d;
  opacity:0.80;
  -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
  filter: alpha(opacity=80);
}
#mainNav ul { margin-top:25px; }
#mainNav li { float:left; }
#mainNav ul li a { 
  font-family: 'Telex', sans-serif;
  display:block;
  margin-left: 16px;
  color:#CCCCCC;
  text-decoration: none;
  font-size: 15px;
}
#mainNav ul li a:hover { color:#9f9201; }
/* END mainNav Block */


#Logo {	
  width:160px;
  height:139px;
  position:absolute;
  left:5px;
  bottom: 5px;
  float:left;
  overflow:hidden;
  z-index: 4;
}

h1, h2, h3, h4 { color:#000;font-weight:normal;margin-bottom:15px; }
.journey h1 { color:#fff }
h1 a, h2 a, h3 a, h4 a { color:#fff; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { text-decoration:underline; }


/*Mainscroll regelt das Scrollverhalten für den Inhalt */
#mainscroll {
  bottom:0px;
  left:0;
  overflow-x:auto;
  overflow-y:scroll;
  position:absolute;
  right:0;
  top:0;
  width:100%;
}

div#fullSizeGoogleMaps {
  z-index: 1;
  position: absolute;
}

/* Hauptinhaltsbereich. Verschiedene Klassen für verschiedene Platzierungen */
/* Standard rechts oben */
#mainpos { 
  position:absolute;
  width:590px;
  right:32px;
  top:60px;
  bottom: auto;
  left: auto;
  font-size:12px;
  line-height:17px;
  color:#000;
  padding-bottom: 120px;
  padding-top: 32px;
  z-index:1;
}

#mainpos.right_top {
  top: 0px;
  right: 32px;
  bottom: auto;
  left: auto;
}
#mainpos.right_bottom {
  bottom: 0px;
  right: 32px;
  top: auto;
  left: auto;
}

#mainpos.left_top {
  top: 0px;
  left: 32px;
  bottom: auto;
  right: auto;
  padding-bottom: 180px;
  padding-top: 32px;
}
#mainpos.left_bottom {
  bottom: 0px;
  left: 32px;
  top: auto;
  right: auto;
  padding-bottom: 180px;
  padding-top: 32px;
}
#mainpos.galerie {
  top: 0px;
}
#mainpos.galerie #main {
  padding: 0px;
}



/* Der Eigentliche Inhalt. Ueber Klassen dann Farbige Hinterlegung möglich */

#main {
  font-size:12px;
  line-height:18px;
  padding:20px;
  position:relative;
  width:550px;
}

#main.fontWeiss,
#main.fontWeiss h1,
#main.fontWeiss h2,
#main.fontWeiss h3,
#main.fontWeiss h3,
#main.fontWeiss p,
#main.fontWeiss a {
  color: #FFFFFF;
}
#main.fontGrau,
#main.fontGrau h1,
#main.fontGrau h2,
#main.fontGrau h3,
#main.fontGrau h3,
#main.fontGrau p,
#main.fontGrau a {
  color: #CCCCCC;
}

#main.tpWeiss {
  background:#ffffff;
  opacity:0.60;
  -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
  filter: alpha(opacity=50);
}

#main.tpSchwarz {
  background:#2E2E2D;
  opacity:0.80;
  -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
  filter: alpha(opacity=80);
}
#main.blog {
  background-color: rgb(255,255,255);
  background-color: rgba(255,255,255,0.6);
}


#mainAtBottom { color:#fff;}
#mainAtBottom a { color: #fff; }
* html #main { right:37px; }
#main a { color:#000;text-decoration: underline; }
#main ul { margin-top:10px; }
#main ul li { margin-right:1px;}
#main ul li a { display:block;float:left;font-size:11px;color:#ccc;min-width:50px;background:#000;padding:1px 4px;text-decoration:none; }


/* Form */
fieldset {
  border: none;
}
.tx-thmailformplus-pi1 { background:#fff; }

input, textarea, #Content .InputButton {
  background:#fcfcfc;
  border:2px solid #ddd;
  display:block;
  padding:4px;
  font-family: "Trebuchet MS", Arial;
  font-size:11px;
  margin:4px 0;
  color:#777;
  width:95%;
}


.checkboxqu { margin-top:2px; }
.input-30 { width: 30px;float:left;margin-left:0; }
.input-140, .input-160 { width:251px;float:left;margin-left:0; }
.input-160 { width:165px; }
.input-526 { width:526px;margin-left:0; }
input:hover, input:focus, textarea:hover, textarea:focus, #Content .InputButton:hover {
  border-color:#aaa;
  color:#333;
}
.submitButton { width:100px; }

/* Mailform Fehler */
.Tx-Formhandler p.error_head { color:#F00; }
.Tx-Formhandler ul.error-list { margin-bottom: 15px;}
.Tx-Formhandler ul.error-list li {
  float:none;
  color:#F00;
  list-style:circle;
  float: none;
}
.Tx-Formhandler div.mailhandlerError input,
.Tx-Formhandler div.mailhandlerError textarea {
  border: 2px solid #FF0000;
}
.Tx-Formhandler div.mailhandlerError label {
  color: #FF0000;
}




.tx_lumogooglemaps_pi1_sidebar { display:none; }
.tx-lumogooglemaps-pi1 { height: 100%;width:100%; }
.journey { background: #fff;color:#000;padding:20px; }
#gmapDirHead { display:none; }
.tx_lumogooglemaps_pi1_infobox { font-size:12px; }

/*

/*accordion
.close h3 { background:url(../images/icons/arrow_close.gif) no-repeat right;cursor:pointer;color:#000; }
.open h3 { background:url(../images/icons/arrow_open.gif) no-repeat right;cursor:pointer;color:#000; }
.tx-thmailformplus-pi1 .ka-panel { margin-bottom:0; }
.ka-panel { margin-bottom:1em; }
#main .ka-panel ul li { float:none;list-style:circle; }


/*galleria */
#gallery { position:absolute;top:30px;right:47px;z-index:1; }
.jdGallery a.left { background:url(../images/smooth/fleche1.png) no-repeat scroll left center transparent !important; }
.jdGallery a.right { background:url(../images/smooth/fleche2.png) no-repeat scroll right center transparent !important; }
.jdGallery a.open:hover { background:url(../images/smooth/open.png) no-repeat scroll center transparent !important; }
#rglbCloseLink { background:url(../images/smooth/close9yj.gif) no-repeat scroll center center transparent !important; }
div.myGallery {
    z-index: 1;
    border: none;
}


/*navi*/
ul#navmenu-h { margin: 0; padding: 0; list-style: none; position: relative; }

ul#navmenu-h ul {
 width: 160px; /* Sub Menu Width */
 margin: 0;
 list-style: none;
 display: none;
 position: absolute;
 bottom: 100%;
 left: 0px;
 background:#ccc;
 padding: 0px;
 padding-left: 10px;
 z-index:3;
}

ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { top: 0; left: 100%; }

ul#navmenu-h li { margin-left: 0px; float: left; display: inline; position: relative; }
ul#navmenu-h ul li { width: 100%; display: block; }

/* Root Menu */
ul#navmenu-h a {
 padding: 6px;
 padding-left: 0;
 padding-top:21px;
 display: block;
 text-decoration: none;
 height: 1%;
}
ul#navmenu-h ul li a {	
 padding: 6px;
 margin-left:0;
 font-size:13px;
 color: #000;
}
ul#navmenu-h ul li a:hover {
 color:#9f9201;
}


/* Root Menu Hover Persistence */
ul#navmenu-h ul li a:hover,ul#navmenu-h ul li:hover a,ul#navmenu-h ul li.iehover a {
 color:#9f9201;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a {
 float: none;
/* background: #BBB;*/
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a {
  color:#9f9201;
}


/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a {
/* background: #999;*/
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a {
/* background: #999;*/
}


ul#navmenu-h ul li a:hover {
  color:#9f9201;
}

/* Hover Function - Do Not Move */
ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none; }
ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; }

.subcolumns { width:100%; overflow:hidden; }

.c5l, .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l, .c95l { float:left; }
.c5r, .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r, .c95r { float:right; margin-left:-5px; }

.c5l, .c5r { width:5%; }
.c20l, .c20r { width:20%; }
.c40l, .c40r { width:40%; }
.c60l, .c60r { width:60%; }
.c80l, .c80r { width:80%; }
.c25l, .c25r { width:25%; }
.c33l, .c33r { width:33.333%; }
.c50l, .c50r { width:50%; }
.c66l, .c66r { width:66.666%; }
.c75l, .c75r { width:75%; }
.c38l, .c38r { width:38.2%; }
.c62l, .c62r { width:61.8%; }
.c95l, .c95r { width:95%; }

.subc  { padding:0 0.5em; }
.subcl { padding:0 1em 0 0; }
.subcr { padding:0 0 0 1em; }



/* tt_news */
.news-latest-container {
    padding: 0px;
}
.news-latest-item {
  clear: both;
  border: 1px dotted #000000;
  margin-bottom: 5px;
}
.news-latest-item .news-latest-date {
  float: right;
}
.news-latest-item HR.clearer {
  clear: both;
}
.news-latest-item IMG {
    margin: 5px 5px 0 0;
}
.news-latest-gotoarchive {
  clear:both;
}


/**
  * @section clearing methods
  * @see     yaml.de/en/documentation/basics/general.html
  */

  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen
  .clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !!
  .clearfix { display: block; }

  /* (en) overflow method for clearing floats */
  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen
  .floatbox { overflow: hidden; }  */