/*  Website des Karls-Gymnasiums Stuttgart
    Version 4.0

    kgstyle.css: Zentrale Definierung der Designelemente
	 
	 *******************
	 (c) by Kevin Edelmann, Alexander Renz-Wieland & Karls-Gymnasium Stuttgart 2010 
	 ******************/


/* GENERAL STUFF */

body
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: black;
  margin: 0;
}

p
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: black;
}

td
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: black;
}

h1
{
  line-height:1em;
  font-size:26px;
}

h2
{
  font-size: 23px;
  font-weight: bold;
  line-height:1em;
}

h3
{
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
}

/*
h1
{
  font-size: 1.9em;
  font-weight: bold;
}

h2
{
  font-size: 1.5em;
  font-weight: bold;
}

h3
{
  font-size: 1.5em;
  font-weight: normal;
}*/

img
{
  border: 0px;
}



/* LINKS */

a:link
{
	color: #790118;
	text-decoration: underline;
}

a:active
{
	color: #790118;
	text-decoration: underline;
}

a:visited
{
	color: #790118;
	text-decoration: underline;
}

#mainContainer
{
  line-height: 1.3em;
}
#mainContainer a
{
  text-decoration:none;
  padding: 0px;
  border-bottom: 1px solid #790118;
}
#mainContainer a:hover
{
  text-decoration:none;
  padding-bottom: 1px;
  border-bottom: 1px solid #790118;
}

#mainContainer .listMenu a, #mainContainer .listMenu a:hover
{
  border: 0px;
}

#mainContainer li 
{
  margin-top: 3px;
}



/* INPUT TYPES */

input
{
	background-color : #FFFFFF;
	color : #000000;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-indent : 2px;
	border: 1px solid #96001e;
}

input.submit, button.submit
{
	background-color : #FFFFFF;
	color : #000000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-indent : 2px;
	border: 2px solid #96001e;
}

input.radio
{
	border: 0px;
}

textarea
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #96001e;
	overflow: auto;
}

select
{
	overflow: auto;
}

.klassenbild
{
	border: 1px solid #E0E0E0;
	padding:2px;
}

ul
{
  padding:0px;
  margin-left:26px;
  margin-top:0px;
  margin-bottom:0px;
}
  




/* BUGPOSTER SPECIAL CLASSES */

.bugpostermenutable
{
	border: 1px solid #B7B7B7;
	width: 72px;
	height: 72px;
}

.bugposter_menus
{
	cursor: pointer;
	color: #979797;
	font-size: 9px;
}

.bugposter_activemenus
{
	cursor: pointer;
	color: #B22222;
	font-size: 11px;
}


/* DIFFERENT TABLE STYLES */


.kasten
{
	background: #76131d url("../bilder/logos/kasten_bg-red.png"); /* Basisfarbe: #96001e */
	color: #fff;
	border-bottom: 1px solid #E0E0E0;
	font-weight: bold;
}

.kastenRand
{
	border: 1px solid #E0E0E0;
}

td.seitlicheKaesten
{
	font-size: 13px;
}

.boxes
{
	font-size: 12px;
}

#mainContainer
{
  width: 100%;
}

.exTable td
{
  padding:        6px;
  border-bottom:  1px solid #DDD;
}


/***************
** Header-Design
***************/


/* Oberer Header */
      
#header1
{
  /* Positionierung */
  width: 100%;
  height: 100px;
  margin: 0;
  
  /* Gestaltung */
  /* background: url("../bilder/logos/header1-bg.png") top left; */
}

    /* Obere Headerlinks: Gestaltung */
    
    #header1 td
    {
      color: #000;
      font-size: 33px;
      font-family: "Times New Roman";
      font-weight: 600;
    }
    
    #header1 td .small
    {
      font-size: 25px;
    }
    
    #header1 a:link, #header1 a:active, #header1 a:visited, #header1 a:hover
    {
      text-decoration: none;
      color: #000;
      font-weight: 600;
    }
    
    
/* Mittlerer Header */

#header2
{
  /* Positionierung */
  z-index: 1;
  height: 34px;
  width: 100%;
  
  padding: 0;
  margin: 0;
  
  /* Gestaltung */
  background: #76131d url("../bilder/logos/header2-bg-red.png") top repeat-x;
}
      
    /* Hauptmenue */
          
    #header2 ul
    {
      /* Randfarben */
      border-left: 1px solid #800202;
      border-right: 1px solid #5a1a1a;
      
      /* Positioierung der Elemente: */
      padding: 0;
      margin: 0 30px 0 0;
      float: left;
      height: 34px;
            
      /* Wichtig fuer die korrekte Listendarstellung: */
      list-style: none;
    }
          
    #header2 li
    {
      /* Positionierung und Listendarstellung */
      float: left;
      padding: 0;
      margin: 0;
      height: 34px;
    }
          
    #header2 ul span, #header2 ul a:link, #header2 ul a:visited
    {
      /* Farben und Gestaltung: */
      border-right: 1px solid #800202;
      border-left: 1px solid #5a1a1a;
      color: #ccc;
      text-decoration: none;
      
      /* Positionierung der Elemente: */
      height: 18px;
      padding: 10px 15px 6px;
      
      /* Wichtig fuer die korrekte Listendarstellung: */
      display: block;
      float: left;
      
      /* Darstellung ohne Hintergrundbilder */
      background-color: #76131d;
    }
          
    /* Menuelinks: Gestaltung */
          
    #header2 ul li a:hover, #header2 ul li a.currentReiter
    {
      background: #820d17;
      color: #fff;
      padding: 9px 15px 7px;
    }
    
    #header2 ul li #currentReiter
    {
      background: #820d17;
      color: #fff;
      text-decoration: underline;
      padding: 8px 15px 8px;
    }

    
/* Unterer Header */

#header3
{
  /* Positionierung */
  padding-top: 4px;
  padding-bottom: 30px;
  
  /* Gestaltung */
  background: url("../bilder/logos/header3-bg.png") top left repeat-x;
  color: #666;
}

    /* Untermenue Links: Gestaltung */
          
    #header3 a:link, #header3 a:active, #header3 a:visited
    {
      font-size: 90%;
      color: #555;
      text-decoration: none;
    }
    
    #header3 a:hover
    {
      color: #853241;
    }
    
    #header3 #currentMenuPoint
    {
      text-decoration: underline;
    }
    

/* Admin - Header */

#adminHeader, #adminSubHeader
{
  list-style:none; 
  margin:0px;
  margin-top:10px; 
  padding:0px;
  padding-top:5px;
  padding-bottom:5px;
  border-bottom: 1px solid #DDDDDD;
  font-size:10px;
  display:inline;
}

#adminHeader li, #adminSubHeader li
{
  display:inline;
}

#adminHeader a, #adminSubHeader a
{
  text-decoration:none;
  padding:5px 4px 5px 4px;
  border: 0px solid #EEEEEE;
  margin:0px;
}

#adminHeader a:hover, #adminSubHeader a:hover
{
  border-top: 1px solid #DDDDDD;
  background-color:#FFFFFF;
  margin-bottom: 20px;
}
    

/* Schattierungen am Rand */
.border_left
{
  background-color:#EEEEEE; 
  background:url("../bilder/logos/border-left.png"); 
  background-position:right; 
  background-repeat:repeat-y; 
  border-right:1px solid #5e5e5f;
}


.border_right
{
  background-color:#EEEEEE; 
  background:url("../bilder/logos/border-right.png"); 
  background-position:left; 
  background-repeat:repeat-y; 
  border-left:1px solid #5e5e5f;
}

.border_bottom
{
  background-color: #EEEEEE;
  background:url("../bilder/logos/border-bottom.png"); 
  background-position:left; 
  background-repeat:repeat-x; 
  border-top:1px solid #5e5e5f;
  height:19px;
}

.kontaktName
{
  display:none;
}


.right { float: right; width: 48%; }
.left  { float: left; width: 48%;  }
.clear { clear: both;  }

.printer{
font-size: 10px;
text-align: right;
width: 100%;
}

.liegendePrint{
  display: none;
}

#mainContainer .noUnderline{
  border: 0;
}

#mainContainer .noUnderline:hover{
  border: 0;
  padding: 0;
}