/* Grundeinstellungen  */
/*
Inselpiloten-Einstellungen:
Hintergrundblau		#467CDB;
Schrifthellblau		#DDE4F8;
Dunkelblau			#1d3761;
Rot					#FF0000;
Signalgrün			#47de47;
*/
* {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
}
html, body {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #1d3761;
	font-size: 0.95em;
	font-weight: normal;
}
table {
	table-layout: fixed;
	border-collapse: collapse;
}
q:lang(de), q:lang(de-DE), q {
	quotes:"\201E" "\201C" "\201A" "\2018"; 
}
html, body, .hellblau, legend {
	color: #DDE4F8; 
}
table#inhalt {
	width: 960px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: white;
	color: #467CDB;
	color: #1f5dcc;
	border: none;
}
table#inhalt td#hauptteil {
	text-align: left;
	vertical-align: top;
	line-height: 135%;
	padding-right: 0.3em;
	border-top: 1px solid #DDE4F8;
	border-bottom: 1px solid #DDE4F8;
}
.rahmenoben {
	border-top: 1px solid #DDE4F8;
}
.rahmenrechts {
	border-right: 1px solid #DDE4F8;
}
.rahmenunten {
	border-bottom: 1px solid #DDE4F8;
}
.rahmenlinks {
	border-left: 1px solid #DDE4F8;
}
li.aufzaehlung {
	list-style-position: inside;
	color: #FF0000;
}
.bilder {
	text-align: left;
	border-top: 1px solid #DDE4F8;
	border-right: 1px solid #DDE4F8;
	border-bottom: 1px solid #DDE4F8;
	vertical-align: top;
	padding-top: 3em;
	width: 140px;
	background-color: #467CDB;
}
.fusszeile {
	font-size: 0.8em;
	text-align: right;
	height: 10px;
	vertical-align: bottom;
	color: #467CDB;
	background-color: #1d3761;
	border: none;
	border-left: 1px solid #1d3761;
}
.fusszeile a, .fusszeile a:visited, .fusszeile a.impressum:hover  {
	color: #467CDB;
	text-decoration: none;
}
.neue_eintraege, .neue_eintraege:visited  {
	color: #DDE4F8;
	text-decoration: none;
}
.fusszeile a:hover, .fusszeile a.impressum,
.neue_eintraege:hover, .neue_eintraege:active  {
	text-decoration: underline;
}
h1 {
	font-size: 1.4em;
	line-height: 120%;
	margin-top: 1.8em;
	margin-bottom: 1.8em;
}
p {
	margin-bottom: 0.7em;
}
h2 {
	font-size: 1.1em;
}
/*  MENU ALLGEMEIN */
td#menu {
	padding-left: 10px;
	padding-top: 10px;
	width: 120px;
	text-align: left;
	border-left: 1px solid  #DDE4F8;
	border-top: 1px solid  #DDE4F8;
	border-bottom: 1px solid  #DDE4F8;
	vertical-align: top;
	margin-top: 5px;
	background-color: #467CDB; 
	color: white;
}
td#menu  ul{
	list-style: none;
	text-align: left;
	vertical-align: top;
}
td#menu li {
	position: relative;
	display: block;
	width: 120px;
	height: 1.6em;
	padding-bottom: 0.15em;
}
td#menu .ebene2 li {
	width: 145px;
}
td#menu .ebene2 a {	
	border: 1px solid #DDE4F8;
	margin-top: 0px;
	width: 138px;
	background-image: url(../bilder/buttons_sprite_3.png);
	background-position: 0 -152px;
	color: white;
}
td#menu a {
	display: block;
	text-decoration: none;
	border: 1px solid #DDE4F8;
	margin-top: 0px;
	padding: 2px 0.3em 2px 0.3em;
	background-image: url(../bilder/buttons_sprite_3.png);
	background-position: 0 -152px;
	color: white;
}
/* MENU ERSTE EBENE */
td#menu .ebene2 {
	display: none;
	margin-left: 120px;
	position: absolute;
	z-index: 10;
	background-image:url(../bilder/hellblauhintergrund-trans.png);
}
td#menu li:hover ul {
	display: block;
}
td#menu .ebene1 a:hover, td#menu .ebene2 a:hover,  td#menu #Inselpiloten  a:hover, td#menu #FAQ  a:hover, td#menu #Facebook  a:hover  {
	background-image: url(../bilder/buttons_sprite_3.png);
	background-position: 0 -284px;
	color: #467CDB;
	border-color: #467CDB;
}
#Inselpiloten {
	margin-bottom: 1em;
}
#FAQ {
	margin-bottom: 0.1em;
}
td#menu .aktiv {
	margin-left: 10px;
}
td#menu .ebene1 {
	margin-bottom: 2px;
}
#hauptteil {
	border-left: 1px solid gray;
	padding-left: 0.3em;
	border-right: 1px solid gray;
	padding-right: 0.3em;
	width: 593px;
}
td.bilder img {
	border: none;
	width: 100%;
}
.abstand_unten {
	margin-bottom: 0.5em;
}
.abstand_oben {
	margin-top: 0.5em;
}
.fehlerrahmen {
	border: 1px dashed #FF0000;
}
.rahmenrot {
	border: 1px solid #FF0000;
}
.rahmenhellblau {
	border: 1px solid #DDE4F8;
	border: 1px solid #1f5dcc;
}
.keinrahmen {
	border: none;
}
.rot {
	color: #FF0000;
}
.grau {
	color: gray;
}
.rotstrip {
	background-color: #FF0000;
	color: white;
}
.gruenstrip {
	background-color: green;
	color: white;
}
.weiss {
	color: white;
}
.dunkelblau {
	color: #1d3761;
}
.tabellenueberschrift {
	background-color: #DDE4F8; 
	border: 1px solid #DDE4F8; 
	color: #467CDB;
}
.hintergrund_hellblau {
	background-color: #DDE4F8; 
}
.hintergrund_blau {	
	background-color: #467CDB; 
}
.keinumbruch {
	white-space: nowrap;
}
table#angebote td {
	padding: 0 0.3em 0 0.3em;
	border: 1px solid #DDE4F8;
}
a.fakebutton {
	display: block;
	float: left;
}
a.fakebutton_zentriert {
	display: block;
}
.absendebutton, a.fakebutton , a.fakebutton_zentriert  {
	background-image: url(../bilder/buttons_sprite_3.png);  /* button_hintergrund_dunkel-trans.png  */
	background-position: 0 -21px; /* war 0 0 */
	border: 1px solid #D1CFF9;
	color: #D1CFF9;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	padding: 1px 0.3em 1px 0.3em;
	height: 1.4em;
	font-size: 0.95em;
}
.absendebutton:hover , a.fakebutton:hover, a.fakebutton_zentriert:hover  {
	background-image: url(../bilder/buttons_sprite_3.png);  /* button_hintergrund_hell-trans.png  */
	background-position: 0 -66px;  /* war 0 -66px */
	border: 1px solid white;
	color: white;
	text-decoration: none;
}
input.absendebutton {
	height: 1.6em;
}
input.absendeschrift {
	border: none;
	background: none;
	color:  #D1CFF9;
	cursor: pointer;
	padding: 0;
	margin: 0;
	text-decoration: underline;
	font-size: 100%;
}
.gelbstrip,.gelbstrip:active, .absendeschrift:hover {
	color: #467CDB;
	background-color: yellow;
}
table#table_eintrag_erfassen td {
	padding: 1px 0.3em 1px 0.3em;
}
.breite30prozent {
	width: 30%;
}
.breite500 {
	width: 500px;
}
.breite220 {
	width: 220px;
}
.breite280 {
	width: 280px;
}
.fett {
	font-weight: bold;
}
.unterstrichen {
	text-decoration: underline;
}
.nicht_unterstrichen {
	text-decoration: none;
}
.obenausgerichtet {
	vertical-align: top;
}
.vertikalzentriert {
	vertical-align: middle;
}
.untenausgerichtet {
	vertical-align: bottom;
}
textarea, input{
	padding-left: 0.3em;
	padding-right: 0.3em;
	border: 1px solid #DDE4F8;
	border: 1px solid #467CDB;
	font-size: 0.9em;
	color: blue;
}
.tooltipp_style {
	position: absolute;
	z-index: 98;
	background-image: url(../bilder/background_toottipp-trans.png);
	border: 2px solid #DDE4F8;
	width: 150px;
	padding: 0.5em;
	text-align: center;
}
.tooltipp_style_breit {
	position: absolute;
	z-index: 98;
	background-image: url(../bilder/background_toottipp-trans.png);
	border: 2px solid #DDE4F8;
	width: 300px;
	padding: 0.5em;
	text-align: center;
}
.unsichtbar {
	display: none;
}
.sichtbar {
	display: block;
}
a.hellblau:hover {
	color: white;
}
fieldset {
	width: 500px;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right:  0.5em; 
}
fieldset, .rahmen_formular {
	border: 1px solid #D1CFF9;
}
fieldset legend {
	font-weight: bold;
	padding-bottom: 0.4em;
	color: #467CDB;
}
table.eingabeformular td.eingabe {
	text-align: right;
	padding-right: 2em;
	font-size: 1em;
}
table.eingabeformular  input, table.eingabeformular   textarea, table.eingabeformular  select {
	width: 300px;
}
form[name = "angebotsauswahl"] span {
	padding-left: 0.4em;
}
.ip_modal_aussen {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 110%;
	margin: 0;
	display: none;
	z-index: 98;
	vertical-align: middle;
	text-align: center;
	background-image:url(../bilder/hellblauhintergrund-trans.png);
}
.ip_modal_aussen_sichtbar {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 110%;
	margin: 0;
	/*
	display: none;
	*/
	z-index: 98;
	vertical-align: middle;
	text-align: center;
	background-image:url(../bilder/hellblauhintergrund-trans.png);
}
.ip_modal_innen_blau {
	position: relative;
	top: 40%;
	margin-top: -50px; /* halbe Höhe des Inhalts*/
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	text-align: center;
	width: 200px;
	height: 100px;
	padding: 1em;
	color: #DDE4F8;
	border: 4px solid #467CDB;
	background-color: #66FBF8; /* = Endfarbe Verlauf */
	background-image: url(../bilder/hintergrundhimmel-trans.png);
	background-repeat: repeat-x;
}
.ip_modal_innen_rot {
	position: relative;
	top: 40%;
	margin-top: -125px; /* halbe Höhe */
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	text-align: center;
	width: 300px;
	height: 250px;
	padding: 1em;
	border: 4px solid white;
	color: white;
	background: #FF0000;
}
td#hauptteil a, div#registrierungstest_div a{
	color: #DDE4F8;
	color: #1f5dcc;
	background-color: transparent;
}
td#hauptteil a:hover, div#registrierungstest_div a:hover, a#insellob:hover {
	color: #467CDB;
	background-color: yellow;
}
.pad-o {
	padding-top: 0.5em;
}
.pad-all {
	padding: 0.3em;
}
.pad-u {
	padding-bottom: 0.5em;
}
.pad-l {
	padding-left: 0.3em;
}
.pad-r {
	padding-right: 0.3em;
}
.pad-lr {
	padding-left: 0.3em;
	padding-right: 0.3em;
}
.trenner {
	height: 0.3em;
}
.eintragsrahmen {
	border: 1px solid #DDE4F8;
	padding: 0.1em;
}
td.aufzaehler {
	display: block;
	width: 28px!important;
	padding-right: 0.5em;
	vertical-align: middle;
}
td.aufzaehler img.pa18 {
	width:20px!important;
	height:8px!important;
	padding-top: 5px;
}
.rechtsbuendig {
	text-align: right;
}
.linksbuendig {
	text-align: left;
}
.zentriert  {
	text-align: center;
}
#sociallinks {
	position: absolute;
	top: 0;
	margin-left: 240px;
	font-size: 10px;	
}
#sociallinks .social_link {
	display: block; 
	float: left; 
	width: 20px; 
	height: 10px; 
	background-image:url(../bilder/socialbuttons.jpg); 
	cursor: pointer; 
	background-repeat: no-repeat; 
	margin-right: 2px;
	border: none;
	padding-bottom: 1em;
}
.fake_a {
	text-decoration: underline;	
	cursor: pointer;
}
.fake_a:hover {
	background-color: yellow;
	color: #467CDB;
}
.clearer {
	width: 0; height: 0; clear: both;
}
.aufblau { background-color: #467CDB; color: white; }
.aufblau h2 { color: white; }
/*
.aufblau a, .aufblau a:link, .aufblau a:visited { color: white; }
.aufblau a:hover, .aufblau a:active { background-color: yellow; color: #467CDB; }
*/