/*
 * default.css definiert alle CSS Angaben, die für alle Bereiche und alle
 * Browser gelten. Angaben in allen anderen CSS ergänzen oder
 * überschreiben default.css.
 *
 * Für einen Browser spezifische Angaben stehen in <browser>.css, wobei
 * für <browser> derzeit nur der Wert opera definiert ist.
 *
 * Angaben, die für alle Reiseziele gelten, stehen in style_country.css.
 *
 * Für ein Reiseziel spezifische Angaben stehen jeweils in style_<group>.css,
 * wobei <group> durch die Pfad-Gruppe des Landes ersetzt wird.
 */

/*
 * Es folgen Formatierungen von Standard HTML-Tags.
 */
body {
	color:white;
	font-family:sans-serif;
	font-size:10px;
	
	background-color:#F8ECB8;
	background-repeat:repeat-y;
	position:relative;
	left:0px;
	margin-top:0px;
	margin-left:0px
}

img {
	display:block;
}

img.inline {
	display:inline;
}

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

em {
	font-size:120%;
	font-weight:bold;
	font-style:normal;
}

strong {
	font-size:120%;
	font-weight:bold;
	color:#FFEFBD;
}

input, select, option, textarea {
	font-size:110%;
	font-family:sans-serif;
}

input.text_button {
	border:0px;
	color:white;
	padding:0px;
	margin:0px;
	margin-top:0px;
	background-color:transparent;
	font-size:10px;
	text-align:right;
	Cursor:pointer;
}

a {
	font-size:110%;
	font-weight:bold;
	text-decoration:none;
}

a:link, a:visited, a:active {
	color:#B7CDE4;
}

p,ul {
	margin-top:1em;
	margin-bottom:1em;
}

h1 {
	font-size:130%;
	margin-top:0px;
	margin-bottom:15px;
}

h2,h3 {
	font-size:110%;
	margin-top:0px;
	margin-bottom:3px;
}

img {
	border:0px;
}

ul.submenu {
	list-style-type:none;
	margin:0px 0px 0px 15px;
	padding:0px;
}

/*
 * Es folgen Formatierungen von wiederkehrenden Bereichen.
 */
 
.language {
	position:absolute;
	left:110px;
	top:180px;
	width:110px;
	height:14px;
	border:1px solid #EB8C14;
	padding:0px 5px 0px 0px;
	text-align:right;
}

a div.language {
	color:white;
}

/* Leiste mit den Landes-Symbolen (links) */
.countryicons {
	position:absolute;
	left:31px;
	top:225px;
	width:210px;
	z-index:2;
}

/* Leiste mit der Banner-Grafik (ganz oben) */
.banner {
	position:absolute;
	left:110px;
	top:0px
}

/* Leiste des Hauptmenüs */
.mainmenu {
	position:absolute;
	left:130px;
	top:110px
}

/* Inhalte Bereich */
.content {
	position:absolute;
	left:263px;
	top:198px;
	width:465px;
}

/* kite+dive Logo (über der rechten Spalte) */
.logo {
	position:absolute;
	left:730px;
	top:110px;
}

/* rechte Spalte */
.sidebar {
	position:absolute;
	left:744px;
	top:230px;
	width:128px;
	height:550px;
	padding:5px;
}

.sidebar_contact {
	position:absolute;
	left:5px;
	top:150px;
	width:200px;
	overflow:visible;
}

/* Formular für die Suche (bei der rechten Spalte) */
.searchform {
	position:absolute;
	left:752px;
	top:280px;
}

/* Eingabefeld innerhalb des Formulars für die Suche */
.searchform_input {
	position:absolute;
	left:50px;
	top:70px;
}

/* Beschriftung für das Eingabefeld innerhalb des Formulars für die Suche */
.searchform_text {
	position:absolute;
	left:30px;
	top:2px;
	width:100px;
	line-height:11px;
}


/*
 * Es folgen Angaben für "Artikel". Ein Artikel besteht aus Überschrift, Text
 * und einer Liste von Bildern. Das Layout ist zweispaltig. Die linke Spalte
 * enthält die Bilder, die rechte die Überschrift und den Text.
 */

/* Titel-Grafik oberhalb des Bilder-Balken in Artikeln */
.article_imagebar_title {
	position:absolute; left:-10px; top:2px
}

/* Titel-Grafik für den Bilder-Balken in Artikeln */
.article_imagebar_head {
	position:absolute;
	left:-3px;
	top:27px
}

/* Box für die Bilder des Bilder-Balken in Artikeln */
.article_imagebar_box {
	position:absolute;
	left:-3px;
	top:46px;
	width:138px;
	border-style:solid;
	border-color:#7DBB5A;
	border-width:1px;
	border-top:0px;
}

/* Ein Bild innerhalb des Bilder-Balkens in Artikeln */
.article_imagebar_image {
	margin-top:1px;
	margin-bottom:2px;
}

/* Text in Artikel */
.article_text {
	position:relative;
	top:-30px;
	left:150px;
	width:310px;
	height:500px;
	z-index:1;
}

div[class=article_text] {
	height:auto;
	min-height:500px;
}


/*
 * Text in Einleitungen (eine Einleitung, "header", ist ein Artikel bei dem
 * keine Bilder angezeigt werden und dafür der Text auf die volle Breite
 * gezogen wird.
 */
.head_text {
	margin-bottom:10px;
}


/* Bereich für ein Bild innerhalb der Bilder-Galerie */
.gallery_icon {
	width:150px;
	height:140px;
	float:left;
	text-align:center;
}


/* unterstrichene Überschriften für Übersichtsseiten */
.underline {
	border:0px;
	border-bottom:1px;
	border-color:#B7CDE4;
	border-style:solid
}

.format1 {
	color:#EB9018;
}

.format2 {
	color:#7DBD59;
}