@charset "utf-8";

/**
-------------------------------------------
Regeln fuer allgemeine Elemente
------------------------------------------- */
/* Alle kritischen Werte instanziieren */
* {
  margin: 0;
  padding: 0;
  vertical-align: top;
}

/* Farben, Logo und Hintergruende*/
body {
	color: rgb(0,0,0);
	background: rgb(255,255,200) url(grafik/sonnenblume3.jpg) 0% 0% scroll no-repeat;
}

/*Schriftgroesse kontrollieren*/
body, td, th {
  font: normal 100.01% Verdana, sans-serif;
}
td, th {
 f\ont-size: 100%;
}

/*Ueberschriften*/
h1, h2, h3, h4, h5 {
	color: rgb(0,145,0);
	background-color: transparent;
}
h1 {
  font-size: 1.5em;
  margin: 1.5em 0 1.5em 0;
}
h2 {
font-size: 1.3em;
}
h3{
font-size: 1.0em;
}

/* Absätze */
  p {
  margin: .8em 0;
}

/*Links und Anker*/
a:link {
color: rgb(128,128,0);
background-color: transparent;
}
a:visited {
color: rgb(128,0,128);
background-color: transparent;
}
a:focus,
a:hover {
color: rgb(128,128,0);
background-color: rgb(220,220,210);
}

a:link img, a:visited img,
a:hover img, a:focus img, a:active img {
  border: 0;
}

/*Bilder*/
img {
  vertical-align: bottom;
}

/**
-------------------------------------------
Regeln fuer besondere Bereiche
-------------------------------------------*/

/* Standardmäßig nicht sichtbare Inhalte zur Erleichterung der
Orientierung mit assistiven Technologien */
.invisible {
  position: absolute;
  left: -9999px;
}

/** Hauptbereich
-------------------------------------------*/
div#top {
  color: rgb(0,0,0);
  background-color: transparent;
 }
div#main { 
  background-color: rgb(255,255,235);
  border: 1px solid rgb(128,128,0);
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  width: 775px;
  margin: 0px 90px 0px 175px;
  padding: 1em;	
}
/* Für kaputte Browser */
body {
  /* Alle Inhalte horizontal zentrieren */
  text-align: center;
}
body * {
  /* Textausrichtung korrigieren */
  text-align: left;
}
/**Intro
-------------------------------------------*/

/**Sidebar
-------------------------------------------*/
div#sidebar {
float: left;
margin: 140px 10px;
width: 13%;
 }
 div#sidebar_local {
float: left;
margin: 140px 10px;
width: 13%;
 }
/** Navigation
-------------------------------------------*/
ul#navi {
font-size: 0.9em;
list-style: none;
}
#navi a,
#navi strong {
  color: rgb(128,128,0);
  background-color: rgb(255,255,200);
  display: block;
  text-decoration: none;
  padding: .2em 1em;
  text-align: right;
}
#navi a:hover,
#navi a:focus {
	text-decoration: underline;
}
/** Aktuelles
-------------------------------------------*/
div#aktuelles {
font-weight: bold;
border: 1px solid rgb(0,0,0);
padding: 0.2em 1em;
}
#aktuelles h2 {
text-decoration: underline;
line-height: 2em
}
#aktuelles h3 {
text-decoration: none;
font-size: 1em;
}
/** Familie-Reisen
-------------------------------------------*/
div#links {
color: rgb(0,0,0);
background-color: transparent;
padding: 1em;
margin: 0px 90px 0px 175px;
} 
div#familie-img {
position: relative;
top: 24px;
left: -150px;
}
div#reisen-img {
position: relative;
top: -194px;
left: 220px;
}

/**Fusszeile
-------------------------------------------*/
p#footer {
color: rgb(0,0,0);
background-color: rgb(255,255,235);
font-size: 0.8em;
text-align: center;
padding: 5px 20px;
margin: 0;
clear: both;
}

/**
-------------------------------------------
Regeln fuer untergeordnete Seiten
-------------------------------------------*/

/** Familiemitglieder
-------------------------------------------*/
div#gabriel_link {
position: relative;
top: 0px;
left: -150px;
}
div#jonas_link {
position: relative;
top: -223px;
left: 250px;
}
div#stefan_link {
position: relative;
top: -250px;
left: -150px;
}
div#sandra_link {
position: relative;
top: -423px;
left: 250px;
}
/** Homepage Gabriel, Jonas, Sandra u.Stefan
-------------------------------------------*/
div#portrait{
color: rgb(0,0,0);
background-color: transparent;
padding-top: 1em;
float: left;
} 
div#personendaten{
position: relative;
top: 50px;
left: 50px;
width: 700px;
height: 590px;
}
#personendaten h4{
font-size: 1em;
text-decoration: underline;
}
/** Fotogalerie & Lieblingsspiele
-------------------------------------------*/
div#galerie {
color: rgb(0,0,0);
background-color: rgb(255,255,225);
width: 760px;
padding: 1em;
}
#galerie caption {
color: rgb(0,145,0);
font-size: 1.3em;
font-weight: bold;
text-decoration: underline;
line-height: 2em;
}
#galerie table {
padding: 1em;
}
#galerie th {
line-height: 2em;
border: 1px solid black;
}
#galerie td {
height: 3em;
border: 1px dotted black;
}
div#content {background-color: rgb(255,255,235);
  border: 1px solid rgb(128,128,0);
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  width: 775px;
  margin: 0px 90px 0px 175px;
  padding: 1em;	
}
div#intro-img { 
  background-color: rgb(255,255,235);
  border: 1px solid rgb(128,128,0);
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  width: 775px;
  margin: 0px 90px 0px 175px;
  padding: 1em;	
}
div#wanted {
border: 1px ridge rgb(128,128,0);
}
/** Entwicklungstabelle
-------------------------------------------*/
div#development {
color: rgb(0,0,0);
background-color: rgb(255,255,225);
padding: 1em;
}
#development table {
line-height: 2em
}
#development caption {
color: rgb(0,145,0);
font-size: 1.3em;
font-weight: bold;
text-decoration: underline;
line-height: 2em;
}
#development th { border: 1px solid black;
}
#development td { border: 1px dotted black;
}
/** Reisen
-------------------------------------------*/
div#countries{
padding: 1em;
}
div#kanada {
}
div#kuba {
position: relative;
top: 0px;
left: 250px;
}
div#usa {
}
div#slowenien {
position: relative;
top: -350px;
left: 500px;
}
div#oesterreich {
position: relative;
top: -230px;
left: 500px;
}
div#italien {
position: relative;
top: -230px;
left: 250px;
}
div#stationen{
position:relative;
top: 600px;
left:0px;
}
div#kroatien{
position:relative;
top: -230px;
left:0px;
}
div#griechenland{
position:relative;
top: -350px;
left:500px;
}
div#schweiz{
position:relative;
top: -230px;
left:0px;
}