@charset "utf-8";
/* CSS Document */
/* Hintergrundfarbe primaer ffffff, Hintergrundfarbe sekundaer 654076, Vordergrundfarbe 32174A */



* {margin:0px; padding:0px; border:0px;} 
/* Der Wert height schaltet den Scrollbalken in fast allen Browsern ein. */
html {height: 101%;
	font-size: 62.5%;}
/* Der Wert height schaltet den Scrollbalken in fast allen Browsern ein. */	
body {height: 101%;
  	font-size:101%; 
	font-family:Verdana, Helvetica, Arial, sans-serif;
	color:#32174A;
	background-color:#654076;
	margin:10px auto;
	width:1024px;
	text-align:center;}
	
dl {}
dt {}
dd {}

/* Die Tabelle fuer das Impressum einrichten */
table {	width:450px; margin:0px auto 10px auto; font-size:1.3em;}
th { text-align:right; padding:5px;}
td { text-align:left; padding:5px;}
/* Ende Tabelle Impressum */
	
abbr, acronym {border-bottom:1px #32174A dotted; font-style:italic; font-weight:bold;}
.test {	text-decoration: line-through;}
.rot {color:#f00;}

header, nav, footer, section {display:block;}
	
header {	height: 250px;
			background-image:url(../bilder/higru.png); background-repeat:repeat-x;
			border-bottom:2px #32174A solid; }
header img {margin-left:120px; float:left;}
header h1 {padding-top:75px; border: 0px; color:#fffffe; font-size:3.2em; letter-spacing:10px;}
header p {	color:#fffffe; font-size:2em;}
	
/* Die Huelle um alles - erbt die Weite vom body-element */
#wrapper {height:auto;}

/* Die Hauptnavigation als ungeordnete Liste von recht nach links aufgebaut */
nav {
	background-color: #ffffff;
	text-align:right;
	line-height:2.5em;
	padding-right:10px;
}
nav li {
	display: inline;
	list-style-type:none;
	margin-right: 0.4em;
}
nav a {
	text-decoration: none; 
	font-weight: bold; 
	text-transform: uppercase; 
	padding:0.2em 1.0em 0.4em 1.0em;
	border:1px solid #32174A;
	border-bottom:none;
	background:#654076;
	color:#ffffff;
}

nav a:hover, 
body#home li.navhome a,
body#prog li.navprog a,
body#kab li.navkab a,
body#samba li.navsamba a,
body#ulk li.navulk a,
body#prod li.navprod a,
body#service li.navservice a,
body#kontakt li.navkontakt a,
body#links li.navlinks a, 
body#kerst li.navkerst a,
body#karibik li.navkaribik a
{
	background:#ffffff;
	color:#654076;
	border-bottom: 5px #654076 double;}

/* Den Inhaltsbereich formatieren */
#content {	margin:0px; padding:10px; width:1004px; 
			text-align:center; background-image:url('../bilder/bg_repeat.png'); background-color:#FFFFFF;}
#content section {width:500px; margin-left:252px; text-align:left; border:1px solid #32174A; padding:5px; margin-bottom:10px;}

#content p {	width:auto; margin:0px 0px 10px 0px; line-height:1.5em;  text-align:left; font-size:1.1em;}
#content ul {	width:450px; margin:0px 0px 10px 10px; padding:2px;  text-align:left; font-size:1.1em; 
			 	list-style-position:outside; line-height:2em; list-style-type:disc;}

#content img {float:left; margin: 0px 10px 0px 0px;}
.bild_rechts {float:right; margin:0px 0px 0px 10px;}
/* Fuer die Bilder auf der Starseite automatische Weite und Hoehe - die richtigen Werte stehen im img-Tag */
.bild {width:auto; height:auto;}

/*Damit die Links auf der Serviceseite keine Punkte davor und keine Striche darunter haben */
#linkliste ul {list-style-type:none; line-height:2em; }
#linkliste a, #linkliste a:link, #linkliste a:visited, #linkliste a:hover {}
/* So klappt es auch beim navigieren mit Tabulatortaste */
#linkliste a:focus {}
/******************************************************************************************************/
/*
#bookmark img {border-width:0px; padding-bottom:1px;}
#bookmark a, 
#bookmark a:link,
#bookmark a:visited,
#bookmark a:hover { text-decoration:none;}
#bookmark a:focus { text-decoration:none;}
*/
/******************************************************************************************************/
/* Allgemeine Formatierungen*/

h1, h2, h3, h4, h5, h6 {margin: 0em 0em 0.5em 0em; padding:12px; text-align:left; }

#content h1 {font-size: 1.6em; 
	padding-bottom: 0.4em;
	font-weight: normal;
	background-color:#ccc;
	color:#FFF;
	 }

#content h2 {font-size: 1.4em; font-weight:lighter;}
#content h3 {font-size: 1.2em;}


h4 {}
h5 {}
h6 {}


a {}
a:link {}
a:visited {}
a:hover {}
a:active {}
a:focus {}

/* Und zum Schluss die Fusszeile */
footer {
	margin:10px 0px;
	padding: 1em 0px;
	text-align: center;
	background: #ccc;}

 
	
/* Last but not least zwei Universalklassen zum freien Einsatz */

.defloat {clear:both; padding-top:10px;}
.cleaner {clear:both;}

/* Fuer das Kontaktformular */
form {width:500px; margin:10px auto; font-size:1.2em;}
legend {padding:10px;}
fieldset { border: solid 2px #32174A; color: #32174A;}
label {width: 8em; margin:5px; padding:5px;
float:left; text-align:right;}
input {display:block; width:20em; float:left; margin:5px; padding:2px; border:1px solid #000; line-height:18px; color:#654076; background-color:#FFE2A6;}
input:hover, textarea:hover {background-color:#E2E2E2; color:#32174A;}
input:focus, textarea:focus {background-color:#E2E2E2; color:#32174A;}
textarea {display:block; float:left; margin:5px; padding:2px 2px 2px 5px; border:1px solid #000; background-color:#FFE2A6; color:#654076;}
.reset { margin:10px auto 10px 120px; width:10em; background-color:#FFE2A6; color:#654076; font-weight:bold;}
.submit { margin:10px auto 10px 10px; width:10em; background-color:#FFE2A6; color:#654076; font-weight:bold;}
.noborder {border:none;}
.reset:hover,
.submit:hover { background-color:#E2E2E2; color:#32174A; font-weight:bold;}
.reset:focus,
.submit:focus { background-color:#E2E2E2; color:#32174A; font-weight:bold;}
/* Ende Kontaktformular */

/*.rahmen { border:1px solid #32174A; padding:5px; margin-bottom:10px; }*/
/************************************************************************************************************/