/*
Homepage:  		  www.aikido-hamminkeln.de
Start:			  24. November 2007
Letzte Änderung:   4. April 2008
Erstellt von:	  Martin Gründkemeyer
*/
html {height:100%;}
body {height:100%; text-align: center;/*Beide Angaben sind die Basis für die Seitenstruktur!*/
color: #000; /*allgemeine Schriftfarbe im Hauptbereich*/
font-family: sans-serif, verdana; /*allgemeingültige Schriftarten*/
font-size: 110%; /*Startschriftgröße -> immer in relativen Werten angeben!*/
line-height: 1.3em; /*Zeilenabstand im Textfluss*/
letter-spacing: 0;
word-spacing: 0.1em; /*Wortabstand im Textfluss*/
text-decoration: none;/*Kein Text wird unterstriche, überstrihen oder durchgestrichen*/
padding:0px 0px 20px 0px;}

ul, li {padding: 0px; margin: 0; list-style: none;} /*Alle Listen ohne Aufzählungszeichen*/
img, a img {border: 0;} /*Alle Bilder auch verlinkte ohne Rand */
p  {padding:0;margin:0;}
th {border: 1px solid #000;}
h1 {padding: 20px; margin:0; font-size: 130%; line-height:1.5em;} /*Textformat Seitenüberschrift*/
h1, h2, h3 {clear: both;}

/*Abmaße der Rahmen - width kann relativ sein aber height und line-height: müssen den gleichen absoluten Wert haben!*/
#wrap {width: 80%; height:100%; margin:0 auto;}

/*Zeilenhöhe*/
#zeile1, .height_pic {height: 150px;}
#zeile2  			 {height:  auto;}

/*Ausrichtung der Zeilen damit sich die Rahmen nicht überlappen*/
#zeile1 	{margin: 8px  0px 13px 0px; width: 100%; float:  left;}
#spalte1 {margin: 8px 13px 13px 8px; width:  30%; float:  left;}
#spalte2 {margin: 8px 13px 13px 8px; width:  60%; float: right;}

/*DIV-Container horizontal positionieren in Zeile 1*/
#pic1 	{margin: 0px 13px 0px 8px; width: 30%; height: 100%; float:  left;}
#header 	{margin: 0px  7%  0px 0px; width: 43%; height: 100%; float: right;}
#pic2 	{margin: 0px 13px 0px 0px; width: 10%; height: 100%; float: right;}

/*DIV-Container horizontal positionieren in Zeile 2*/
#navigation 	{width: 100%; height: 100%; float:  left;}
#inhalt 		{width: 100%; height: 100%; float:  left; margin: 8px 0px  0px 0px;}
#pfad		{width: 100%; height: 100%; float:  left; margin: 0px 0px 13px 0px;}

/*Stylecheetis für den Rahmen*/
.textfeld 	{padding: 10px;}/*Text bekommt einen Innenrahmen*/
.picfeld 	{padding: 0px;} /*Bilder dürfen keinen Innenrahmen haben da height_pic=Zeilenhöhe ist!*/
.textrahmen,
.picrahmen	{position: relative; top:      0px;  left:   0px; width: 100%; height: 100%;}
.ob       	{position: absolute; top:     -8px;  left:   0px; width: 100%; height:  8px; overflow: hidden;}
.li       	{position: absolute; top:      0px;  left:  -8px; width:  8px; height: 100%; overflow: hidden;}
.re       	{position: absolute; top:      0px; right: -13px; width: 13px; height: 100%; overflow: hidden;}
.un       	{position: absolute; bottom: -13px;  left:   0px; width: 100%; height: 13px; overflow: hidden;}
.obre     	{position: absolute; top:     -8px; right: -13px; width: 13px; height:  8px; overflow: hidden;}
.obli     	{position: absolute; top:     -8px;  left:  -8px; width:  8px; height:  8px; overflow: hidden;}
.unre    	{position: absolute; bottom: -13px; right: -13px; width: 13px; height: 13px; overflow: hidden;}
.unli     	{position: absolute; bottom: -13px;  left:  -8px; width:  8px; height: 13px; overflow: hidden;}

/*CSS für Textteile*/
.clear 		{clear: both;}
#pic3 		{height: 250px;}
.left		{float: left;}
.right		{float: right;}
.clear		{clear: both;}

/*CSS für Pfad-Block*/
#pfadliste    {padding:0; margin:0; text-align: left;}
#pfadliste li {padding:0; margin:0; display: inline;}

/*Navigationsblock*/
#navigation ul 	{text-align:left; font-size:90%; word-spacing: 0px; margin: 0px;}
#navigation ul 	{padding: 5%; width: 90%;}
#navigation ul ul {padding: 0px 0px 0px 10%; width: 90%;}
/*Alle Untermenüs ausblenden*/
#navigation ul ul      {display:none;}
#navigation li 	      {padding: 5px 0px 5px 0px;}
#navigation li a       {padding: 5px 35px 5px 5px; display:block; background: url('navigation/navigation_gruen.GIF') right top transparent no-repeat; border-bottom:1px solid #000; border-left:1px solid #000;}
#navigation li a:hover {padding: 5px 35px 5px 5px; display:block; background: url('navigation/navigation_gelb.GIF') right top transparent no-repeat; border-bottom:1px solid #000; border-left:1px solid #000;}

/*Permanentes Ausklappen der Untermenüs für den jeweiligen Bereich*/
body#unser_verein #navigation ul ul#unser_verein_nav,
body#verbaende #navigation ul ul#unser_verein_nav,
body#mitglied_werden #navigation ul ul#unser_verein_nav,
body#training #navigation ul ul#training_nav,
body#trainingszeiten #navigation ul ul#training_nav,
body#trainer #navigation ul ul#training_nav,
body#pruefungen #navigation ul ul#training_nav,
body#kontakt #navigation ul ul#kontakt_nav,
body#anfahrt #navigation ul ul#kontakt_nav,
body#impressum #navigation ul ul#kontakt_nav,
body#mediathek #navigation ul ul#mediathek_nav,
body#filme #navigation ul ul#mediathek_nav,
body#linkliste #navigation ul ul#mediathek_nav {display: block;}

/*rote Markierung im Navigationsmenü für aktive Seite*/
body#index a#index_link,
body#unser_verein a#unser_verein_link,
body#verbaende a#verbaende_link,
body#mitglied_werden a#mitglied_werden_link,
body#training a#training_link,
body#trainingszeiten a#trainingszeiten_link,
body#trainer a#trainer_link,
body#pruefungen a#pruefungen_link,
body#gutdo a#gutdo_link,
body#neuigkeiten a#neuigkeiten_link,
body#mediathek a#mediathek_link,
body#linkliste a#linkliste_link,
body#filme a#filme_link,
body#kontakt a#kontakt_link,
body#anfahrt a#anfahrt_link,
body#impressum a#impressum_link,
body#sitemap a#sitemap_link {padding: 5px 35px 5px 5px; display: block; background: url('navigation/navigation_rot.GIF') right top transparent no-repeat; border-bottom:1px solid #000; border-left:1px solid #000;}