/* Body */

html{filter: expression(document.execCommand("BackgroundImageCache", false, true));}
body {
	margin: 0px 0px 0px 0px;
	background-color : #FFFFFF ;
	color : #000000;
}

td, tr, p, div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
	color: #555555;
	margin-top: 10px; 
	margin-bottom: 10px; 
}

/* erster Buchstabe eines Absatzes */
.big_letter{font-size: 22px;}

acronym{border-bottom: dashed 1px #1B82D9;}

/** Standard Bildgroessen */
.imgNormal{border:none;width:300px;height:201px;}
.imgBig{border:none;width:640px;height:428px;}
.img610x408{border:none;width:610px;height:408px;}
.img295x197{border:none;width:295px;height:197px;}
.img285x191{border:none;width:285px;height:191px;}
.img100x73{border:none;width:100px;height:73px;}
.img100x73border{border:1px;width:100px;height:73px;}
.img80x54{border:none;width:80px;height:54px;}

/* Styles for dhtml tabbed-pages */
.ontab {
	background-color: #ffae00;
	border-left: outset 2px #FF9900;
	border-right: outset 2px #808080;
	border-top: outset 2px #FF9900;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	cursor: pointer; /* cursor: hand; ### */
	font-weight: bold;
	color: #FFFFFF;
}
.offtab {
	background-color : #e5e5e5;
	border-left: outset 2px #E0E0E0;
	border-right: outset 2px #E0E0E0;
	border-top: outset 2px #E0E0E0;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	cursor: pointer; /* cursor: hand; ### */
	font-weight: normal;
}
.tabpadding {
}
.tabheading {
	background-color: #ffae00;
	text-align: left;
}
.pagetext {
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}

/** alle Überschriften */
h1 { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 18px; 
  font-weight: normal; 
  color: #0096fd; 
  text-align:left; 
  } 

h2 { 
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
  font-size: 13px; 
  font-weight: bold; 
  color: #555555; 
  text-align:left; 
  } 

h3 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
 	color: #555555;
	text-align:left;
	}

h4 {
	color: #EE4411; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: normal;
	text-decoration: underline;
	}

h5 {
	color: #555555; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: normal;
	font-style: italic;
	text-decoration: underline;
	}

h6 {
	color: #FF9900; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold;
	}

/* Links */
a:link, a:visited {
  /* font-size: 12px; */
	color: #1B82D9;
	text-decoration: none;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	}

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

a.white_link:link, a.white_link:visited {
	color:#DDDDDD;
	font-size: 8pt;
}
a.white_link:hover {
	color: #F45E0C;
	text-decoration: none;
	font-size: 8pt;
}

.pathway {line-height:2em;}
 
a.menu_button:link, a.menu_button:visited{
	display:block;
	background-color:none;
	width:55px;
	height:75px;
	margin:0px;
	color:#1B82D9;
	font-size:10px;
	font-family:Verdana,Arial,sans-serif;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
}
a.menu_button:hover {
	display:block;
	color:#F45E0C;
}
.menu_text{position:relative;top:57px;}

/* fuer die Menuebutons */
a.home:link,a.home:visited {background-image:url(/templates/travelfilmer_template/images/tl_segelfilmer_03.jpg); }
a.home:hover{background-image:url(/templates/travelfilmer_template/images/tl_segelfilmer_03.jpg);}

a.reisen:link,a.reisen:visited {background-image:url(/templates/travelfilmer_template/images/tl_travelfilmer_reisen.jpg); }
a.reisen:hover{background-image:url(/templates/travelfilmer_template/images/tl_travelfilmer_reisen.jpg);}

a.filmen:link,a.filmen:visited {background-image:url(/templates/travelfilmer_template/images/tl_segelfilmer_05.jpg); }
a.filmen:hover{background-image:url(/templates/travelfilmer_template/images/tl_segelfilmer_05.jpg);}

a.filme:link,a.filme:visited {background-image:url(/templates/travelfilmer_template/images/tl_travelfilmer_05.jpg); }
a.filme:hover{background-image:url(/templates/travelfilmer_template/images/tl_travelfilmer_05.jpg);}

a.gaestebuch:link,a.gaestebuch:visited {background-image:url(/templates/travelfilmer_template/images/tl_segelfilmer_06.jpg); }
a.gaestebuch:hover{background-image:url(/templates/travelfilmer_template/images/tl_segelfilmer_06.jpg);}

a.webreise:link,a.webreise:visited {background-image:url(/templates/travelfilmer_template/images/tl_segelfilmer_07.jpg); }
a.webreise:hover{background-image:url(/templates/travelfilmer_template/images/tl_segelfilmer_07.jpg);}

a.shop:link,a.shop:visited {background-image:url(/templates/travelfilmer_template/images/tl_travelfilmer_shop.jpg); }
a.shop:hover{background-image:url(/templates/travelfilmer_template/images/tl_travelfilmer_shop.jpg);}

a.kontakt:link,a.kontakt:visited {background-image:url(/templates/travelfilmer_template/images/tl_segelfilmer_08.jpg); }
a.kontakt:hover{background-image:url(/templates/travelfilmer_template/images/tl_segelfilmer_08.jpg);}

a.videoclips:link,a.videoclips:visited {background-image:url(/templates/travelfilmer_template/images/tl_travelfilmer_videoclips.jpg); }
a.videoclips:hover{background-image:url(/templates/travelfilmer_template/images/tl_travelfilmer_videoclips.jpg);}

.contentheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
 	color: #4A7FB0;
	text-align: left;
	height: 24px;
	line-height: 16px;
	margin-bottom:0px;
	/* white-space: nowrap; */
	/* width: 100%; */
	/* border-bottom: 2px solid #F68548; */
	}

.contentpagetitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
 	color: #555555;
	text-align:left;
	}

/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
 	color: #4A7FB0;
	text-align:left;
	}

a.contentpagetitle:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:left;
	color: #F45E0C;
	text-decoration: underline;
	font-weight: bold;
	}

/* Horizontal Line */
hr {
	height:1px;
	border: 0px inset #4A7FB0;
	color: #4A7FB0; 
	background: #4A7FB0; 
	background-color: #4A7FB0; 
	}

hr.separator {
	background: #C0C0C0;
	height: 1px;
	width: 75px;
	border: 0px;
}

/* --Default Class Settings-- */

.menu {
	margin-top:2px;
	margin-bottom:2px;
	}

a.mainmenu:link, a.mainmenu:visited, a.mainlevel:link, a.mainlevel:visited {
	color: #1B82D9;
	font-family: Verdana, Arial, Helvetica, serif;
	font-size: 13px;
	line-height: 140%;
	font-weight: normal;
	}

a.mainmenu:hover, a.mainlevel:hover {
	color: #F45E0C; text-decoration: underline;
	}

a.sublevel:link, a.sublevel:visited {
	color: #1B82D9;
	font-family: Verdana, Arial, Helvetica, serif;
	font-size: 11px;
	line-height: 140%;
	font-weight: normal;
}

a.sublevel:hover {
	color: #F45E0C; text-decoration: underline;
	}

/* Content - Sections & Categories */
.contentpane {
	background-color : #FFFFFF;
	}

.contentpaneopen {
	border : 0px ridge #DCDCDC;
	}



/** fuer mehrseitige Anzeigen und deren klickbares Inhaltsverzeichnis (oben) auf der Seite */
table.contenttoc {
	width: 200px;
	float: right; 
	/* padding: 2px 5px 10px 5px; */
	border: 2px #F68548 solid;
	/*background-color: #BFEFFF;*/
	background-color: #E0FFFF;
	color: #333300;
	margin-top: 10px;
	margin-bottom: 4px;
	margin-left: 4px;
	}
table.contenttoc td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-align:left;
	/* text-indent: 7px; */
	}
a.toclink:hover, a.toclink:visited, a.toclink:link {
	font-size: 9px;
	}


.contentdescription {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #808080;
	text-align: left;
	}

/* Links */
a.blogsection:link, a.blogsection:visited {
	color: #1B82D9;
	text-decoration: none; 
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

a.blogsection:hover {
	color: #F45E0C;	text-decoration: underline;
	}

a.weblinks:link, a.weblinks:visited {
	color: #FF9900; 
	text-decoration: none; 
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

a.weblinks:hover {
	color: #999999;	
	text-decoration: underline;
	}


a.readon:link, a.readon:visited {
	color: #1B82D9;
	text-decoration: none; 
	font-weight: normal;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

a.readon:hover {
	color: #F45E0C;
	text-decoration: underline;
	font-weight: normal;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

table.moduletable {
	margin: 0px 0px 0px 0px;
	width: 95%;
	border-left: solid 0px #000000;
	border-right: solid 0px #000000;
	border-top: solid 0px #000000;
	border-bottom: solid 0px #000000;
	}

table.moduletable th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4A7FB0;
	text-align: left;
	height: 14px;
	line-height: 14px;
	white-space: nowrap;
	width: 100%;
	border-bottom: 2px solid #FF8311;
	}
	
table.moduletable td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	border-left: outset 0px;
	border-right: outset 0px;
	border-top: outset 0px;
	border-bottom: solid 0px;
	}
	
.componentheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
 	color: #4A7FB0;
	text-align: left;
	height: 16px;
	line-height: 16px;
	white-space: nowrap;
	/*width: 100%;*/
	border-bottom: 2px solid #F68548;
	}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	border-color: #4A7FB0;
	color: #4A7FB0;
	border-style: solid;
	border-top-width: 2px; 
	border-right-width: 2px;
	border-bottom-width: 2px; 
	border-left-width: 2px;
	background-color: White;
	padding:4px;
	}

.inputbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	background: #FFFFFF;
	border: 1px solid;
	}
	
.searchbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	background: #FFFFFF;
	border: 1px solid;
	}

/** category text format and links **/
.category {
	color: #999999; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; font-weight: bold; 
	text-decoration: none;
	}

a.category:link, a.category:visited {
	color: #999999; 
	font-weight: bold;
	}

a.category:hover {
	color: #F45E0C;
	}

.poll {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 14px
	}

.sectiontableentry1, .contentpane {
	background-color : #FFFFFF;
	}

.sectiontableentry2 {
	background-color : #EBEBEB;
	}

.sectiontableheader {
	background-color : #4A7FB0;
	color : #FFFFFF;
	font-weight : bold;
	}

.frontpageheader {
	font-size: 13px;
    color : #4A7FB0;
    font-weight : bold;
    }

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF6600;
	text-decoration: none;
	font-weight: normal;
	}

.smalldark {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #555555;
        text-decoration: none;
        font-weight: normal;
        }


.newsfeedheading {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #555555;
        text-align:left;
        }

.newsfeeddate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	font-weight: normal;
}

.createdate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	font-weight: normal;
	}

.modifydate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	font-weight: normal;
	}

.sourceref {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	}

.ol {
	list-style-position: outside;
	margin: 0px 20px 0px 10px;
	}

.ul {
	list-style-position: outside;
	margin: 0px 20px 0px 10px;
	}

li {
	list-style-image: url('../images/list_arrow.png');
	margin-top: 3px;
	margin-bottom: 3px;
	}

.li_num {
	list-style-image: none;
	margin-top: 3px;
	margin-bottom: 6px;
	}

.li_square {
	list-style-image: url('../images/list_square.png');
	margin-top: 3px;
	margin-bottom: 3px;
	}

.li_circle {
	list-style-image: url('../images/list_circle.png');
	margin-top: 3px;
	margin-bottom: 3px;
	}

.ul_small {
	list-style-position: outside;
	margin: 0px 0px 0px 2px;
	padding-left:10px;
	}

.li_arrow_small {
	list-style-image: url('../images/list_arrow_small.png');
	margin-left:0px;
	margin-top: 1px;
	margin-bottom: 1px;
	}

	
	ul.pic {
	list-style-type:none;
	padding:0;
}

li.pic {
	list-style-image:url('');
	margin-top: 4px;
	height:86px;
	margin-bottom: 4px;
	}

img.pic {
	margin-top:4px;
	margin-bottom:4px;
	margin-right:8px;
	width:100px;
	height:73px;
	float: left;
	border-style:none;
}

.fase4rdf {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #000000; 
	font-weight: normal;
	}

a.fase4rdf:link {
	font-size: 12px; font-weight: normal; color: #FF9900;
	}

a.fase4rdf:hover {
	font-weight: bold; color: #808080;
	}

table.searchintro {
	background-color: #FFFFFF;
	border: solid 1px #777777;
	}

table.contact {
	background-color: #FFFFFF;
	border: 1px solid #FF8311;
	}

table.contact td.icons {
	}

table.contact td.details {
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.pagenav {
	font-weight: normal;
	color: #386593;
}

a.pagenav, a.pagenav:visited {
	color: #999999;
}

a.pagenav:hover {
	color: #386593;
}

.pagenavbar {
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}


/* Content voting */
.content_rating {
	font-weight: normal;
	font-size: 8pt;
}

.content_vote {
	font-weight: normal;
	font-size: 8pt;
}

/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
	background-color: #f0f0f0;
}
.newsflash {
	background-color: #F5F5F5;
	color: Black;
}
/* Text passed with mosmsg url parameter */
.message {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 10pt;
	color : #ff6600;
	text-align: center;
}
.highlight {
    background: yellow;
    }
    

/************************* CONTENT PART ****************************/
/*                                                                 */
/*                          SEGELFILMER                            */ 
/* This parts gives some definitions for the design of the content */
/*                                                                 */
/*******************************************************************/

/** Die Lokations-dynamische Einbindung von Bildern samt deren Bildunterschrift */
dl.imgleft{
	float: left;
	margin-top: 4pt;
	margin-right: 8pt;
	margin-left: 0px;
	margin-bottom: 4pt;
	/**max-width:100px; **/ /**(1)**/
}
dl.imgleft dt {
	margin-bottom: 0;
}
dl.imgleft dd {
	margin: 0;
}
dl.imgright{
	float: right;
	margin-top: 4pt;
	margin-left: 8pt;
	margin-right: 0px;
	margin-bottom: 4pt;
	/**max-width:100px; **/ /**(1)**/
}
dl.imgright dt {
	margin-bottom: 0;
}
dl.imgright dd {
	margin: 0;
	margin-bottom: 0px;
}
.imgdescription {
	font-size: 8pt;
	margin-top: 0pt;
	margin-bottom: 1pt;
	text-align: left;
	vertical-align:top;
}

.img_left_top {
	margin-top: 4px;
	float: left;
	margin-bottom: 8px; 
	margin-right: 8px;
}
.img_right_top {
	margin-top:4px;
	float:right;
	margin-bottom:8px; 
	margin-left:8px;
}
.img_left {
	margin-top:8px;
	float:left;
	margin-bottom:8px; 
	margin-right:8px;
}
.img_right {
	margin-top:8px;
	float:right;
	margin-bottom:8px; 
	margin-left:8px;
}

.smiley {border:none;width:18px;height:18px;margin-bottom:-2px;margin-top:-2px;}
		
/** alle 3 obsolet, ersetzen mit "imgdescription"; aus den Quellen entfernen! */
.bildunterschrift {
	font-size: 8pt;
	margin-top: 0pt;
	margin-bottom: 20pt;
	text-align: left;
	}
.bildunterschrift_unter_tabelle {
	font-size: 8pt;
	margin-top: 0pt;
	margin-bottom: 10pt;
	text-align: left;
	}
.bildunterschrift_in_tabelle {
	font-size: 8pt;
	margin-top: -2pt;
	margin-bottom: 10pt;
	text-align: left;
	}


/** Sollte die gleichen Wert fuer Schriftgroesse
    etc. haben, wie die a.readon-Link"famile".
    Zumindest die Schriftgroesse wurde bei eigener Anwendung
    in einer Intro ohne diesen Kniff nicht korrekt angezeigt. */
.readon, .readon:visited {
	color: #1B82D9;
	text-decoration: none;
	font-weight: normal;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
.readon:hover {
	color: #F45E0C;
	text-decoration: underline;
	font-weight: normal;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	}

.toclink {
	font-size: 9px;
	}



/** Wird benutzt fuer Intro-Texte von dynamischen Contents */
.intro {
	margin-top: 0px; 
	margin-bottom: 0px; 
	}
	
.intro:link, .intro:visited {
	color: #555555; 
	}
.intro:link:hover {
	color: #F45E0C; 
	}


/** Wird benutzt fuer Intro-Texte von dynamischen Contents */
/*&&&
.frontlink:link, .frontlink:visited {
	color: #555555; 
	}
.frontlink:hover {
	color: #777777; 
	}
.frontlink_small:link, .frontlink_small:visited {
	font-size: 8pt;
	color: #555555; 
	}
.frontlink_small:hover {
	color: #777777; 
	}
*/


/** (Intro-)Texte in Vorbereitung, deren Inhalt jedoch noch nicht
    angelegt ist (Ankündigung) */
.inpreparation {
	color: #AAAAAA;
	margin-top: 0px; 
	margin-bottom: 0px; 
	}

/** Introtexte, welche oben im Content wiederholt werden */
.intro_content {
	margin-top: 0px; 
	margin-bottom: 0px; 
	}

/** fuer die Darstellung von Rechnungsdaten */
.billing {
  border-width:1px;
  border-style:solid;
  border-color:#BBBBBB;
  background-color:#F0F5F9;
  padding:1.0em;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:20px;
	margin-right:20px;
	text-decoration:none;
	font-weight:normal;
	font-family:"Courier New",Courier serif;
	}


table#my_content {
	margin: 0px 0px 0px 0px;
	border-color: white;
  border-width: 1px;
  border-style: solid;
	border-left: solid 0px #000000;
	border-right: solid 0px #000000;
	border-top: solid 0px #000000;
	border-bottom: solid 0px #000000;
	padding: 0px;
	}
table#my_content th {
	background-color: silver;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 140%;
	color: #555555;
	margin-top: 10px; 
	margin-bottom: 10px; 
  border-width: 1px;
	padding: 4px;
	text-align: left;
	border: solid white 1px;
	}
table#my_content td {
	background-color: #D3D3D3;/* background-color: lightgrey; ###*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
	color: #555555;
	margin-top: 10px; 
	margin-bottom: 10px; 
	padding: 4px;
	text-align: left;
	border: solid white 1px;
	}

/** Textformatierung für Zitate */
.zitat {
	font-style: italic;
}

/** Rahmen für besondere Hervorhebungen mitten im Text (Exkurse, ...) */
.exkurs {
  border-width: 1px;
  border-style: solid;
  border-color: #1B82D9;
  background-color:#F0FFFF;
  padding: 1.0em;
}

.ausruf {
	margin:25px;text-align:center;font-weight:bold;
}

/** Rahmen fuer Gaestebucheintraege */
.gb_answer {
  border-width: 1px;
  border-style: solid;
	color: #4A7FB0; 
  padding: 1.0em;
	margin-right: 10px;
}

/** Rahmen für Claudias Fazit */
.claudia {
  border-width: 1px;
  border-style: solid;
  border-color: #FF4040;
  background-color:#FFE1E1;
  padding: 1.0em;
}
.claudia_heading {
  border-width: 1px;
  border-style: solid;
  border-color: #FF6565;
  background-color:#FF6565;
  padding: 0;
  color:white
}

/** Rahmen für Skipper-Infos */
.skipper {
  border-width: 1px;
  border-style: solid;
  border-color: blue;
  background-color:#C0C0FF;
  padding: 1.0em;
}
.skipper_heading {
  border-width: 1px;
  border-style: solid;
  border-color: blue;
  background-color:blue;
  padding: 0;
  color:white
}



/** fuer kleine Kurzgeschichten, Beobachtungen, Studien */
.novelle {
	text-align: justify;
	}

/** Rahmen für "weitere Links" */ 
.links { 
  border-width: 1px; 
  border-style: solid; 
  border-color: #DDDDDD; 
  background-color:#F3FFFB; 
  padding: 1.0em; 
} 

/** extrordinary link */
.extraord {
	font-size: 13pt;
	}
a.extraord:visited, a.extraord:link {
	text-decoration: none;
	color: #F45E0C; 
	font-family:  Verdana, Arial, Helvetica, sans-serif;
}
a.extraord:hover {
	text-decoration: none;
	color: #1B82D9;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
}


/** button_pagenav und button_pagenav_div fuer die Seitennavigation "mospagebreaking" */
.button_pagenav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	border-color: #4A7FB0;
	color: #4A7FB0;
	border-style: solid;
	border-top-width: 2px; 
	border-right-width: 2px;
	border-bottom-width: 2px; 
	border-left-width: 2px;
	background-color: white;
	padding:4px;
	}

.button_pagenav:hover {
	border-color: #F45E0C;
	background-color: #FFF1E9;
	}

.button_pagenav_dis {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	border-color: lightgrey;
	color: gray;
	border-style: solid;
	border-top-width: 2px; 
	border-right-width: 2px;
	border-bottom-width: 2px; 
	border-left-width: 2px;
	background-color: White;
	padding:4px;
	}

dl.google_maps{
	float: right;
	margin-top: 0pt;
	margin-left: 8pt;
	margin-right: 0px;
	margin-bottom: 2pt;
	text-align: right;
	/**max-width:100px; **/ /**(1)**/
}
dl.google_maps dt {
	margin-bottom: 0;
}
dl.google_maps div {
	margin-top:0;
	margin-bottom:0;
}


/** button_pagenav und button_pagenav_div fuer die Seitennavigation "mospagebreaking" */
.button_googlemaps {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	border-color: #4A7FB0;
	color: #4A7FB0;
	border-style: solid;
	border-top-width: 1px; 
	border-right-width: 1px;
	border-bottom-width: 1px; 
	border-left-width: 1px;
	background-color:#EAEAFF;
	padding:3px;
	text-align: right;
	}
.button_googlemaps:hover {
	border-color: #F45E0C;
	background-color: #FFF1E9;
	}

/** Wird benutzt fuer Intro-Texte von dynamischen Contents */
.frontlink:link, .frontlink:visited {
	color: #555555; 
	}
.frontlink:hover {
	color: #777777; 
	}
.frontlink_small:link, .frontlink_small:visited {
	font-size: 8pt;
	color: #555555; 
	}
.frontlink_small:hover {
	color: #777777; 
	}


/* frame610a-Box Start */
.frame610a_header{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame610aBoxOben.jpg) no-repeat;
	border: none;
	height: 10px;
	margin: 0;
	padding: 0;
	width: 610px;
	overflow:hidden;
	}

.frame610a_footer{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame610aBoxUnten.jpg) no-repeat;
	height: 10px;
	width: 610px;
	overflow:hidden;
	margin: 0;
	}
	
.frame610a_box{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame610aBoxMitte.jpg);	
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	}
	
.frame610a_box img{
	border: none;
	padding: 0 0 0 0;
	margin-bottom: 0; 
	}

.frame610a_content{
	overflow: hidden;
	padding: 5px 5px 0 10px;
	text-align: left;
	word-wrap: break-word;
	margin-top: 0px; 
	margin-bottom: 0px; 
}

/* frame610b-Box Start */
.frame610b_header{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame610bBoxOben.jpg) no-repeat;
	border: none;
	height: 10px;
	margin: 0;
	padding: 0;
	width: 610px;
	overflow:hidden;
	}

.frame610b_footer{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame610bBoxUnten.jpg) no-repeat;
	height: 10px;
	width: 610px;
	overflow:hidden;
	margin: 0;
	}
	
.frame610b_box{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame610bBoxMitte.jpg);	
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	}
	
.frame610b_box img{
	border: none;
	padding: 0 0 0 0;
	margin-bottom: 0; 
	}

.frame610b_content{
	overflow: hidden;
	padding: 5px 5px 0 10px;
	text-align: left;
	word-wrap: break-word;
	margin-top: 0px; 
	margin-bottom: 0px; 
}

/* frame610c-Box Start */
.frame610c_header{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame610cBoxOben.jpg) no-repeat;
	border: none;
	height: 10px;
	margin: 0;
	padding: 0;
	width: 610px;
	overflow:hidden;
	}

.frame610c_footer{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame610cBoxUnten.jpg) no-repeat;
	height: 10px;
	width: 610px;
	overflow:hidden;
	margin: 0;
	}
	
.frame610c_box{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame610cBoxMitte.jpg);	
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	}
	
.frame610c_box img{
	border: none;
	padding: 0 0 0 0;
	margin-bottom: 0; 
	}

.frame610c_content{
	overflow: hidden;
	padding: 5px 5px 0 10px;
	text-align: left;
	word-wrap: break-word;
	margin-top: 0px; 
	margin-bottom: 0px; 
}

/* frame610D-Box Start */
.frame610d_header{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame610dBoxOben.jpg) no-repeat;
	border: none;
	height: 10px;
	margin: 0;
	padding: 0;
	width: 610px;
	overflow:hidden;
	}

.frame610d_footer{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame610dBoxUnten.jpg) no-repeat;
	height: 10px;
	width: 610px;
	overflow:hidden;
	margin: 0;
	}
	
.frame610d_box{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame610dBoxMitte.jpg);	
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	}
	
.frame610d_box img{
	border: none;
	padding: 0 0 0 0;
	margin-bottom: 0; 
	}

.frame610d_content{
	overflow: hidden;
	padding: 5px 5px 0 10px;
	text-align: left;
	word-wrap: break-word;
	margin-top: 0px; 
	margin-bottom: 0px; 
}


/* frame610a-Box Start */
.frame610e_header{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame610eBoxOben.jpg) no-repeat;
	border: none;
	height: 10px;
	margin: 0;
	padding: 0;
	width: 610px;
	overflow:hidden;
	}

.frame610e_footer{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame610eBoxUnten.jpg) no-repeat;
	height: 10px;
	width: 610px;
	overflow:hidden;
	margin: 0;
	}
	
.frame610e_box{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame610eBoxMitte.jpg);	
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	}
	
.frame610e_box img{
	border: none;
	padding: 0 0 0 0;
	margin-bottom: 0; 
	}

.frame610e_content{
	overflow: hidden;
	padding: 5px 5px 0 10px;
	text-align: left;
	word-wrap: break-word;
	margin-top: 0px; 
	margin-bottom: 0px; 
}


/* frame300A-Box Start */
.frame300a_header{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame300aBoxOben.jpg) no-repeat;
	border: none;
	height: 10px;
	margin: 0;
	padding: 0;
	width: 300px;
	overflow:hidden;
	}

.frame300a_footer{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame300aBoxUnten.jpg) no-repeat;
	height: 10px;
	width: 300px;
	overflow:hidden;
	margin: 0;
	}
	
.frame300a_box{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame300aBoxMitte.jpg);	
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	}
	
.frame300a_box img{
	border: none;
	padding: 0 0 0 0;
	margin-bottom: 0; 
	}

.frame300a_content{
	overflow: hidden;
	padding: 5px 5px 0 10px;
	text-align: left;
	word-wrap: break-word;
	margin-top: 0px; 
	margin-bottom: 0px; 
}


/* frame300B-Box  */
.frame300b_header{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame300bBoxOben.jpg) no-repeat;
	border: none;
	height: 10px;
	margin: 0;
	padding: 0;
	width: 300px;
	overflow:hidden;
	}

.frame300b_footer{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame300bBoxUnten.jpg) no-repeat;
	height: 10px;
	width: 300px;
	overflow:hidden;
	margin: 0;
	}
	
.frame300b_box{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame300bBoxMitte.jpg);	
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	}
	
.frame300b_box img{
	border: none;
	padding: 0 0 0 0;
	margin-bottom: 0; 
	}

.frame300b_content{
	overflow: hidden;
	padding: 5px 5px 0 10px;
	text-align: left;
	word-wrap: break-word;
	margin-top: 0px; 
	margin-bottom: 0px; 
}
/* frame300B-Box End */

/* frame300c-Box Start */
.frame300c_header{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame300cBoxOben.jpg) no-repeat;
	border: none;
	height: 10px;
	margin: 0;
	padding: 0;
	width: 300px;
	overflow:hidden;
	}

.frame300c_footer{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame300cBoxUnten.jpg) no-repeat;
	height: 10px;
	width: 300px;
	overflow:hidden;
	margin: 0;
	}
	
.frame300c_box{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame300cBoxMitte.jpg);	
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	}
	
.frame300c_box img{
	border: none;
	padding: 0 0 0 0;
	margin-bottom: 0; 
	}

.frame300c_content{
	overflow: hidden;
	padding: 5px 5px 0 10px;
	text-align: left;
	word-wrap: break-word;
	margin-top: 0px; 
	margin-bottom: 0px; 
}

/* frame300d-Box Start */
.frame300d_header{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame300dBoxOben.jpg) no-repeat;
	border: none;
	height: 10px;
	margin: 0;
	padding: 0;
	width: 300px;
	overflow:hidden;
	}

.frame300d_footer{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame300dBoxUnten.jpg) no-repeat;
	height: 10px;
	width: 300px;
	overflow:hidden;
	margin: 0;
	}
	
.frame300d_box{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame300dBoxMitte.jpg);	
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	}
	
.frame300d_box img{
	border: none;
	padding: 0 0 0 0;
	margin-bottom: 0; 
	}

.frame300d_content{
	overflow: hidden;
	padding: 5px 5px 0 10px;
	text-align: left;
	word-wrap: break-word;
	margin-top: 0px; 
	margin-bottom: 0px; 
}

/* frame300e-Box Start */
.frame300e_header{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame300eBoxOben.jpg) no-repeat;
	border: none;
	height: 10px;
	margin: 0;
	padding: 0;
	width: 300px;
	overflow:hidden;
	}

.frame300e_footer{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame300eBoxUnten.jpg) no-repeat;
	height: 10px;
	width: 300px;
	overflow:hidden;
	margin: 0;
	}
	
.frame300e_box{
	background: url(http://www.travelfilmer.de/images/allgemein/bg_frame300eBoxMitte.jpg);	
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	}
	
.frame300e_box img{
	border: none;
	padding: 0 0 0 0;
	margin-bottom: 0; 
	}

.frame300e_content{
	overflow: hidden;
	padding: 5px 5px 0 10px;
	text-align: left;
	word-wrap: break-word;
	margin-top: 0px; 
	margin-bottom: 0px; 
}

.swap_foto {
	background-image:url(/images/allgemein/Foto_gray.bmp);
	background-repeat:no-repeat;
}
.swap_video {
	background-image:url(/images/allgemein/kamera_gray.png);
	background-repeat:no-repeat;
}
.swap_info {
	background-image:url(/images/allgemein/info_gray.bmp);
	background-repeat:no-repeat;
}
.swap_report {
	background-image:url(/images/allgemein/report_gray.bmp);
	background-repeat:no-repeat;
}
a.swap_foto {
	background-image:url(/images/allgemein/Foto_blue.bmp);
	background-repeat:no-repeat;
}
a.swap_foto:hover {
	background-image:url(/images/allgemein/Foto_orange.bmp);
	background-repeat:no-repeat;
}
a.swap_video {
	background-image:url(/images/allgemein/kamera_blue.png);
	background-repeat:no-repeat;
}
a.swap_video:hover {
	background-image:url(/images/allgemein/kamera_orange.png);
	background-repeat:no-repeat;
}
a.swap_info {
	background-image:url(/images/allgemein/info_blue.bmp);
	background-repeat:no-repeat;
}
a.swap_info:hover {
	background-image:url(/images/allgemein/info_orange.bmp);
	background-repeat:no-repeat;
}
a.swap_report {
	background-image:url(/images/allgemein/report_blue.bmp);
	background-repeat:no-repeat;
}
a.swap_report:hover {
	background-image:url(/images/allgemein/report_orange.bmp);
	background-repeat:no-repeat;
}

/** von http://sura1.wordpress.com/2008/11/24/flexible-css-buttons-mit-3-hintergrundgrafiken/  */
.btn_40 {
  float: left;
  clear: both;
  background: url(/images/allgemein/btn_left_40.png) no-repeat;
  padding: 0 0 0 10px;
  margin: 5px 0;
}
.btn_40 a{
  float: left;
  height: 40px;
  background: url(/images/allgemein/btn_stretch_40.png) repeat-x left top;
  line-height: 40px;
  padding: 0 10px;
  color: #fff;
  font-size: 1.3em;
  text-decoration: none;
}
.btn_40 a:hover {
  color: #000;
}
.btn_40 span {
  background: url(/images/allgemein/btn_right_40.png) no-repeat;
  float: left;
  width: 10px;
  height: 40px;
}


.btn {
  float: left;
  clear: both;
  background: url(/images/allgemein/btn_left.png) no-repeat;
  padding: 0 0 0 10px;
  margin: 5px 0;
}
.btn a{
  float: left;
  height: 26px;
  background: url(/images/allgemein/btn_stretch.png) repeat-x left top;
  line-height: 26px;
  color: white;
  font-size: 13px;
  text-decoration: none;
  font-weight: medium;
}
.btn a:hover {
  color: black;
}
.btn span {
  background: url(/images/allgemein/btn_right.png) no-repeat;
  float: left;
  width: 10px;
  height: 26px;
}
.btn disabled{
  float: left;
  height: 26px;
  background: url(/images/allgemein/btn_stretch.png) repeat-x left top;
  line-height: 26px;
  color: gray;
  font-size: 13px;
  text-decoration: none;
  font-weight: medium;
}
.btn a.disabled {
  color: gray;
 }
.btn a.disabled:hover {
  color: gray;
 }
.btn_green  {
  background-color: green;
}
.btn_green:hover {
  background-color: #00DF00;
}
.btn_red {
  background-color: #CC0000;
}
.btn_red:hover {
  background-color: red;
}
.btn_yellow {
  background-color: #EEAE00;
}
.btn_yellow:hover {
  background-color: #FFCF00;
}
.btn_lightblue {
  background-color: #006BBB;
}
.btn_lightblue:hover {
  background-color: #00AFFF;
}
.clear {
  clear: both;
} 

a.text_button:link, a.text_button:visited{
	display:block;
	background-color:gray;
	width:132px;
	height:74px;
	margin:0px;
	color:#333333;
	font-size:10px;
	font-family:Verdana,Arial,sans-serif;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
a.text_button:hover {
	display:block;
	color:#FFC044;
}

#preload {
display: none;
}
#preload img {
height: 0; width: 0; border: none;
position: absolute;
bottom: 0;
left: 0;
z-index: -30;
}

.textHintFrame {
	padding-top:2px;
	padding-bottom:2px;
	padding-left:40px;
	padding-right:40px;
	font-size:11px;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color:#04caff;
	border-bottom-color:#04caff;
	float: none;
	background-image:url(/images/allgemein/xshow.gif),url(/images/allgemein/xshow_l.gif);
	background-repeat: no-repeat; 
	background-position: left center, right center; 
}

.thumbnail_img{float:left;border:none;margin-top:4px;margin-bottom:4px;margin-right:8px;width:100px;height:73px;}
.thumbnail_cal{float:left;border:none;margin-top:4px;margin-bottom:6px;margin-right:6px;width:270px;height:169px;}

.imglink {
	opacity: 1;
	-o-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition: -webkit-transform .5s;
	z-index: 10;
	color:black;
	font-family:Verdana,Arial,sans-serif;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	float: left;
}
.imglink:hover {
	opacity: 1;
	-o-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition: -webkit-transform .5s;
	webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
	color:#FFC044;
}

.fettfazit {
	font-size: 20px;
	margin-top: 30px; 
	margin-bottom: 30px;
	text-align:center;
	line-height: 140%;
}