/* 
Formate fuer Page Andreas Pacek
*/

html
{
height: 100%;
}


body{
        /*text-align:center; *//* horizontal centering for IE Win quirks */
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 1em;
        margin: 0;
        padding: 0;
        background-color: #dedede;
        overflow-x:hidden;overflow-y:auto;
        height: 100%;
        }

/* Der Obercontainer wo die Kopf, Fuss-Zeile, li, content und rechts drin sind */
#container {
        position: absolute;
        width: 950px;
        text-align:center;
        
        margin-top: 1px;
        
        background: url(../images/logo_linie.gif);
        background-repeat:repeat;
        background-position:center center;
                       
        background-color: #ffffff;       
}

#header {
        /*height: 17px;*/
        background-color: #dedede;
        text-align:right;
        /*border: 1px solid #cdcdcd;*/
        }

#box_hauptmenue {
        /*height: 30px;*/
        background-color: #ffffff;
        }


/* 3 Hauptboxen */
#box_left {
        position: absolute;
        left: 0;
        width: 160px;        
        min-height:600px;            
        height: auto !important;    
        height: 600px;
        background-color: #ffffff;
}

#content {
        width:600px;
        background-color: #ffffff;
        margin-left: 100px;
        margin-right: 250px;

        min-height:600px;       
        height: auto !important;    
        height: 600px;
        }

  
#box_right {
        position: absolute;
        right: 0;
        width: 250px;
        
        min-height:600px;      
        height: auto !important;    
        height: 600px;
        
        /*
        background: url(../images/litemp.gif);
        background-repeat:repeat;
        background-position:center center;
        */
        /*background-color: #ffffff;*/
        
}

/* Ende der 3 Hauptboxen */ 

#dercontainer{
background-color: #ff0000;
}


  /* Hoehe der rechten Menue-Leiste */
  #menue_tabelle{
    position: absolute;
    top:30px;    
    display: block;
    text-decoration:none; 
		font-family:Arial,Verdana;
    /*background-color:orange;*/
    color:#ffffff;    
  }

  
/* 
Hier stehen die normalen Flash-Inhalte drin, es wird keine Scrollleiste gezeigt 
Dies ist speziell für den Firefox wichtig
*/
#flashcontent{
    margin-left:auto; 
    margin-right:auto;
    /*display: table-cell*/
    vertical-align:middle; 
    text-decoration:none; 
		text-align:center;
		background-color:#cdcdcd;
		height:500px;	
    overflow-x:hidden;overflow-y:auto;
		padding: 0px;
}

/*
Bei der Seite mit den Wettbewerbsinhalten darf eine Scrollleiste stehen

*/
#flashcontent_wettb{
    margin-left:auto; 
    margin-right:auto;
    display:table-cell;
    vertical-align:middle; 
    text-decoration:none; 
		text-align:center;
		height:500px;		
    overflow-x:hidden;overflow-y:auto;
		background-color:#cdcdcd;

}



#apfotodesign{
		font-weight:bold;

}


#bilderramen {
  border-width:4px;
  border-style:solid;
  border-color:white;
}



#hauptueberschrift{
  font-weight:bold;
  text-decoration:underline;
  color:#00002f;
  /*color:#ffffff;*/
	font-family:Arial;
	font-size:1.05em;
	letter-spacing:0.15em;	
}

#hauptueberschrift_{
  /*color:#00002f;*/
	font-family:Arial;
	font-size:0.9em;
}


#blocktextinhalt{
  color:#00002f;
	font-family:Arial,Verdana;
	font-size:0.95em;
	width:700px;
  margin-left:auto;
  margin-right:auto;
  vertical-align:middle;
   
}

#normtext{
  color:#00002f;
	font-family:Arial,Verdana;
	font-size:0.8em;
	text-align:left;
	width:500px;
  
  margin-left:70px; 
  margin-right:20px;  
}

#blocktext{
  color:#00002f;
	font-family:Arial,Verdana;
	font-size:0.8em;
	text-align:justify;
	width:500px;
  
  margin-left:70px; 
  margin-right:20px;  
}

#zelle{
  color:#00002f;
	font-family:Arial,Verdana;
	font-size:0.7em;
	text-align:left;
}

#usertable{
	width:490px;  

  margin-left:70px; 
  margin-right:20px;  

}

#seminartabelle{
	width:530;  

  margin-left:60px; 
  border-width:1px;
  border-style:solid;
  border-color:#bfbfc2;

	font-family:Arial,Verdana;
	font-size:0.75em;

}


/* 
Einzelne Zellen der Seminar-Tabelle,. 
können bei Bedarf individuell verändert werden
 */
#sem_z1{
  text-align:left;
}

#sem_z2{
  text-align:left;
}

#sem_z3{
  text-align:left;
  padding-left:5px;
}


#sem_z4{
  text-align:left;
}

#sem_z5{
  text-align:right;
}

#sem_monat{
  font-weight:bold;
  text-align:center;
}
#row_grey{
	background-color:#ababab;

}
#row_white{

}

#ueberschrift{
  color:#84121a;
	font-family:Arial,Verdana;
	font-size:1.2em;
  font-weight:bold;
}


#ueberschrift2{
  color:#84121a;
	font-family:Arial,Verdana;
	font-size:1.0em;
  font-weight:bold;
}


#tabelle_gross{
	text-align:center;
  margin-left:140px; 
  margin-right:140px;
  
}

#tabelle_inhalt{
  color:#00002f;
	font-family:Arial,Verdana;
	font-size:0.95em;			
	text-align:left;
  width:540px;
  margin-left:50px; 
  margin-right:50px;
}

#tabelle_inhalt_info{
  /*color:#ffffff;*/
	font-family:Arial,Verdana;
	font-size:0.95em;			
	text-align:left;
  width:660px;
  margin-left:10px; 
  margin-right:10px;
}

#tabelle_kontakt{
	font-family:Arial,Verdana;
	font-size:1em;			
	text-align:left;
  margin-left:150px; 
  margin-right:150px;
  width:300px;
}

#blaulinie{
		width:100%;
		height:1px;
		background-color:#bfbfc2;	
} 


#pics_wettbewerbe{
    border-width:1px;
    border-style:solid;
    border-color:#bfbfc2;
    width:480px;
    margin-left:auto;
    margin-right:auto;    
}



a.siegerfoto_link:link { text-decoration:none;}
a.siegerfoto_link:visited { text-decoration:none;}
a.siegerfoto_link:focus { text-decoration:none;}
a.siegerfoto_link:active { text-decoration:none;}
a.siegerfoto_link:hover { text-decoration:none;}

#siegerfoto{
    border-width:4px;
    border-color:white;
}

a.menue1:link { text-decoration:none;color:#00002f;font-size:0.8em;}
a.menue1:visited { text-decoration:none; color:#00002f;font-size:0.8em;}
a.menue1:hover { text-decoration:none; color:#84121a;font-size:0.8em;}
a.menue1:active { text-decoration:none;color:#84121a;font-size:0.8em;}
a.weiss:focus { text-decoration:none; color:#84121a;font-size:0.8em;}

/* Aktiver Hauptmenuepunkt */

a.menue1_aktiv:link { text-decoration:none;color:#84121a;font-weight:bold;font-size:0.8em;}
a.menue1_aktiv:visited { text-decoration:none;color:#84121a;font-weight:bold;font-size:0.8em;}
a.menue1_aktiv:hover { text-decoration:none;color:#84121a;font-weight:bold;font-size:0.8em;}
a.menue1_aktiv:active { text-decoration:none;color:#84121a;font-weight:bold;font-size:0.8em;}
a.menue1_aktiv:focus { text-decoration:none;color:#84121a;font-weight:bold;font-size:0.8em;}


a.menue2:link{ width:150px;text-decoration:none; color:#ffffff;background-color:#84121a;font-size:0.9em;}
a.menue2:visited{width:150px; text-decoration:none; color:#ffffff;background-color:#84121a;font-size:0.9em;}
a.menue2:focus{ width:150px;text-decoration:none; color:#00002f;background-color:#84121a;font-size:0.9em;}
a.menue2:active{width:150px; text-decoration:none;color:#00002f;background-color:#84121a;font-size:0.9em;}
a.menue2:hover{ width:150px;text-decoration:none; color:#00002f;background-color:#84121a;font-size:0.9em;}


a.menue2_aktiv:link{ width:150px;text-decoration:none; color:#84121a;background-color:#dedede;font-size:0.9em;}
a.menue2_aktiv:visited{width:150px; text-decoration:none; color:#84121a;background-color:#dedede;font-size:0.9em;}
a.menue2_aktiv:focus{ width:150px;text-decoration:none; color:#00002f;background-color:#dedede;font-size:0.9em;}
a.menue2_aktiv:active{width:150px; text-decoration:none;color:#00002f;background-color:#dedede;font-size:0.9em;}
a.menue2_aktiv:hover{ width:150px;text-decoration:none; color:#00002f;background-color:#dedede;font-size:0.9em;}


a.menue3:link{ text-decoration:none; color:#ababab;font-size:0.9em;font-weight:bold;}
a.menue3:visited{ text-decoration:none; color:#ababab;font-size:0.9em;font-weight:bold;}
a.menue3:focus{ text-decoration:none; color:#84121a;;font-size:0.9em;font-weight:bold;}
a.menue3:active{text-decoration:none;color:#84121a;font-size:0.9em;font-weight:bold;}
a.menue3:hover{ text-decoration:none; color:#84121a;font-size:0.9em;font-weight:bold;}


a.menue3_aktiv:link{ text-decoration:none; color:#84121a;font-size:0.9em;font-weight:bold;}
a.menue3_aktiv:visited{ text-decoration:none; color:#84121a;font-size:0.9em;font-weight:bold;}
a.menue3_aktiv:focus{ text-decoration:none; color:#84121a;;font-size:0.9em;font-weight:bold;}
a.menue3_aktiv:active{text-decoration:none;color:#84121a;font-size:0.9em;font-weight:bold;}
a.menue3_aktiv:hover{ text-decoration:none; color:#84121a;font-size:0.9em;font-weight:bold;}


/* Links im Text, sollen alle weiss sein */
a.linkred:link {  color:#84121a;}
a.linkred:visited { color:#84121a;}
a.linkred:focus { color:#84121a;}
a.linkred:active { color:#84121a;}
a.linkred:hover { color:#84121a;}


a.linkn:link {  color:#000000;}
a.linkn:visited { color:#000000;}
a.linkn:focus { color:#000000;}
a.linkn:active { color:#000000;}
a.linkn:hover { color:#000000;}


#footer {
        height: 27px;
        background-color: #dedede;
        width:100%;
        /*border: 1px solid #cdcdcd;*/
        }

#footer_text_rot {
                color:#84121a;
                font-family:Arial,Verdana;
                font-size:0.8em;
                font-weight:bold;
  }

#footer_text {
                color:#000000;
                font-family:Arial,Verdana;
                font-size:0.7em;
                font-weight:bold;
  }


.navigation_top {
        list-style-type: none;
        margin: 0;
        padding: 0;
        }
.navigation_top li {
        display: inline;
        }
.navigation_top a {
        margin: 0 10px;
        color: #000;
        }
.navigation {
        list-style-type: none;
        margin: 0;
        padding: 0;
        }
.navigation li {
        margin-bottom: 5px;
        }

.navigation a {
        margin: 0 10px;
        color: #000;
        }

.menuezelle2{
width:150px;
height:25px;
background-color: #84121a;
}    


.menuezelle2_klein{
height:5px;
background-color: #84121a;
width:150px;
text-align:left;
}    



p {
    margin: 0 0 10px;
}       
    

#aussenwrapper
{
/*height: 100%;
position: relative;
*/
width: 800px;
/*margin: 0 auto;*/
background: #D1DEEF;
}

#innenwrapper
{
height:100%;
/*overflow:auto;*/
background: #FFF3D6;
}