/*
	HTML5 ✰ Boilerplate
	yui.yahooapis.com/2.8.1/build/base/base.css
	camendesign.com/design/
	praegnanz.de/weblog/htmlcssjs-kickstart
	html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
	v1.4 2009-07-27 | Autoren:  Eric Meyer & Richard Clark
	html5doctor.com/html-5-reset-stylesheet/
*/
	
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: small;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}                 
	
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
	
ul {
	list-style: none;
}
	
blockquote, q {
	quotes: none;
}
	
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
	
a {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	background: transparent;
}
	
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
	
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
	
del {
	text-decoration:  line-through;
}
	
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
	
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
	
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
	
input, select {
	vertical-align: middle;
}
	
/* ENDE DER RESET CSS */
	
/* fonts.css aus der YUI Bibliothek developer.yahoo.com/yui/
	Schaue auf developer.yahoo.com/yui/3/cssfonts/  um die richtige `font-size` Prozente zu ermitteln
	
	Drei Veränderungen waren nötig: 
	* entferne Arial und Helvetica aus dem Font-Stack
	* unproportionale Schriftgroßen normen
	* `font-size` für Tabellen wird bereits im HTML5-Reset weiter oben zurückgesetzt, also müssen wir uns nicht wiederholen.
*/

body {
} /* Hack beibehalten, um Spezifität bewahren */ 
	
select, input, textarea, button {
	font: 99% sans-serif;
}
	
/* normalisiere monosize Größen
 * en.wikipedia.org/wiki/MediaWiki_talk: Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp {
	font-family:  monospace, sans-serif;
}
	
/*
 * minimale Grund-Styles
 */
	
body, select, input, textarea {
/* `#444`, besser als Schwarz. twitter.com/H_FJ/statuses/11800719859 */
	color:  black;
/* setze hier deine Standart Schriftart, damit sie gleichermaßen angewendet werden kann */
/* font-family:  Georgia, serif; */
}
	
/* Headers (h1,h2,etc) have no default font-size or margin, you'll want to define those yourself. */
h1,h2,h3,h4,h5,h6 {
	font-weight:  bold;
}
	
/* immer einen Scrollbalken erzwingen (ausser IE) */
html {
	overflow-y:  scroll;
}
	
/* Barrierefreier Fokus:  people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
	outline:  none;
}
	
a, a:active, a:visited {
	color: #339;
	text-decoration: none;
}

a:visited {
	color: #2A81ED;
	text-decoration: none;
}

a:hover {
	color: red;
}
	
small {
	font-size:  85%;
}

strong, th {
	font-weight:  bold;
}
	
td, td img {
	vertical-align:  top;
}
	
sub {
	vertical-align:  sub;
	font-size:  smaller;
}

sup {
	vertical-align:  super;
	font-size:  smaller;
}
	
pre {
	padding:  15px;
	/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
	white-space:  pre;
	/* CSS2 */
	white-space:  pre-wrap;
	/* CSS 2.1 */
	white-space:  pre-line;
	/* CSS 3 (and 2.1 as well, actually) */
	word-wrap:  break-word;
	/* IE */
}
	
textarea {
	overflow:  auto;
} /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
	
.ie6 legend, .ie7 legend {
	margin-left:  -7px;
} /* thnx ivannikolic! */
	
/* bringt Checkboxen, Radio Buttons, Text-Felder, und die zugehörige Labels in eine Reihe by:  Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] {
	vertical-align:  text-bottom;
}

input[type="checkbox"] {
	vertical-align:  bottom;
}

.ie7 input[type="checkbox"] {
	vertical-align:  baseline;
}

.ie6 input {
	vertical-align:  text-bottom;
}
	
/* Hand-Cursor über klickbaren Eingabe-Elementen */
label, input[type=button], input[type=submit], button {
	cursor:  pointer;
}
	
/* Webkit-Browser fügen einen 2px-Außenabstand um den äußeren Bereich von Formular-Elementen hinzu */ 
button, input, select, textarea {
	margin:  0;
}
	
/* Farben für die Formularvalidierung */
input:valid, textarea:valid   {
}

input:invalid, textarea:invalid {
	border-radius:  1px;
	-moz-box-shadow:  0px 0px 5px red;
	-webkit-box-shadow:  0px 0px 5px red;
	box-shadow:  0px 0px 5px red;
}

.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
	background-color:  #f0dddd;
}
	
/* Diese Selektoren deklarationen müssen separat sein.  Kein `text-shadow`:  twitter.com/miketaylr/status/12228805301 Plus:  flottes Pink */
::-moz-selection {
	background:  #FF5E99;
	color: #fff;
	text-shadow:  none;
}

::selection {
	background: #FF5E99;
	color: #fff;
	text-shadow:  none;
}
	
/*  j.mp/webkit-tap-highlight-color */
a:link {
	-webkit-tap-highlight-color:  #FF5E99;
}
	
/* sauber agierende Buttons im IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {
	width:  auto;
	overflow:  visible;
}
	
/* Bikubische-Skalierung für nicht-native Bildgrößen im IMG-Tag: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
	-ms-interpolation-mode:  bicubic;
}	
	
/*
 * Nicht-semantische Hilfsklassen
 */

/* um Grafiken zu ersetzen */
.ir {
	display:  block;
	text-indent:  -999em;
	overflow:  hidden;
	background-repeat:  no-repeat;
	text-align:  left;
	direction:  ltr;
}

/* Zum verstecken in beidem, Browser sowie Screenreader css-discuss.incutio.com/wiki/Screenreader_Visibility */
.invizbl, span.summary, span.category {
	display:  none;
	visibility:  hidden;
}
	
/* Optisch versteckt, aber mit Screenreader lesbar www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden {
	position:  absolute !important;
	clip:  rect(1px 1px 1px 1px);
	/* IE6, IE7 */
	clip:  rect(1px, 1px, 1px, 1px);
}
	
/* Optisch verstecken (auch von Screenreader), aber behalte den Platz im Layout */
.invisible {
	visibility:  hidden;
}
	
/* >> Der glorreiche CLEARFIX:  Aktualisiert, um einen Einsturz der Außenabstände in Kind-Elementen zu verhindern << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
	content:  "\0020";
	display:  block;
	height:  0;
	visibility:  hidden;
}
	
.clearfix:after {
	clear:  both;
}

/* Clearfix-Fix:  blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix {
	zoom:  1;
}

/*
* Media queries für ein zugängliches Design
* Diese folgen nach dem primären Style, somit können diese erfolgreich überschreiben.
*/

@media all and (orientation: portrait) {
	/* Hier kommen die Style-anpassungen für den Hochformat-Modus rein */
}
	
@media all and (orientation: landscape) {
	/* Hier kommen die Style-anpassungen für den Querformat-Modus rein */
}

/* Klasse-A Mobile Browser (Opera Mobil, iPhone Safari, Android Chrome) Bedenkt dabei:  www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width:  480px) {
	/* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you j.mp/textsizeadjust
	html {
		-webkit-text-size-adjust: none;
		-ms-text-size-adjust: none;
	} */
}
	
/*
 * Druck-Stylesheets
 * inline geschrieben, um zusätzlichen HTTP-Aufruf zu vermeiden www.phpied.com/delay-loading-your-print-css/
 */
@media print {
	* {
		background:  transparent !important;
		color:  #444 !important;
		text-shadow:  none !important;
	}
	a, a:visited {
		color:  #444 !important;
		text-decoration:  underline;
	}
	a:after {
		content:  " (" attr(href) ")";
	}
	abbr:after {
		content:  " (" attr(title) ")";
	}
	.ir a:after {
		content:  "";
	}  /* Don't show links for images */
	pre, blockquote {
		border:  1px solid #999;
		page-break-inside:  avoid;
	}
	thead {
		display:  table-header-group;
	} /* css-discuss.incutio.com/wiki/Printing_Tables */
	tr, img {
		page-break-inside:  avoid;
	}
	@page {
		margin:  0.5cm;
	}
	p, h2, h3 {
		orphans:  3;
		widows:  3;
	}
	h2, h3{
		page-break-after:  avoid;
	}
}

body {
	background: url(/home/css/bg.gif) repeat-y #2A81ED;
	font-size: small;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

/* Content */

#content {
	width: 835px;
	min-height: 510px;
	background-color: white;
	margin: 236px 0 50px 144px;
}

#content h1 {
	margin: 15px 0;
	font-weight: bold;
	font-size: 180%;
	text-align: center;
	color: #339;
}

#content h2 {
	margin: 15px 0;
	font-weight: normal;
	font-size: 140%;
	text-align: center;
	color: #339;
}

#content h3 {
	margin: 7px 0;
	font-weight: normal;
	font-size: 140%;
	text-align: center;
	color: #339;
}

#content h4 {
	margin: 7px 0 0;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
	color: #339;
}

#content a {
	padding: 0 0 0 8px;
	background: url(/home/css/arrow.gif) 0 3px no-repeat;
	text-decoration: none;
}

/* verlinktes Bild des Auswaertigen Amts */
#content a.image {
	background-image: none;
}

#content p {
	margin: 3px 0 7px;
}

#content p.booking {
	width: 100%;
	text-align: center;
}

#content a.button {
	display: block;
	margin: 0 auto;
	width: 150px;
	padding: 4px;
	background: #FF9900;
	border: 1px solid #339;
}

#content .einleitung {
	color: #339;
}

#content .innercontent {
	overflow: hidden;
	text-align: justify;
}

#content .bordertop {
	margin-top: 10px;
}

#content .contentbox, #content .zweispaltig, #content .x1, #content .x2 {
	width: 410px;
	padding-bottom: 10px;
	float: left;
	background: url(/home/css/round-bottom.gif) no-repeat bottom left;
}

#content .contentbox div, #content .zweispaltig div, #content .x1 div, #content .x2 div {
	padding: 5px;
}

#content .contentbox:hover, #content .zweispaltig:hover {
	background-color: #E4F0Fc;
}

#content .contentbox h2, #content .zweispaltig h2, #content .x1 h2, #content .x2 h2 {
	margin: 0;
	padding: 6px 10px 3px;
	background: url(/home/css/round-top.gif) no-repeat top left #ced4da;
	font-weight: bold;
	font-size: medium;
	text-align: center;
	color: #339;
}

#content .contentbox h3, #content .zweispaltig h3, #content .x1 h3, #content .x2 h3 {
	margin: 0;
}

#content .spacer {
	margin-right: 10px;
}

#content .left, #content .floatleft {
	float: left;
	padding-right: 10px;
}

#content .right, #content .floatright {
	float: right;
	padding-left: 10px;
}

#hcard-Olaf-Wuppermann {
	background: url(/home/css/logo.gif) 230px 20px no-repeat;
}

#hcard-Detlef-Wuppermann {
	background: url(/home/css/detlef-wuppermann.png) 230px 10px no-repeat;
}

#content .vcard {
}

#content .vcard .org {
	font-weight: bold;
}

#tablealltrips {
	width: 828px;
}

#tablealltrips th.inactive {
	opacity: 0.4;
	filter: alpha(opacity=40);
}

#tablealltrips tr.odd {
	background-color: #E4F0FC;
}

#tablealltrips td {
	padding: 4px 0;
}

.wandern, .rad, .kanu, .begegnung, .natur, .kultur, .kreuzfahrt, .studienreise, .tierbeobachtung, .fotografie, .winterreise, .tierreisen, .hundemitnahme, .familienreise {
	background: url(/home/css/ok.gif) no-repeat center center;
	width: 31px;
	text-align: center;
}

#tablealltrips td.ok {
	background: url(/home/css/ok.gif) 50% 50% no-repeat;
}

#content_main {
	width: 570px;
	float: left;
	margin-bottom: 60px;
}

#content table.trips {
	width: 410px;
	margin-bottom: 10px;
	background: url(/home/css/round-bottom.gif) no-repeat bottom left;
}

#content table.trips tr th {
	background: url(/home/css/round-top.gif) no-repeat top left;
}

#content table.trips tr th.price {
	background: url(/home/css/round-top.gif) no-repeat top right;
	text-align: right;
	white-space: nowrap;
}

#content table.trips th {
	padding: 5px;
	text-align: left;
	border-bottom: 1px solid #ced4da;
}

#content table.trips td {
	padding: 5px;
}

#content table.trips td.description {
	text-align: left;
}

#content table.trips td.price {
	text-align: right;
}

#content .searchresult {
	overflow: hidden;
	margin-bottom: 10px;
}

#content .searchresult h3 {
	margin-bottom: 0;
	text-align: left;
}

#content .searchresult h4 {
	margin: 0;
}

#paging {
	overflow: hidden;
	margin: 2px;
	padding: 2px;
}

#paging ul {
	list-style: none;
}

#paging ul li {
	float: left;
	margin: 5px;
}

#paging ul li span {
	padding: 3px;
	border: solid 1px #2A81ED;
}

#paging ul li a {
	padding: 3px;
	background-color: #2A81ED;
	background-image: none;
	color: white;
	font-weight: bold;
}

#worldmap {
	position: relative;
	height: 330px;
	width: 640px;
	margin: 0 95px;
	background: url(/home/css/worldmap.gif) center center no-repeat;
}

#worldmap ul li.arktische_regionen {
	position: absolute;
	top: 300px;
	left: 200px;
}

#worldmap ul li.nordamerika {
	position: absolute;
	top: 50px;
	left: 60px;
}

#worldmap ul li.europa {
	position: absolute;
	top: 50px;
	left: 240px;
}

#worldmap ul li.asien {
	position: absolute;
	top: 50px;
	left: 420px;
}

#worldmap ul li.mittelamerika {
	position: absolute;
	top: 115px;
	left: 60px;
}

#worldmap ul li.vorderasien {
	position: absolute;
	top: 100px;
	left: 300px;
}

#worldmap ul li.suedamerika {
	position: absolute;
	top: 200px;
	left: 60px;
}

#worldmap ul li.afrika {
	position: absolute;
	top: 150px;
	left: 240px;
}

#worldmap ul li.australienozeanien {
	position: absolute;
	top: 200px;
	left: 450px;
}

#content_sub {
	width: 230px;
	float: right;
	margin-top: 20px;
	margin-bottom: 60px;
	background: url(/home/css/sidebar-top.gif) top left no-repeat;
}

#content_sub h3 {
	margin: 0;
	padding: 6px 10px 3px;
	background: url(/home/css/sidebar-bottom.gif) no-repeat top left #ced4da;
	border-bottom: solid 1px #ced4da;
	font-weight: bold;
	font-size: medium;
	text-align: center;
	color: #339;
}

#content_sub h4 {
	margin: 0;
	padding: 0;
	text-align: center;
}

#content_sub img {
	padding: 5px 2px;
	max-width: 225px;
}

#content_sub .content_sidebar, #content_sub .content_images {
	overflow: hidden;
	margin-bottom: 10px;
	background: url(/home/css/sidebar-bottom.gif) bottom left no-repeat;
}

#content_sub .content_images a {
	padding: 0;
	background-image: none;
	text-align: center;
}

#content_sub p {
	margin: 0 10px;
	padding: 5px 0;
}

#content_sub ul, #content_sub ol {
	margin: 0 10px;
	padding: 5px 0;
	list-style: none;
}

#content_sub li {
	margin: 4px 0;
}

#content_sub ol li {
	padding: 4px 0;
	text-align: center;
}

/* Navigation */

#nav_main {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1012px;
	height: 227px;
	background: url(/home/css/hg-reisen01.jpg);
}

#nav_main img.fadein {
	position: absolute;
	top: 0px;
	left: 0px;
}

#nav_main ul {
	position: absolute;
	top: 154px;
	left: 100px;
}

#nav_main ul li a.newsletter {
	color: red;
}

#nav_main ul li {
	width: 108px;
	text-align: center;
}

#nav_main ul.shadow {
	position: absolute;
	top: 155px;
	left: 101px;
}

#nav_main ul li a {
	color: white;
	font-weight: bold;
	font-size: large;
	text-decoration: none;
}

#nav_main ul.shadow li a {
	color: black;
}

#nav_main ul, #nav_sub ul, #site_info ul {
	list-style: none;
}

#nav_main ul li, #site_info ul li {
	float: left;
	padding: 10px;
}

#breadcrumb {
	position: absolute;
	overflow: hidden;
	width: 600px;
	top: 206px;
	left: 140px;
//	z-index: 1000;
	white-space: nowrap;
}

#breadcrumb a {
	padding: 0 0 0 8px;
	background: url(/home/css/arrow.gif) 0 3px no-repeat;
	text-decoration: none;
}

#breadcrumb span {
	padding: 0 0 0 8px;
	background: url(/home/css/arrowinactive.gif) 0 3px no-repeat;
}

#searchfield {
	position: absolute;
	top: 203px;
	right: 15px;
}

#searchfield .searchicon {
	position: relative;
	left: -20px;
}

#nav_sub {
	position: absolute;
	top: 193px;
	left: 0px;
	z-index: 1000;
	width: 123px;
}

#nav_sub h3 {
	background: url(/home/css/navigation-bgoben.gif) left top no-repeat;
	width: 100px;
	padding: 5px 10px 0;
	color: #333399;
	font-size: medium;
	font-weight: bold;
}

#nav_sub h3.first {
	background-image: none;
}

#nav_sub ul {
	background: url(/home/css/navigation-bg.gif) left bottom no-repeat;
	margin: 0;
	padding: 0 0 14px 5px;
}

#nav_sub a {
	padding: 0 0 0 8px;
	background: url(/home/css/arrow.gif) 0 3px no-repeat #e4f0fc;
	text-decoration: none;
}

#site_info {
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 1011px;
	height: 40px;
	padding: 0;
	z-index: 20;
	background: url(/home/css/footer.gif) no-repeat right top #2a81ed;
}

#site_info ul {
	margin: 5px 0 0 327px;
}

#site_info ul li {
	margin: 0;
	padding: 0 20px;
	border-right: solid 1px black;
	text-align: center;
}

#site_info ul li.site_info_last {
	border: 0px;
}

#site_info a {
	text-decoration: none;
}

/* facebook stuff */

#add_content {
	display: none;
	position: fixed;
	left: 1030px;
	top: 32px;
	background-color: white;
}

/* contentslider */

.contentslider {
	position: relative;
	border: solid 1px gray;
	width: 828px;
	min-height: 300px;
}

.contentsliderimg {
	position: absolute;
	top: 0px;
	left: 0px;
	float: left;
	width: 408px;
	height: 300px;
	background-color: white;
}

.contentsliderbg {
	position: absolute;
	top: 5px;
	left: 0px;
	background-color: black;
	opacity: 0.15;
	width: 0px;
	height: 100px
}

.contentslider dl {
	overflow: hidden;
	height: 25%;
	width: 400px;
	margin: 5px;
	padding: 3px 5px 3px 416px;
	cursor: pointer;
}

.contentslider dt {
	font-weight: bold;
}

.contentslider dd {
	margin: 0;
}

/* Tooltip */

.tooltip {
	display: none;
	background: transparent url(/home/css/tooltip.png);
	font-size: 15px;
	height: 157px;
	width: 290px;
	padding: 15px;
	color: black;
}

/* Diashow-stuff */

#overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1200;
	opacity: 0.7;
}

#container {
	display: none;
	position: fixed;
	top: 0;
	width: 960px;
	height: 100%;
	background: url(/home/css/overlay-bg.gif) repeat-x white;
	overflow: hidden;
	z-index: 1201;
	border: 1px solid #CCCCCC;
	font-size: 15px;
}

#newsletter {
	display: none;
	position: fixed;
	top: 100px;
	left: 350px;
	width: 400px;
	height: 200px;
	background: url(/home/css/overlay-bg.gif) repeat-x white;
	overflow: hidden;
	z-index: 1201;
	border: 1px solid #CCCCCC;
	font-size: 15px;
}

#loader_title {
	float: left;
	padding: 3px;
	text-align: center;
}

#loader_close {
	float: right;
	cursor: pointer;
	padding: 3px;
	background: url(/home/css/overlay-close.gif) no-repeat center left;
	text-indent: 15px;
}