/* Diese Datei legt zentrale Elementformatierungen fest die von den anderen dokumenten benutz werden*/


/* em sorgt dafür, daß alles beim zoom mitwächst --> bitte überdenke dies... */


/* grundsätzliches zur seite, äußerer hintergrund */
body#mainpage {
	background-color:#3399FF;
	font-size: 100.01%;
	font-family: Helvetica,Arial,sans-serif;
	margin: 0;
	padding:0;
	/*padding: 1em;*/    /* hab ich entfernt um das margin des containeer zu nutzen, mal scjauen ob das folgen hat */
	min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
	}

/* Hauptrahmen um den Inhalt */
div#container{
	min-width:1000px;
	max-width:1200px;
	width:90%;	/* der verschissene IE braucht diese angabe leider damit er mit der größe was anfangen kann */
	margin:9px;
	margin-top:30px;

   }
   
div#container-inner{
	border: 1px solid black;
	background-color:#ffffff;
	background-image:url(../layout/bgr.jpg);
	background-repeat:repeat-y;
	background-position:left;
	padding:10px;
	
	
	
	}
/* Container der Die Logos und die Überschrift enthält */
div#headerbox {
	font-size: 1.5em;
	padding-top:30px;
	margin: 0 0 0 20px; /* oben, rechts, unten, links*/
	height:120px;
	}

/* Container für die Navigation links */
div#Navigation {
	text-align:left;
	font-size: 0.83em;
	float: left;
	width: 11em;   /* unmittelbar verküpft mit dem margin left right des inhaltselements */
	margin: 0 0 0 20px; /* oben, rechts, unten, links*/
	padding: 30 0 0 10px;
   }


/* Container der die hauptseiten enthält in der mitte */
div#Inhalt, body#iframe {
	padding:1px;
	background-color:transparent;
	margin: 0 12.5em 10px 12em;         /* oben, rechts, unten, links , r und le verknüpft mit dens eitenelementen info und nav*/
	text-align:left;
	FONT-FAMILY:Verdana,Arial,Helvetica;
	COLOR:#000000;
   }

/* auskommentiert, um die eigenschafte nach inhalt zu übertragen, da der iframe nicht mehr benötigt wird 
	body#iframe {
   FONT-SIZE: 10px;
   COLOR:#000000;
   FONT-FAMILY:Verdana,Arial,Helvetica;
   text-align:left;
	background-color:transparent;
   }*/
* html div#Inhalt {			/* IE hack  nur ie*/
	height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
   }
div#Inhalt h2 {
	font-size: 1.2em;
	margin: 0.2em 0;
   }
/* Texteigenschaften für alle ps im inhalt */
div#Inhalt p {
	FONT-FAMILY:Verdana,Arial,Helvetica;
	font-size:8pt;
	margin: 1em 0;
   }



/* Container rechts */
div#Info {
	font-size: 0.83em;
	float: right;
	width: 12.5em;   /* unmittelbar verküpft mit dem margin left right des inhaltselements */
	margin: 0 0 10px; padding: 0;
	padding: 30 0 0 0px;
   }
   div#Info h2 {
	font-size: 1.33em;
	margin: 0.0em 0.2em;
	COLOR:#333333;
   }
   div#Info p {
	font-size: 1em;
	margin: 0.5em;
	COLOR:#333333;
   }
/*=======================================================================================================================*/
/* Höhe aller drei elemente zentral geregelt */
   div#Inhalt,div#navigation,div#info{
		margin-top:10px;
		min-height:400px;
		}
/*=======================================================================================================================*/

/* Container der Fusszeile */
div#Fusszeile{
	clear: both;
	font-size: 0.9em;
	margin-left:20px;
	padding: 0.2em 0em 0.2em 0 ;    /* oben, rechts, unten, links*/
	text-align: left;
   }   
div#Fusszeilea {
	float: left;
	font-size: 0.83em;
	margin: 0 0 0 0em;    /* oben, rechts, unten, links*/
	text-align: center;
   }
div#Fusszeileb {
	float: right;
	font-size: 0.9em;
	margin: 0 1em 0 0em;    /* oben, rechts, unten, links*/
	text-align: center;
   }
div#Fusszeileb A {
	color:#000000;
   }
div#Fusszeileb A:hover {
	color:#c0c0c0;
   }

/* Ränder aller containerelemente zum debuggen ein und ausschaltbar */
div#headerbox, div#navigation, div#inhalt, div#info, div#fusszeile {border:0px dashed black;}
/*=======================================================================================================================*/


/*====================================================
  Verhalten von Links 
====================================================*/

	A:link, A:visited {
		FONT-SIZE: 8pt;
		COLOR: #0000ff ;
		BACKGROUND-REPEAT: no-repeat;
		FONT-FAMILY:Verdana,Arial,Helvetica;
		TEXT-DECORATION: None;
		}
	A:hover, A:active {
		COLOR:#909090;
		TEXT-DECORATION: None;
		}
	/* Links in der Navigation */
	div#Navigation a {
		display: block;
		padding: 0.7em;
		font-weight: bold;
		FONT-SIZE: 8pt;
	   }
	div#Navigation a:link, div#Navigation  a:visited {  
		color: black;
	   }
	div#Navigation a:hover,div#Navigation a:active {
		color: white;
	   }

	/* Bilder auf der Media seite */
	.media_link{ 
		width:150px;
		COLOR:#909090;
		}

	/* Links über "Meister" und "Taekwon-Do" */
	A#navlink:link, A#navlink:visited  {
		font-size:8pt;
		TEXT-DECORATION: none;
		FONT-WEIGHT: BOLD;
		COLOR:#606060;
		FONT-FAMILY:Verdana,Arial,Helvetica;
		}
	A#navlink:hover {
		COLOR:#909090;
		}

	
   /* Rahmen um Bilder wenn gehovert wird */
	a.bildlink img{ 
		display: inline;
		border:1px solid transparent;
		}
	a.bildlink img:hover {
		display: inline;
		border: 1px solid black;
		}


/*====================================================
  Elemente jeder unterseite
 ====================================================*/
/* Titelelement */
p.title{
	FONT-SIZE: 8pt; 
	COLOR:#5F5F5F; 
	BACKGROUND-REPEAT: no-repeat; 
	FONT-FAMILY:Verdana,Arial,Helvetica;
   }
.pagetitle{
	margin-left:0px;
	FONT-SIZE: 11pt;
	COLOR:#00007F;
	border-bottom:3px solid #800c21;
	padding-bottom:3px;
	margin-bottom:10px;					/* Abstand nach unten hin */
	FONT-WEIGHT: BOLD;
	FONT-FAMILY:Verdana,Arial,Helvetica;
   }
/*====================================================
 Sonstiges 
 ====================================================*/

/* Horizontale Linie */
hr{
	color:#800c21;
	background-color:#800c21;
	height: 3px;
	border:0;
	}

/* Aufzählungselemente */
ul{
	font-size:12px;
	}
li{
	padding-bottom:10px;
	}


/* Jede unterseite ist zur zeit mit tables ausgestattet : schriftgröße etc dieser td */
td {
	FONT-FAMILY:Verdana,Arial,Helvetica;
	font-size:8pt;
	}

/* Aussehend er Zellen unter Media Videos */
table.videotable td{
	text-align:center;
	padding:20px;
	padding-bottom:40px;
	}

/* lebenslauf der Schulleiter */
table.vita_table td{
	vertical-align:top;
	}

/* Eigenschaften der Tabelle für die Übungszeiten */
   .timetable_head{
      background-color:#800210;
	  color:#fff;
      text-align:center;
      font-size:12px;
      font-weight: bold;
      padding-left: 3px;
      padding-right:3px;
   }
   .timetable_cell{
      background-color:#E6E6E6;
      text-align:center;
      font-size:12px;
      padding:0px 10px 0px 10px;
   }
   .timetable_time
      {
	  width:100px;
      background-color:#00007F;
	  color:#fff;
      font-weight: bold;
      text-align:center;
      padding:5px;
      font-size:12px;
      }
   .timetable_cell_small
      {
      background-color:#d0d0d0;
      text-align:center;
      font-size:9px;
      padding:0px 2px 0px 2px;
   }
   .timetable_time_small
      {
      background-color:c0c0c0;
      text-align:center;
      padding:2px;
      font-size:9px;
   }
   p.news_quelle
	{
	font-size:7pt;color:#909090;
	}

/* Zelle um die Zeitungssymbole */
div.press_cell
	{
	text-align:center;
	width:250px;
	height:280px;
	border:0px dashed silver	;
	float:left;
	margin-right:5px;
	margin-top:5px;
	}
.press_img
	{
	height:200px;
	width:150px;
	border:0px;
	}
/* Zelle um die Bilder */
div.image_cell
	{
	text-align:center;
	border:0px dashed silver;
	float:left;
	margin:5px;
	margin-right:5px;
	margin-top:5px;
	}

div.media_cell
	{
	text-align:center;
	border:0px dashed black;
	float:left;
	padding:10px;
	margin-top:20px;
	}


/*====================================================
Alles für den Blogger Blog
 ====================================================*/

.post-outer {
	background-color:#ffffff;
	
	
	/*background-image:url(../layout/bgr_semitrans.png);*/
	overflow:hidden;
	border:2px solid #808080;
	margin-top:30px;
	padding:15px;
	padding-bottom:0px;
	font-size:12px;
	}
/* linie ueber post */
.post-header-line-1{
	padding-bottom:10px;
	}
/* linie unter post */
.post-footer-line-1{
	border-top:1px dashed #800c21;
	}
.post-title{
	background-color:transparent;
	}
.post-title a, .post-title a:visited, .post-title strong {
	font-size:18px;
	font-style:underline;
	}
.post-timestamp{
	;
	}
.post-comment-link, .post-icons, .post-labels, .post-footer-line-3{
	height:0px;
	padding:0px;
	}


/*====================================================
Schatten um den Hauptcontainer
 ====================================================*/

div {
	margin:0;
}

.ro {
	background:url(../layout/shadow_ro.png) top right no-repeat;
}

.lo {
}

.ru {
	background:url(../layout/shadow_ru.png) bottom right no-repeat;
}

.lu {
	background:url(../layout/shadow_lu.png) bottom left no-repeat;
}

.inhalt_schatten {
	margin:0;
	/* diese box geht über die schatten drüber, darum muss die innere dann um die breite der schatten verschoben werden, das macht dann "padding"
	padding:2.5em 2.5em 3.5em 2.5em;*/
	padding:0px 17px 17px 0px;
	border:0px solid green;
}

.inhalt_schatten p {
	margin:0;
	padding:0;
}