@charset "utf-8";
/*reset styles*** thanks to Eric A. and Kathryn S. Meyer *** http://meyerweb.com/eric/thoughts/2007/05/01/*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
html, body {height: 100%;}
/*reset styles*end*/
body {background:#e1d9c1 url(../image/headerbg.gif) repeat-x;color:#9f8168;text-align:center;width:100%;font: 12px/20px helvetica,sans-serif;word-spacing: 2.4pt;line-height: 1.5;direction: ltr;}
img, div{behavior: url(iepngfix.htc);}
#header {width:955px;height:139px;background: url(../image/abc.png) no-repeat 0 0;margin: 0 auto;}
/*Navigation horizontal*/
#navi-horizontal {height:50px;width:955px;margin: 0 auto;margin-bottom:1em;color:#000;font:  bold  1.8em/1.8px  helvetica,sans-serif;}
#navinner{ width: 745px; margin-left:210px;}
#navlist {margin: 0;padding: 0 0 20px 10px;}
#navlist ul, #navlist li {margin: 0;padding: 0;        display: inline;list-style-type: none;}
#navlist a:link, #navlist a:visited {line-height: 45px;font-weight: bold;margin: 0 10px 4px 10px;text-decoration: none;color: #fff;}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {padding-bottom: 2px;background: transparent;color: #4e3f33;}
/*Navigation horizontal*end*/
/*Content*/
#wrap {width:955px;margin: 0 auto;text-align:left;}
#content {float:right;width:745px;text-align:center;}
#content #conttop {background:url(../image/conttop.png) 0 0 no-repeat; height:30px;}
#content #contmiddle {background:url(../image/contmiddle.png) 0 0 repeat-y;}
#content #contbottom {background:url(../image/contbottom.png) 0 0 no-repeat; height:20px;}
#footer {background: url(../image/footerbg.gif) repeat-x;height:200px;width:100%; margin-top:20px;}
p { margin: 0 50px; padding:1em 0;font-family: Helvetica, sans-serif;font-size:12px;color:#443833;line-height:165%;text-align: left;font-size:small;}
#float-left {clear:both;float:left;margin-right:5px;}
/* ----- Navigation vertikal ----- */
#navtop { background:url(../image/navtop.png) no-repeat 0 0; height:30px;}
#navmiddle { background:url(../image/navmiddle.png) repeat-y 0 0;text-align:center;}
#navmiddle p{text-align:center;}
#navbottom { background:url(../image/navbottom.png) no-repeat 0 0; height:20px;}
#nav, #nav li {margin:0;padding:0;list-style:none;}
#nav li span{font:  bold  1.8em/1.8px  helvetica,sans-serif;color:  #443833;}
#nav{position: relative;color:#333;float:left;top:0;left:0;width:200px;}
#nav ul {margin:0;width:180px;padding:20px 10px;color:#777;}
* html #nav ul {height:190px;}
#nav li {margin-bottom:20px;line-height:20px;height:25px;padding:0;margin-left:5px;}
#nav li a {background:url(../image/rand.gif) no-repeat 150px 50%;font-size:14px;letter-spacing: 2px;color:#333;line-height:20px;height:25px;width:100%;display:block;text-align:left;}
#nav li a:hover {background:url(../image/xrand1.gif) no-repeat 150px 50%;line-height:20px;height:25px;width:100%;}
#nav #active {background:url(../image/xrand1.gif) no-repeat 150px 50%;line-height:20px;height:25px;width:100%;font-weight: bold;}
/***** Kontakt*****/
#letter {width:687px;height: 342px;margin:0px auto;text-align:center;background:url(../image/letter.html) no-repeat;}
#kontakt {position: relative; font-size:14px;color:#333;top:150px;left:52px;text-align:left;}
#kontakt ul {width:250px;height: 150px;}
#kontakt li {margin-left:5px;list-style:none;}
* html #kontakt ul {height:140px;}
/***** Allgemeine Textformatierung *****/

.titel { width:645px;margin: 0 50px;;font:20px Helvetica, sans-serif;color: #CC3300;letter-spacing:.1em;border-bottom: 1px dotted #CC3300;}
.Bilderrahmen{ margin:10px; padding: 10px; border: 1px solid #CCC; background-color:#FFF;}
h1 {
        text-align:center;
        clear: both;
        letter-spacing: -1px;
        font: 1.8em helvetica, sans-serif;
        color: #877065;
        background-color: transparent;
        border-bottom: 1px dotted #877065;
}
h2 {
        padding: 50px 0 0 0;
        color:  #443833;
        background-color: transparent;
        font-size: 110%;
        letter-spacing: -1px;
        font: 1.4em helvetica, sans-serif;
}
h3 {
        font-family: Palatino, Georgia, Helvetica, sans-serif;
        font-size:12px;
        color:#333;
        line-height:20px;
        font-weight: bold;
        margin: 0 50px;
        text-align:left;
        margin-bottom:20px;
}
blockquote {
        font-size: 1.4em;
        color: #55453E;
        background-color: transparent;
        width: 400px;
        background: url(../images/close-quote.html) no-repeat right bottom;
        padding-left: 18px;
        text-indent: -18px;
}
blockquote:first-letter {
        background: url(#) no-repeat left top;
        padding-left: 40px;
        font: italic 2em Georgia, "Times New Roman", Times, serif;
}
small {
        font-size: 0.85em;
}
img {
        border: 0;
}
.bildschatten {
        padding: 4px 7px 15px 7px;
        background: #fff url(../image/schatten-600px.png) no-repeat left bottom;

}
.bildschatten150 {
        padding: 4px 7px 15px 7px;
        background: #fff url(../image/schatten-150px.png) no-repeat left bottom;

}
/***** Global Classes *****/

.clear {
        clear:both;
}
.center {text-align:center;
}
.float-left {
        float:left;
}
.float-right {
        float:right;
}
.text-left {
        text-align:left;
}
.text-right {
        text-align:right;
}

.text-justify {
        text-align:justify;
}
.bold {
        font-weight:bold;
}
.italic {
        font-style:italic;
}
.underline {
        border-bottom:1px solid;
}
.highlight {
        background:#ffc;
}
.wrap {
        width:960px;
        margin:0 auto;
}
.img-left {
        float:left;
        margin:4px 10px 4px 0;
}
.img-right {
        float:right;
        margin:4px 0 4px 10px;
}
.nopadding {
        padding:0;
}
.noindent {
        margin-left:0;
        padding-left:0;
}
.nobullet {
        list-style:none;
        list-style-image:none;
}
.noborder {
        border: none;
}

/*Fotoalbum*/
#albumlist {list-style-type: none; padding-left:100px; padding-top:20px;text-align:center; }
#albumlist li {float: left; margin-right: 40px;margin-bottom: 10px;text-align:center;}
#albumlist li a {font-family:"Trebuchet MS", verdana; font-size: 1.2em;color: #333333; line-height: 1.8em;display:block; }
#albumlist img {display: block;        }
/*Fotoalbum***end***/
/*ALBUM*Schülervertretung*/
#svlist {list-style-type: none; padding-left:50px; padding-top:20px;text-align:center; }
#svlist li {float: left; margin-right: 35px;margin-bottom: 30px;text-align:center;background:url(../image/sv/rahmen.jpg) no-repeat; width:100px; height:110px;}
#svlist img {display: block; padding:5px;        }
/*ALUM*SV*ENDE*/
/*////////////////////////////////////END///////////////////////////////////////////////*/
/*preload classes*/
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer {
position: relative;
overflow: hidden;
border: 5px solid #ff0000;
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li {
float:left;
}
.stripTransmitter {
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #ff0000;
color: #fff;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background: #fff;
color: #ff0000;
}

/*tooltips formatting*/
#tooltip {
background: #fff;
color: #000;
opacity: 0.85;
border: 5px solid #dedede;
}
#tooltip h3 {
font: normal 10px Verdana;
margin: 0;
padding: 6px 2px;
border: 0;
}