/* CSS Document */
/* Eigene Ergnzungen zur Vorlage von Herrn Fleischhanderl */

/*Header*/
#links_activities {
	float:left;
	padding-right:0px;
	width:60%;
}
	
#rechts_activities{
    float: right;
	padding-top:0px;
	padding-left:10px;
	width:36%;
}	

#main_content div#activities {width: 100%}


#forum_links {
   border: 1px solid #001749; 
   width:100%; 
}

/* Textauszeichnungen */

.unterstrichen {
	text-decoration:underline;
	}

.fett {
    font-weight:bold;
	}


/* berschriften*/

.ueberschrift1
{
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 1px; 
}

.ueberschrift2
{
	font-size: 130%;
	font-weight: bold;
	letter-spacing: 1px; 
}

.ueberschrift3
{
	
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 0.8px; 
}

.ueberschrift4
{
	font-size: 110%;
	font-weight: bold;
	letter-spacing: 0.5px;
}

.ueberschrift4_fach
{  
   font-size: 110%;
	font-weight: bold;
	letter-spacing: 0.5px;
	text-transform: none;
}
	
#ueberschrift4_fach span {border: 1px solid #001749;
  margin: 0;
  padding: 5px 10px
}

/* Links bei Breadcrumb ohne Fettschrift*/

#breadcrumb a:link {color: #001B57;
  font-style: normal;
  font-weight: normal;
  text-decoration: none
}

#breadcrumb a:visited {color: #001B57;
  font-style: normal;
  font-weight: normal;
  text-decoration: none
}

#breadcrumb a:hover {color: #001B57;
  font-style: normal;
  font-weight: normal;
  text-decoration:underline;
}

/*Breadcrumb fuer die Fachseite*/

p#breadcrumb_f {background: #fff;
    color: #001B57;
}

#breadcrumb_f a:link {color: #001B57;
  font-style: normal;
  font-weight: normal;
  text-decoration: none
}

#breadcrumb_f a:visited {color: #001B57;
  font-style: normal;
  font-weight: normal;
  text-decoration: none
}

#breadcrumb_f a:hover {color: #001B57;
  font-style: normal;
  font-weight: normal;
  text-decoration:underline;
}

/*Fussbereich allgemein*/

#footer {float: none;
  font-size:100%;
  margin: 0px 0 0 0;
  text-align: right;
  padding: 0;
  width: 100%;
}

#main_content div#footer a:link {background: #fff;
  color: #001b57;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0 0;
  text-decoration: none
} 

#main_content div#footer a:visited {background: #fff;
  color: #001b57;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0 0;
  text-decoration: none;
} 

#main_content div#footer a:hover {background: #fff;
  color: #001b57;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0 0;
  text-decoration: underline;
} 

/*Fussbereich fuer Fachseite*/
#footer_f {float: none;
  font-size:100%;
  margin: 0px 0 0 0;
  text-align: right;
  padding: 0;
  width: 100%;
}

#main_content div#footer_f a:link {background: #fff;
  color: #001b57;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0 0;
  text-decoration: none
} 
#main_content div#footer_f a:visited {background: #fff;
  color: #001b57;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0 0;
  text-decoration: none;
}
 
#main_content div#footer_f a:hover {background: #fff;
  color: #001b57;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0 0;
  text-decoration: underline;
} 

/*Textausrichtung*/
.links {text-align:left;  }

.mittig {text-align:center;  }

.rechts {text-align:right;  }

/*Ausrichtung Bilder*/

.links_img {float:left;
	margin-right:20px;
	margin-left: 0px;
}

.rechts_img {float:right}

/*Linkliste*/

.linkliste {background: #fff;}

.linkliste a:link { display:block;
  background: #fff url(../images/intern.jpg) left center no-repeat;
  color: #001b57;
  font-style: normal;
  font-weight: bolder;
  margin: 0px;
  padding: 0px 0px 0px 20px;
  text-decoration: none;
  }
  
  

.linkliste a:visited { display:block;
  background: #fff url(../images/intern.jpg) left center no-repeat;
  color: #001b57;
  font-style: normal;
  font-weight: bolder;
  margin: 0;
  padding: 0 0px 0 20px;
  text-decoration: none
  }

.linkliste a.extern:link { display:block;
  background: #fff url(../images/extern.jpg) left center no-repeat;
  color: #001b57;
  font-style: normal;
  font-weight: bolder;
  margin: 0px;
  padding: 0px 0px 0px 20px;
  text-decoration: none;
  }

.linkliste a.extern:visited { display:block;
  background: #fff url(../images/extern.jpg) left center no-repeat;
  color: #001b57;
  font-style: normal;
  font-weight: bolder;
  margin: 0;
  padding: 0 0px 0 20px;
  text-decoration: none;
  }
  
 .linkliste a.extern:hover { display:block;
  background: #fff url(../images/extern.jpg) left center no-repeat;
  color: #001b57;
  font-style: normal;
  font-weight: bolder;
  margin: 0;
  padding: 0 0px 0 20px;
  text-decoration: underline;
  } 
  
.linkliste a:hover { color: #001b57;
  font-style: normal;
  font-weight: bolder;
  margin: 0;
  padding: 0 0px 0 20px;
  text-decoration: underline;
}

.linkliste a:active { color: #001b57;
  font-style: normal;
  font-weight: bolder;
  margin: 0;
  padding: 0 0px 0 20px;
  text-decoration: none
  }
  
.linkliste a:focus { color: #001b57;
  font-style: normal;
  font-weight: bolder;
  margin: 0;
  padding: 0 0px 0 20px;
  text-decoration: none
  }
 
/*Div Layer*/

.kasten_15_mit{
	float:left;
	border: 1px solid black;
	padding-right:10px;
	margin-right:10px;
	width:15em;
}

.kasten_15_ohne{
	float:left;
	padding-right:10px;
	margin-right:10px;
	width:15em;
}

.roter_kasten {
     border: 1px solid #FF0000; 
	 padding-left: 4px;
	 padding-right: 4px; 
	 padding-top: 1px; 
	 padding-bottom: 1px;
	 }

 
#linker_kasten1 {
	float:left;
	padding-right:10px;
	width:48%;
}

#rechter_kasten1 {
    float: right;
	padding-left:10px;
	width:48%;
}

#linker_kasten2 {
	float:left;
	padding-right:10px;
	width:48%;
}

#linker_kasten3 {
	float:left;
	padding-right:10px;
	width:48%;
}

.linker_bereich {
   float:left;
	padding-right:10px;
	width:48%;
}

#linker_kasten_voll {
	float:left;
	padding-right:10px;
	width:100%;

}

#rechter_kasten2 {
    float: right;
	 padding-left:10px;
	width:48%;
}

#rechter_kasten3 {
    float: right;
	 padding-left:10px;
	width:48%;
}

.rechter_bereich {
    float: right;
	padding-left:10px;
	width:48%;
}
#grosser_kasten {
	padding-right:10px;
	width:99%;

}

#grosser_kasten2 {
	padding-right:10px;
	width:99%;
}

.grosser_bereich {
	padding-right:10px;
	width:99%;
}

#linker_kasten1 h2, #rechter_kasten1 h2, #linker_kasten2 h2, #rechter_kasten2 h2, #grosser_kasten h2, #grosser_kasten2 h2,  .grosser_bereich h2, #rechter_kasten3 h2, #linker_kasten3 h2, .linker_bereich h2, .rechter_bereich h2 {background: #fff;
  color: #698ebb
}

#linker_kasten1 h2 a:link, #rechter_kasten1 h2 a:link, #linker_kasten2 h2 a:link, #rechter_kasten2 h2 a:link, #grosser_kasten h2 a:link #grosser_kasten2 h2 a:link{
  background: #fff;
  color: #698ebb;
  font-weight: bolder;
  margin: 0;
  padding: 5px 0;
}

#linker_kasten1 h2 a:focus, #rechter_kasten1 h2 a:focus, #linker_kasten2 h2 a:focus, #rechter_kasten2 h2 a:focus, #grosser_kasten h2 a:focus, #grosser_kasten2 h2 a:focus {
  background: #fff;
  color: #698ebb;
  font-weight: bolder;
  margin: 0;
  padding: 5px 0;  
}

#linker_kasten1 h2 a:visited, #rechter_kasten1 h2 a:visited, #linker_kasten2 h2 a:visited, #rechter_kasten2 h2 a:visited, #grosser_kasten h2 a:visited,#grosser_kasten2 h2 a:visited {
  background: #fff;
  color: #698ebb;
  font-weight: bolder;
  margin: 0;
  padding: 5px 0;
}

#linker_kasten1 h2 a:hover, #rechter_kasten1 h2 a:hover, #linker_kasten2 h2 a:hover, #rechter_kasten2 h2 a:hover, #grosser_kasten h2 a:hover,  #grosser_kasten2 h2 a:hover {
  background: #fff;
  color: #698ebb;
  font-weight: bolder;
  margin: 0;
  padding: 5px 0;
}

#linker_kasten1 h2 a:active, #rechter_kasten1 h2 a:active, #linker_kasten2 h2 a:active, #rechter_kasten2 h2 a:active, #grosser_kasten h2 a:active,  #grosser_kasten2 h2 a:active {
  background: #fff;
  color: #698ebb;
  font-weight: bolder;
  margin: 0;
  padding: 5px 0;
}
 
/* Fotos*/ 
.foto { float:left;
   border: 1px solid black;
   width: 160px;
   height:158px;
   text-align:center;
   vertical-align:middle;
   margin: 2px 2px;
   padding-top: 5px;
 }

.foto img {
   border:0px;}

.fotogalerie { float:left;
   border: 1px solid black;
   width: 110px;
   height:80px;
   text-align:center;
   vertical-align:middle;
   margin: 2px 10px;
   padding-top: 5px;
 }
 
 .fotogalerie_gross { float:left;
   border: 1px solid black;
   width: 160px;
   height:120px;
   text-align:center;
   vertical-align:middle;
   margin: 2px 10px;
   padding-top: 5px;
 }

.fotogalerie_hoch { float:left;
   border: 1px solid black;
   width: 103px;
   height:160px;
   text-align:center;
   vertical-align:middle;
   margin: 2px 10px;
   padding-top: 5px;
 }

.fotogalerie foto_galerie_hoch img {border:0px;}


/*Eigene Seite fr Inhalt von F chern */

/* Header fr die Fachseiten*/
#header_fach {background: #fff;
  border: 1px solid #001749;
  clear: both;
  color: #000;
  float: none;
  height:80px;
  margin: 5px;
  padding: 0;
  width: 960px;
}

#header_left_fach {background: #fff url(../images/logo.jpg) center no-repeat;
  color: #000;
  float: left;
  height: 80px;
  margin: 0;
  padding: 0;
  width: 120px
}

#header_content_fach {background: #fff ;
  border-left: 1px solid #001749;
  float: left;
  height: 80px;
  margin-top: 0px;
  padding-top: 0px;
  width: 727px;
  text-align:center;
}

#header_content_right {background: #fff ;
  border-left: 1px solid #001749;
  float: left;
  height: 80px;
  margin: 0;
  padding: 0;
  width: 110px;
  text-align:center;
}

#fach_content {
  background: #f7f5f4;
  float: left;
  color: #000;
  font-size: 1.10em;
  margin-left:3px;
  width:100%;
}

#fach_content #content ol {margin: 0 0 0 50px;
  padding: 0
}

/* linklist in Content in Right Fach-Container */
#fach_content #content ol.link {list-style: none;
  margin: 5px 0;
  padding: 0
}

/* item in linklist in Content in Right Fach-Container */
#fach_content #content ol.link li {list-style: none;
  margin: 0 0 1em 20px;
  padding: 0
}

#fach_content #content table {border: 1px solid #001749;
  border-collapse: collapse;
  font-size: 1.1em;
/*  width: 91%; */
}

html>body #fach_content #content table {
width: 100%;
}

/* caption of table in Content-Container in Right Fach-Container */
#fach_content #content caption {background: #fff;
  color: #000
}

/* header-cell in table in Content-Container in Right Fach-Container */
#fach_content #content th {background: #e3e6ee;
  border: 1px solid #001749;
  color: #000;
  font-weight: bolder;
  margin: 0;
  padding: 4px;
  text-align: left
}

/* content-cell in table in Content-Container in Right Fach-Container */
#fach_content #content td {border: 1px solid #001749;
  margin: 0;
  padding: 10px;
  text-align: left
}

#fach_content div#footer {
font-size:83%;
background: #f7f5f4;
}

#fach_content #breadcrumb {
font-size:83%;
}

#fach_content div#footer a:link {background: #f7f5f4;
  color: #001b57;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0 0;
  text-decoration: none
} 

#fach_content div#footer a:visited {background: #f7f5f4;
  color: #001b57;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0 0;
  text-decoration: none;
} 

#fach_content div#footer a:hover {background: #f7f5f4;
  color: #001b57;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0 0;
  text-decoration: underline;
} 

#fach_content h2, h3 {border-bottom: 1px solid #001749;
/* for IE - else top-border of spans is not visible in IE */
  border-top: 1px solid #fff;
  font-size: 1.1em;
  margin-top: 20px;
  padding: 5px 0;
  text-transform: none;
}

/* first and second headline in Content-Container in Right Main-Container */
#fach_content h2 span, h3 span {border: 1px solid #001749;
  margin: 0;
  padding: 5px 10px
}

/*Linkliste f r die Fachseiten */
.fachlinkliste {background: #f7f5f4; }

.fachlinkliste a:link { display:block;
  background: #f7f5f4 url(../images/intern.jpg) left center no-repeat;
  color: #001b57;
  font-style: normal;
  font-weight: bolder;
  margin: 0px;
  padding: 0px 0px 0px 20px;
  text-decoration: none;
  }

.fachlinkliste a:visited { display:block;
  background: #f7f5f4 url(../images/intern.jpg) left center no-repeat;
  color: #001b57;
  font-style: normal;
  font-weight: bolder;
  margin: 0;
  padding: 0 0px 0 20px;
  text-decoration: none
  }

.fachlinkliste a.extern:link { display:block;
  background: #f7f5f4 url(../images/extern.jpg) left center no-repeat;
  color: #001b57;
  font-style: normal;
  font-weight: bolder;
  margin: 0px;
  padding: 0px 0px 0px 20px;
  text-decoration: none;
  }

.fachlinkliste a.extern:visited { display:block;
  background: #f7f5f4 url(../images/extern.jpg) left center no-repeat;
  color: #001b57;
  font-style: normal;
  font-weight: bolder;
  margin: 0;
  padding: 0 0px 0 20px;
  text-decoration: none;
  }
  
.fachlinkliste a.extern:hover { display:block;
  background: #f7f5f4 url(../images/extern.jpg) left center no-repeat;
  color: #001b57;
  font-style: normal;
  font-weight: bolder;
  margin: 0;
  padding: 0 0px 0 20px;
  text-decoration: underline;
  } 
  
.fachlinkliste a:hover { color: #001b57;
  font-style: normal;
  font-weight: bolder;
  margin: 0;
  padding: 0 0px 0 20px;
  text-decoration: underline;
}

.fachlinkliste a:active { color: #001b57;
  font-style: normal;
  font-weight: bolder;
  margin: 0;
  padding: 0 0px 0 20px;
  text-decoration: none
  }
  
.fachlinkliste a:focus { color: #001b57;
  font-style: normal;
  font-weight: bolder;
  margin: 0;
  padding: 0 0px 0 20px;
  text-decoration: none
  }

/*Schriftfarben*/

.gruen{
	color:#00CC00;
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 1px;
}

.gruen_klein{
	color:#00CC00;
	}

.tuerkis{
	color:#00CCFF;
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 1px;
}

.tuerkis_klein{
	color:#00CCFF;
}

.magenta{
	color:#FF00FF;
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 1px;
}

.magenta_klein{
	color:#FF00FF;
}

.rot{
	color:#FF0000;
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 1px;
}

.rot_klein{color:#FF0000;}

.blau{
	color:#0033FF;
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 1px;
}

.blau_klein{color:#0033FF;}
	


/* Schriftgroesse und Ausrichtung*/
.gross
{
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 1px; 
}

.klein{font-size: 70%;}

.oben {vertical-align:top;
	 border-top: 1px solid black;
 	 width: 100%
 }
 
.oben_tabelle {vertical-align:top;
 }
 
.tabelle_zentrieren {margin-left:auto; margin-right:auto;
 } 
 
.top {vertical-align:top;
	
 }
 
.einfach {
  text-decoration:none;
  font-weight:normal;
  color: #000;
 }
 
.einruecken {margin-left: 20px;}
 
/*Icons fr die Seiten der Fachoberschule*/
 .icon_fos {
  }
 
.icon_fos img {
	float:left; 
 	text-align:right;
 	margin-right: 10px;
 }

/*Formularfeld allgemein */
.formularfeld{ float:left;
   text-align:left;
   vertical-align:middle;
	margin-right: 10px;
   padding-top: 0px;
 }

/* Anmeldeformulare */
 
#anmeldeformular {font-size:100%;} 


#anmeldeformular form p {
  clear: left;
  margin: 0;
  padding: 0;
  padding-top: 5px;
}


#anmeldeformular form p label {
  float: left;
  width: 34%;
  font-weight:bold;
}

#anmeldung_main{
	font-size: 95%;
	
	 }

/* Tabelle ohnne Rahmen */
#tabelle_ohne {border: 0px ;
	font-size: 80% !important;
   
}


#tabelle_ohne table {border: 0px !important;
  border-collapse: collapse;
  }

html>body #tabelle_ohne  table {
width: 100%;
}

/* caption of table in Content-Container in Right Main-Container */
#tabelle_ohne  caption {background: #fff;
  color: #000
}

/* header-cell in table in Content-Container in Right Main-Container */
#tabelle_ohne  th {background: #e3e6ee;
  border: 0px solid #001749 !important;
  padding: 0px !important;
}

/* content-cell in table in Content-Container in Right Main-Container */
#tabelle_ohne  td {border: 0px solid #001749 !important;
  padding: 2px !important;
}


.quellcode {border: 1px solid #001749;
   background: #fff;
   color: #000;
   font-family: "Courier New",courier,mono-space; 
   font-size: 110%;
	}
	
.begriffskarten { float:left;
   border: 3px solid black;
   width: 213px;
   height:120px;
   text-align:center;
   vertical-align:middle;
   margin: 10px 10px;
   padding-top: 50px;
	font-size: 200%;
 }
 
 .courier {
    font-family: "Courier New",courier,mono-space;
	 font-size: 110%; 
	 }
 
.rahmen {
border: 1px solid black;
}