/*
* Website der Staedtischen Realschule Wermelskirchen
* ###################################################
* Die zweite Version der Website wurde komplett von 
* Danny Rademacher & Marvin Langbein programmiert. 
* ###################################################
* Datei: style.css
* Beschreibung:
*    CSS Stylesheet
* ###################################################
* (c) by Danny Rademacher & Marvin Langbein
*/

/*************** allgemeine Formatierung ***************/

* {
    margin-right:auto;
    margin-left:auto;
}



body {
    background-color:#ffffcc; /* FFE4B5 */
    font-family:"Verdana";
    color: #000;
    margin-right:auto;
    margin-left:auto;
}



#wrapper {
    margin-right:auto;
    margin-left:auto;
}



table #table_navigation{
    margin-top:10px;
    border:none;
    padding:0px;
}



#simpleTooltip
{
    padding: 7px;
    border: 1px solid #8A4B08;
    background: #F6E3CE;
}



/*************** Content ID ***************/

#content {
    font-size:15px;
    width:100%;
    min-height:400px;
}

#content a {
    color:#353586;
    text-decoration:none;
}

#content div {
    padding:15px;
}

#content p {
    margin:15px 0px 30px 0px;
    padding:0px;
}

#content ul{
    margin:0px 0px 10px 10px;
    padding:0px 0px 10px 10px;
}



#content h1 {
    font-size: 28px;
    border-bottom:1px solid black;
}

#content h2 {
    font-size: 22px;
    margin:20px 5px 10px 5px;
}

#content h3 {
    font-size: 20px;
}


/*************** Klassen für die Aufteilung in links und rechts ***************/

#content .rechts {
    margin: 0px 0px 0px 225px;
    padding:0;
}

#content .links {
    width:auto;
    float:left;
    color:#000;
    padding:0;
}

#content .links .ueberschrift {
    font-style:italic;
}

#content .links a {
    font-size:14px;
    color:#000;
    text-decoration:underline !important;
    
}

#content .links li {
    margin-bottom:5px;
}





/*************** Klassen für box ***************/

#content .box {
    float:left;
    width:850px;
    
    border:1px solid #A1A1A1;
    padding:10px;
    margin:20px 10px 25px 10px;
}

#content .box h2 {
    background-color:#FFE4B5;
    border:2px solid #f1d7ab;
    padding:5px;
    font-style:italic;
    font-size:20px;
}

#content .box p {
    background-color:#FFE4B5;
    border:2px solid #f1d7ab;
    padding:5px;
    margin:15px 15px 15px 15px;
}

#content .box ul {
    float:left;
    width:400px;
    list-style-type:none;
    margin:0px;
    padding:0px 25px 0px 0px;
}

#content .box li {
    background-color:#FFE4B5;
    border:1px solid #f1d7ab;
    padding:2px 5px 2px 10px;
    margin:5px 15px 5px 15px;
}

#content .box .ueberschrift {
    font-weight:bold;
    font-size:18px;
    margin:10px;
}




/*************** Klassen für Sonstiges ***************/

#content .button {
    display:inline;
    background-color:#FFE4B5;
    border:1px solid #A4A4A4;
    
    padding:5px;
    color:#000;
    font-weight:bold;
}

#content .ehemaligen_box {
    float:left;
    width:410px;
    height:450px;
    
    background-color:#FFE4B5;
    border:4px solid #f1d7ab;
    padding:10px;
    margin:10px 1px 10px 1px;
}




/*************** Navigation ID (Pulldown) ***************/

#navigation {
    z-index:100;
    padding-top:10px;
    padding-bottom:20px;
}

#navigation ul {
    padding:0;
    margin:0;
    list-style-type:none;
}

#navigation ul ul {
    visibility:hidden;
    position:absolute;
    height:0;
    top:36px;
    left:1px; 
    width:180px;
}

#navigation li {
    float:left;
    width:180px;
}

#navigation ul ul li {
    float:none;
    /* height:25px; */
}

#navigation :hover ul li
{
    position:relative;
}


#navigation a, #navigation a:visited {
    display:block;
    text-align:center;
    width:170px;
    heigt:30px;
    line-height:26px;
    
    padding:1px 2px 1px 2px;
    margin:6px 3px 0px 3px;
    background-color:#ffffcc;
    border:1px solid #eeddaa; /* eeddaa */
    
    /* ursprügliche Formatierung */
    color:#000;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    font-family:"Verdana";
}

#navigation ul ul a, #navigation ul ul a:visited {
    margin:0;
    padding:1px 2px 1px 2px;
    font-size:80%;
}


#navigation a:hover, #navigation ul ul a:hover, #navigation ul :hover > a {
    background-color:#FFE4B5; /* ffddaa */
    border-color:#998855; /* eeddaa */
}

#navigation ul li:hover > ul, #navigation ul a:hover > ul
{
    visibility:visible;
}

#navigation .aktuell {
    background-color:#FFE4B5 !important; /* ffddaa */
    font-style:italic !important;
}




/*************** Footer ID ***************/

#footer {
        text-align:center;
        font-size:14px;
        margin:10px 0px 40px 0px;
}

#footer a {
    color: #000;
    text-decoration: underline;
}

#footer .rechts {
    float:right;
}

#footer .links {
    float:left;
}




/*************** Kontakt ID ***************/

#kontakt_table tr {
    height:30px;
}

#kontakt_table input {
    padding-left:2px;
    padding-right:2px;
    border:1px solid grey;
    background-color:#ffffff;    
}

#kontakt_table select {
    border:1px solid grey;
    background-color:#ffffff;
}

#kontakt_table option {
    padding-left:4px;
    padding-right:4px;
}

#kontakt_table textarea {
    border:1px solid grey;
    background-color:#ffffff;
}

#errornachricht {
    display:none;
    margin:10px; 
    width:90%;
    font-weight:bold;
    font-size:12px;
}



/*************** Formatierungsklassen ***************/

.clear { clear:both; }

.ok_msg {
    border:1px solid #4B8A08;
    background-color:#ACFA58;
    padding:5px;
    color:black;
}
.error_msg {
    border:1px solid #B40404;
    background-color:#F5A9A9;
    padding:5px;
    color:black;
}
.info_msg {
    background:#FFE4B5; /* E6E6E6 */
    padding:5px;
    margin-bottom:20px;
    border:1px solid #A4A4A4;
}

.linie {
    border-bottom: 1px solid #000;
}

.spezial {
    margin:0 0 5px 0;
    font-size:22px;
    font-weight:italic;
}

/*************** Thumbnail Klassen für die Galerie ***************/
.thumb {
  border-style: solid;
  border-color: #FFFFCC;
}
.thumb:hover {
  border-color: #FFCC99;
}