/*
----------------------------------------
CSS Document
www.tourismussuite.com - 09.06.2009 - Version 0.42

Text:					#333333
Hintergrund: 			#FFFFFF
Link normal:			#333333
Link hover:				#B11D2E

----------------------------------------
*/


/*   HTML-ELEMENTE   */

html, body{
/*   erzwungender Scrollbalken im FF, verhindert das Springen der Seite  */
height: 100.01%;
}

body{
font-family: Arial, Verdana, sans-serif;
text-align: center;
font-size: 0.72em;
color: #333333;
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
background: url(../img/bg_body.gif) repeat-x 0px 91px;
}


h1{
margin: 0px 0 15px 0;
padding-top:5px;
padding-bottom: 3px;
font-size:1.4em
}

#content h1{
color:#333333;
margin: 0px 0 0.75em 0;
font-size:1.6em;
padding:0px 0 0.5em 0;
border-bottom: 1px solid #555555;
}

#content h2{
color: #555555;
margin: 0px 0 1em 0;
padding:0px;
font-size:1.2em;
}

#content h3{
margin:0 0 0.5em 0;
padding:1em 0 0 0;
font-size:1.2em;
}

#content p{
line-height: 1.5em;
margin:0 0 1em 0;
}

#content ul{
margin:0 0 1.1em 0;
padding:0px;
}

#content li{
margin: 0px 15px 0.1em 15px;
padding:0px;
list-style-type:square;
}

#content ol{
margin: 0px 15px 1.1em 15px;
padding:0px;
}

#content ol li{
margin: 0px 15px;
padding:0px;
list-style-type:decimal;
}

form{
padding:0px;
margin: 0px;
}

hr{
border: 0px; /* Für Firefox und Opera */
border-top: solid 1px #DDDDDD;
border-bottom: solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
margin: 1.5em 0;
}

/* links
---------------------------------------------------------- */

a{color:#333333;}


/* page structure
---------------------------------------------------------- */

#wrap {
margin:auto;
text-align:left;
padding-left:25px;
padding-right:25px;
width: 965px; /* Breite IE5 */
voice-family: "\"}\"";
voice-family: inherit;
width:915px;
}

#header{
height:81px;
}

#content{
margin-top:30px; 
}

#contentleft{
float:left;
width:675px;
}

#contentright{
width: 210px;
margin-right:0px;
float:right
}

#contentright p{
margin:0 0 10px 0;
}


/* header und metanavi
---------------------------------------------------------- */

#containermetanavi{
width:600px;
float: right;
font-size: 0.9em;

}

#logo{
float: left;
margin-top:17px;
}

#produktinfo{
background-color:#FFFFFF;
float: right;
padding:4px 10px 0px 10px;  
}

#produktinfo a{
color: #333333 !important;
text-transform: none !important;
text-decoration:underline !important;
}

#produktinfo img{
vertical-align: top;
margin-left:5px;
}

#metanavi{
float: right;
background-color:#717171;
line-height: 1.5em;
}


#metanavi ul{
margin: 0px;
padding: 0px;
}

#metanavi li{
border-right: 1px solid #555555;
float: left;
margin: 0px;
padding: 1px 10px 1px 10px;
list-style: none;
text-align: center;
}


#containermetanavi a:link, #containermetanavi  a:visited  {
color: #FFFFFF;
text-decoration:none;
text-transform:uppercase;

}

#containermetanavi  a:hover, #containermetanavi a:active {
color: #CCCCCC;
text-decoration:none;
text-transform:uppercase;
}


#metanavi.aktiv a {
color: #CCCCCC !important;
}

#containersprache{
float:right;
position:relative;
/* Sprachewechsel temporär ausgeblendet */
/*display: none;*/
}

li.li-sprache {
/* Sprachewechsel temporär ausgeblendet */
display: none
}

#sprachelayer{
position: absolute; 
z-index:10; 
right:0px
}

.sprache{
background-color:#717171;
line-height: 1.5em;
padding: 1px 9px;
width:42px
}

.sprache img{
margin-top: 1px;
vertical-align:middle;
}

#suche{
background-color:#717171;
margin-top:3px;
padding:1px 2px 1px 0px;
color:#FFFFFF;
}

#suche label{
text-transform:uppercase;
display:block;
width:49px;
float:left;
padding:3px 3px 1px 10px;
font-size: 0.9em;
}

.suchfeld{
width:130px;
border: 1px solid #FFFFFF; 
font-size:0.9em;
padding:1px; 
margin:0px 3px 0px 0px;
}

.btsuche{
vertical-align: top;
padding-top: 1px
}

/* navigation
---------------------------------------------------------- */

#containernavi{margin-top:14px;}

#navi{
float: left;
position:relative;
}

#suche{float: right;}

/*subnavigation
---------------------------------------------------------- */

.boxsubnavi{
width:210px;
background: url(../img/box-top.gif) no-repeat top left;
margin-bottom:10px;
}

.subnavibot {
background: url(../img/box-bottom.gif) no-repeat bottom left;
padding-bottom:4px;
}

.boxsubnavi ul{
margin: 0px !important;
padding: 4px 0 0 0  !important;
}

.boxsubnavi ul ul{
padding: 0px !important;
}

.boxsubnavi li{
margin: 0px !important;
padding:0px !important;
list-style: none !important;
}

.boxsubnavi li a:link, .boxsubnavi li a:visited  {
background: url(../img/bg_subnavi.gif) no-repeat 5px bottom;
font-size: 0.95em;
padding: 5px 15px 6px 26px;
margin:0px;
color: #333333;
text-decoration:none;
display:block;
width:169px;
}

.boxsubnavi li a:hover, .boxsubnavi li a:active {
background:url(../img/bg_subnavi_h.gif) no-repeat 5px bottom;
font-size: 0.95em;
padding: 5px 15px 6px 26px;
color: #FFFFFF;
text-decoration:none;
display:block;
width:169px;
margin:0px;
}

.boxsubnavi li.aktiv a {
color: #FFFFFF !important;
background: url(../img/bg_subnavi_h.gif) no-repeat 5px bottom!important;
}

.boxsubnavi li.subnavivor2 a:link, .boxsubnavi li.subnavivor2 a:visited  {
background: url(../img/bg_subnavivor2.gif) no-repeat 5px bottom;
font-size: 0.95em;
padding: 5px 15px 6px 26px;
margin:0px;
color: #333333;
text-decoration:none;
display:block;
width:169px;
}

.boxsubnavi li.subnavivor2 a:hover, .boxsubnavi li.subnavivor2 a:active {
background:url(../img/bg_subnavivor2_h.gif) no-repeat 5px bottom;
font-size: 0.95em;
padding: 5px 15px 6px 26px;
color: #FFFFFF;
text-decoration:none;
display:block;
width:169px;
margin:0px;
}

.boxsubnavi li.subnavivor2aktiv a {
/* Für aktiven Menüpunkt vor 2. Ebene */
color: #FFFFFF !important;
background: url(../img/bg_subnavivor2_h.gif) no-repeat 5px bottom!important;
}

/* subnavigation 2. Ebene Normal */
.subnavi2 a:link, .subnavi2 a:visited{
background: url(../img/bg_subnavi2.gif) no-repeat 5px bottom !important;
font-size: 0.95em  !important;
padding: 5px 15px 6px 36px !important;
width:159px !important;
color: #333333 !important;
}

.subnavi2 a:hover, .subnavi2 a:active {
background: url(../img/bg_subnavi2_h.gif) no-repeat 5px bottom !important;
font-size: 0.95em  !important;
padding: 5px 15px 6px 36px !important;
width:159px !important;
color: #FFFFFF !important;
}

ul.subnavi2 li.aktiv a {
color: #FFFFFF !important;
background: url(../img/bg_subnavi2_h.gif) no-repeat 5px bottom !important;
}

.boxsubnavi ul.subnavi2 li.aktiv a {
color: #FFFFFF !important;
background: url(../img/bg_subnavi2_h.gif) no-repeat 5px bottom!important;
}

/* teasermainhome
---------------------------------------------------------- */
#containerteasermain{
background: #B11C2F url(../img/bg_teasermain.gif) no-repeat 700px 50px;
padding:10px; 
margin-top:30px; 
float:left; 
color: #FFFFFF; 
width:915px;  /* Breite IE5 */
voice-family: "\"}\"";
voice-family: inherit;
width:895px;
}

.leer{
/* Fix Tan für IE5 */
background:none;
}

#containerteasermainfolge{
background: #B11C2F url(../img/bg_teasermain.gif) no-repeat 700px 50px;
padding:10px; 
margin-top:30px; 
float:left; 
color: #FFFFFF; 
width:915px;  /* Breite IE5 */
voice-family: "\"}\"";
voice-family: inherit;
width:895px;
}

.leer{
/* Fix Tan für IE5 */
background:none;
}

#teasermaintextfolge H1{
margin: 0px !important;
padding:0px !important;
font-size: 1.4em;
text-transform:uppercase;
}

#containerteasermain img, #containerteasermainfolge img{
display:block;
float: left; 
}

#containerteasermain p{
font-size: 1em;
line-height:1.5em;
margin-top: 1em;
}

#teasermaintext H1{
margin: 0px!important;
}

#teasermaintext, #teasermaintextfolge{
margin-left:457px;
margin-right: 10px;
}

/* teaserhome
---------------------------------------------------------- */
.teasercontainer{
float:left;
background: #FFFFFF url(../img/bg_teasercontainer.gif) repeat-y top left;
}

.teaser{
width:224px;
margin-right: 1px; 
background-color:#EAEAEA;
float:left;
padding-bottom: 40px;
position: relative;
height: 360px;
}

.teaser H2{
color:#B11D2E !important;
font-size:1.2em !important;
text-transform: uppercase !important;
margin: 0 0 0 0 !important;
padding: 0 10px 0 10px !important;
border: none !important;
}

.teaser H2 a{
color:#B11D2E !important;
text-decoration: none;
}

.teaser H3{
font-size:1em !important;
margin:0px !important;
padding: 0 10px 0 10px !important;
}

.teaser p{
margin:0px;
padding: 0 10px 1em 10px;
line-height:1.5em;
}

a.linkbutton:link,a.linkbutton:visited {
border: 1px solid #ccc;
background: #FFFFFF url(../img/bg_button.gif) no-repeat 0px 50%;
padding:1px 7px 1px 13px;
text-decoration:none;
color: #FFFFFF;
font-size:12px;
}

a.linkbutton:hover, a.linkbutton:active{
background: #FFFFFF url(../img/bg_button_h.gif) no-repeat 0px 50%;
}

.teaserbutton{
display:block;
}

.box{
/*background: #E8E8E8 url(../img/box-top.gif) no-repeat top left;*/
background-color: #F8F8F8;
padding: 11px 13px 11px 13px;
margin-top:1px;
border:1px solid #CCCCCC;
margin-bottom:10px;
/*width:210px;   Breite IE5 
voice-family: "\"}\"";
voice-family: inherit;
/*width:188px;*/
}

.leer{
/* Fix Tan für IE5 */
background:none;
}

.boxfooter{
/*background: url(../img/box-bottom.gif) no-repeat left bottom;*/
background-color: #FFF;
margin:0px;
height:1px;
}


.headlineteaser{
margin: 0.2em 0 0.4em 0 !important;
}


.box H3{
font-size:0.95em !important;
margin: 0px !important;
padding: 10px 0 5px 0!important;
border-top: 1px solid #333333 !important;
}

.box p{
font-size:0.95em !important;
margin: 0px !important;
padding: 0px !important;
}


/* footer
---------------------------------------------------------- */

#containerfooter{
text-transform:uppercase;
font-size:0.9em;
background-color:#E8E8E8;
border-top: 1px solid #666666;
margin:40px 0 0 0;
}

#top{
float:left;
}

#impressum{
float:right;
}

#containerfooter ul{
margin: 0px;
padding: 0px;
}

#containerfooter li{
border-right: 1px solid #666666;
float: left;
margin: 0px;
padding: 3px 10px 3px 10px;
list-style: none;
text-align: center;
}

#containerfooter li a:link, #containerfooter li a:visited  {
color: #666666;
text-decoration:none;
text-transform:uppercase;
}

#containerfooter li a:hover, #containerfooter li a:active {
color: #444444;
text-decoration:none;
text-transform:uppercase;
}

#containerfooter li.aktiv a {
color: #444444 !important;
}

a.seitenanfang{
background: url(../img/i_pfeil_top.gif) no-repeat 0px 50%;
padding-left: 10px;
}


/* Sitemap
----------------------------------------------------- */

.sitemap{
width: 151px;
float: left;
background-color:#F2F2F2;
margin-right:1px;
}

dl{
line-height:140%;
margin: 0px;
}

dl dl{
margin-top:5px;
margin-bottom:-5px;
}

dt{
font-weight:bold;
/*text-transform:uppercase;
color: #FFFFFF;*/
border-top: 1px solid #BEBEBE;
background:url(../img/bg_sitemap_dt.gif) no-repeat 0px 50%;
padding: 4px 5px 4px 20px;
border-bottom: 3px solid #B11D2E;
}

dt a{text-decoration:none;}

dd{
background:url(../img/i_pfeil_navi.gif) no-repeat 10px 10px;
margin: 0px;
padding: 5px 5px 5px 19px;
}

dd a{text-decoration:none;}

/* Tabellen
---------------------------------------------------------- */

.features{
border-collapse:collapse;
width: 100%;
margin-top:30px;
border-bottom: 1px solid #CCCCCC;
}

.features .eins{width: 37%;}
.features .zwei{width: 9%;}
.features .drei{width: 18%;}
.features .vier{width: 18%;}
.features .fuenf{width: 18%;}

.features th{
background-color:#E0E0E0;
border: 1px solid #FFFFFF;
padding: 5px 10px 5px 10px;
border-right: 1px solid #FFFFFF;
}

.legende{
background-color:#FFFFFF !important;
font-size: 0.95em;
font-weight:normal;
}

.legende img{
vertical-align:top;
}


.features td{
background-color:#F5F5F5;
border: 1px solid #FFFFFF;
padding: 5px 5px;
text-align:center;
border-right: 1px solid #CCCCCC;
}

th.ebene1{
color:#333333;
text-align:center;
text-transform:uppercase;
padding: 5px 5px;
background: #C6C6C6 url(../img/bg_features_th.gif) no-repeat 0px 0px;
}


th.ebene2{
background-color:#C8C8C8;
text-align:left;

}

th.ebene3{
font-weight:normal;
border-right: 1px solid #FFFFFF !important;
text-align:left;
}

.details{
font-size: 0.95em;
text-decoration:none;
background:url(../img/i_pfeil_navi.gif) no-repeat 0px 4px;
padding-left: 8px;
}

td.tddetails{
background-color:#E0E0E0;
}


/* News
---------------------------------------------------------- */

.newsitem H3{
font-size:1em !important;
margin: 0px !important;
padding: 0 0 0.5em 0 !important;
}

.newsitem {
border-bottom: 1px solid #DDDDDD;
float:left;
padding:0 0 5px 0;
margin-bottom: 15px;
}

.newsdatum{
float:left;
width: 80px;
}

.newskurztext{
float:right;
width: 595px;
}

H2.news{
float:left;
width:250px;
}


/* Download
---------------------------------------------------------- */

.downloaditem H3{
font-size:1em !important;
margin: 0px !important;
padding: 0 0 0.5em 0 !important;
}

.downloaditem {
border-bottom: 1px solid #DDDDDD;
float:left;
padding:0 0 5px 0;
margin-bottom: 15px;
}

.downloadbild{
float:left;
width: 163px;
padding-bottom:15px;
}

.downloadkurztext{
float:right;
width: 512px;
}

.download{
background:url(../img/i_download.gif) no-repeat 0px 0px;
padding-left: 25px;
}


/* Referenzen
---------------------------------------------------------- */

.referenzitem H3, .referenzitemloesung H3{
font-size:1em !important;
margin: 0px !important;
padding: 0 0 0.5em 0 !important;
}

.referenzitem {
border-bottom: 1px solid #DDDDDD;
float:left;
padding:0 0 10px 0;
margin-bottom: 20px;
}

.refernzlogo{
float:left;
width: 233px;
padding-bottom:20px;
}

.referenztext{
float:right;
width: 442px;
}

.zitat{
background:#F5F5F5 url(../img/bg_zitat_an.gif) no-repeat 15px 15px;
border: 1px solid #BEBEBE;
padding:15px;
margin-bottom:1em;
margin-top:0.5em; /* Ausgleich Schatten Boxen Logos*/
}

.zitat p.zitattext {
text-indent:25px;
margin-bottom:0.5em !important;
}

.zitat p.zitatname {
margin-bottom:0px !important;
background:#F5F5F5 url(../img/bg_zitat_aus.gif) no-repeat right bottom;
}


/* Referenzen im Bereich Lösungen
---------------------------------------------------------- */
.referenzitemloesung {
background-color:#E8E8E8;
float:left;
padding:10px 10px 0 10px;
margin-bottom: 20px;
border-bottom: 1px solid #BEBEBE;
}

.referenzitemloesung .refernzlogo{
float:left;
width: 233px;
padding-bottom:20px;
}

.referenzitemloesung .referenztext{
float:right;
width: 420px;
}

H4{
margin:0px;
background: #C6C6C6 url(../img/bg_H4.gif) repeat-x 0px 50%;
border-top: 1px solid #BEBEBE;
border-bottom: 1px solid #FFFFFF;
text-transform:uppercase;
font-size:1em;
padding:5px 15px;
}


/* Suchergebnis 
---------------------------------------------------------- */

#meldung{
padding-bottom: 20px;
}

.trennstrich{color: #CCCCCC}

#seitenoben{
padding: 8px 0;
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;}

p.seitebl{
margin-bottom: 0px !important}

.suchergebnis td{
padding: 20px 0;
border-bottom: 1px solid #CCCCCC;
}

.suchergebnis td img{
vertical-align:top;
margin-right: 4px;

}

.suchergebnis p {
margin-bottom: 0px !important;
padding-bottom: 5px;
line-height:normal !important;}


p.relenvanz{
color:#999999;
margin-bottom: 0px !important;
padding-bottom: 0px !important;}


/* Bereich Loesungen Zitat Header 
---------------------------------------------------------- */
.zitatteaser{
background: url(../img/bg_zitatteaser_an.gif) no-repeat 0px 1px;
margin-bottom:0em;
font-size: 0.95em;
}

.zitatteaser p.zitattext {
text-indent:21px;
margin-bottom:0.5em !important;
}

.zitatteaser p.zitatname {
margin:0px !important;
background: url(../img/bg_zitatteaser_aus.gif) no-repeat right bottom;
}


/* Betriebsmodelle 
---------------------------------------------------------- */

.teaserfolge{
width:224px;
margin-right: 1px; 
background-color:#E8E8E8;
float:left;
padding-bottom: 15px;
}

.teaserfolge H4{margin-bottom: 1em; border-bottom:3px solid #B11C2F}

.teaserfolge p{
margin:0px;
padding: 0 10px 0.5em 10px;
line-height:1.5em;
}

.teaserfolge ul{
margin:0 0 0 10px !important;
padding:0px !important;
}






/* Klassen
---------------------------------------------------------- */

.bildlinks{
float:left;
margin-right:15px;
margin-bottom:15px; 
}

.bildrechts{
float:right;
margin-left:15px;
margin-bottom:15px; 
}

.pfeil{
background:url(../img/i_pfeil_navi.gif) no-repeat 0px 5px;
padding-left: 10px;
}


.zurueck{
background:url(../img/i_pfeilzurueck.gif) no-repeat 0px 5px;
padding-left: 10px;
}

.fontklein{font-size: 0.95em;}

.marginbottom10{margin-bottom:10px}

.noborder{border:none !important;}

.noborderrechts{border-right:none !important;}

.noborderlinks{border-left:none !important;}

.nopadding{padding-right: 0px  !important;}

.floatrechts{float:right}

.floatlinks{float:left}

.txtcenter{text-align: center;}

.cleaner {
clear:both;
height: 1px;	
}



/* Formular Kontakt 
---------------------------------------------------------- */
#kontakt label { 
  display: block;
  float: left;
  width: 140px;
  margin-bottom: 0.5em;
  font-weight:bold;
}

#kontakt input, #kontakt select, #kontakt textarea { 
  display: block;
  float: left;
  margin-bottom: 0.75em;
  margin-right: 10px;
  color: #333333;
}

form#kontakt br { 
  clear: left; 
}

#kontakt .button { /* den Submit-Button */
  background-color:#B11C2F;
  border: 1px solid #8E8E8E;
  color: #FFFFFF;
  margin-left:140px;
  float:left;
  overflow: visible;
  padding-left:10px;
  padding-right:10px;
 
}

form#kontakt {
  background-color:#E8E8E8;
  margin:0;
  padding:15px 20px 3.5em 20px;
}

.formmini{width:50px;}
.formklein{width:134px;}
.formnormal{width:200px;}
.formgross{width:350px;color: #333333;}
.formpulldown{/* nicht belegt */}


/* Form Gewinnspiel */


div.itemeins{
/*background:url(../img/i_1.gif) no-repeat  left top;*/
width:100%;
border-bottom:1px solid #FFF;
padding:2px 0;
overflow: vilsible;
line-height: 1.8em
}


div.itemzwei{
/*background:url(../img/i_2.gif) no-repeat left 10px;*/
border-bottom:1px solid #FFF;
padding:2px 0;
overflow: vilsible;
line-height: 1.8em
}

div.itemdrei{
/*background:url(../img/i_3.gif) no-repeat left 10px;*/
border-bottom:1px solid #999;
padding:2px 0;
margin-bottom:15px;
overflow: vilsible;
line-height: 1.8em
}

.formgewinn{width:280px;}


/* Neue Teaser */

.teaser h2.teaser-headline{ 
	text-align: center;
	font-style:italic;
	margin-top:6px !important;
	padding-bottom:5px !important;
	font-size: 18px !important;
}
 
.teaser h5{ 
	border-bottom: 1px solid #DADADA;
	font-size: 12px; 
	padding: 10px 10px 5px 10px;
	margin: 0;
}

.teaser p{ 
	padding-top:8px !important;
	padding-bottom:0px !important;
	margin-bottom: 0px!important;
}
 
#content .teaser ul{
	margin-bottom: 5px;
}
 
#content .teaser ul li{
	list-style-type: none;
	list-style: none; 
	margin: 0px;
}

#content .teaser ul li a{
	padding: 4px 10px 4px 20px;
	border-bottom: 1px solid #DADADA;
	display: block;
	background:transparent url(../img/i_pfeil_navi.gif) no-repeat 10px 10px;
	text-decoration: none;
	/*height: 16px; geaendert, da im englischen die Texte laenger sind*/
}

#content .teaser ul li a:hover{
	text-decoration: underline;
}

#content .teaser .linkbutton{
	position: absolute;
	bottom:10px; 
	left: 10px;
}

.container-counter { 
	text-align: center; 
	padding-top:10px;
	margin-top: 38px;
}

/*LOGO TS*/

.logo1{
float: right;
margin-top: -68px;
}

.logo2{
float: right;
margin-top: -60px;
}


/* Fix fuer Floatcontainer 
---------------------------------------------------------- */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */