@charset "utf-8";
/* CSS Document */
@font-face {
font-family: 'Barmeno-Regular';
src: url(../font/Barmeno-Regular.eot);  
}  
	 
/* for Others */  
@font-face {  
font-family: 'Barmeno-Regular';
src: url(../font/Barmeno-Regular.otf) format("opentype");  
} 

html, body{margin:0; padding:0; font:normal 12px arial; line-height:16px;}
a{outline:none; text-decoration:none; color:#811620;}
a:hover{color:#ffc233;}
a img{border:0; outline:none;}
ul{margin:0; padding:0; list-style:none;}
ol{margin:0; margin-top:-15px; padding:0px 0px 20px 20px;}
h1{margin:0; padding:0; font: normal 22px 'Barmeno-Regular'; color:#811620; margin-bottom:17px;}
h2{margin:0; padding:0; font: normal 19px 'Barmeno-Regular'; color:#ffc233; margin:0px 15px 5px 15px;}
h3{margin:0; padding:0; font: normal 16px 'Barmeno-Regular'; color:#811620; margin-bottom:5px;}
h4{margin:0; padding:0; font: normal 19px 'Barmeno-Regular'; color:#811620; margin-bottom:5px;}
p{margin:0; padding:0 0 15px 0;}
th{text-align:left; padding-bottom:15px;}
td{padding-bottom:10px; vertical-align:top;}
table{margin-bottom:10px;}

.preistabelle td{padding-bottom:0px; vertical-align:top;}

h3 a{margin-bottom:10px; display:block; width:85%;}
.firstentry {border-top:1px solid #811620; padding-top:10px; width:85%;}

#wrapper{width:980px; position:absolute; margin-top:-15px; margin-left:50%; left:-490px;}
#wrapperindex{width:980px; position:absolute; margin-top:0px; margin-left:50%; left:-490px;}
#wrapperstundenplan{width:980px; position:absolute; margin-top:0px; margin-left:50%; left:-490px;}
#contentwrapper{width:790px; background:#fff; float:left;}
#content{width:515px; height:464px; position:relative; top:115px; float:right; border-top:2px solid #175725; border-bottom:2px solid #175725; padding:32px 0px 0px 15px; overflow-x:hidden; overflow-y:auto;}
#sliderwrapper{width:2280px;}
.slidercontroll{width:515px; text-align:center;}
#contentindex{width:980px; height:500px; position:relative; top:100px; background:url('../img/contentindex-bg.jpg') no-repeat;}
#contentstundenplan{width:940px; height:650px; position:relative; top:100px; background:url('../img/contentstundenplan-bg.jpg') no-repeat; padding:20px;}
#content p{margin-right:10px;}
#content img{margin:0px 15px 5px 0px; float:left; border:1px solid #175725;}
#content ul{list-style-type:disc;}
#content ul li{margin:0px 0px 7px 15px;}

#bildbereich{float:left; width:110px; padding-right:10px;}
#textbereich{float:left; width:440px;}
#textbereichlehrer{float:left; width:320px;}

#teaser{width:260px; height:485px; position:relative; top:115px; float:left;}
#roundcorner-top{width:10px; height:10px; background:url('../img/round-corner-obenlinks.gif') no-repeat;}
#spacer{height:480px; border-left: 2px solid #175725;}
#roundcorner-bottom{width:10px; height:10px; background:url('../img/round-corner-untenlinks.gif') no-repeat;}

#innerteaser{float:left; width:245px; height:469px; border-top:2px solid #175725;border-bottom:2px solid #175725; padding:12px 0px 15px 5px;}
#innerteaserindex{position:absolute; top:14px; left:15px; width:245px;}
#innerteaser p, #innerteaserindex p{padding:0px 15px; margin:0;}

.boxrot{margin-bottom:10px; color:#fff;}
.boxrot .boxbody{background:#811620;}
.boxrot-deckel{height:10px; width:100%; background:url('../img/boxrot-bg-oben.png') no-repeat;}
.boxrot-boden{height:10px; width:100%; background:url('../img/boxrot-bg-unten.png') no-repeat;}
.boxrot .boxbody h2 a{color:#ffc233;}
.boxrot .boxbody h2 a:hover{text-decoration:underline;}
.boxgruen{margin-bottom:10px; color:#fff;}
.boxgruen .boxbody{background:#175725;}
.boxgruen .boxbody h2 a{color:#ffc233;}
.boxgruen .boxbody h2 a:hover{text-decoration:underline;}
.boxgruen-deckel{height:10px; width:100%; background:url('../img/boxgruen-bg-oben.png') no-repeat;}
.boxgruen-boden{height:10px; width:100%; background:url('../img/boxgruen-bg-unten.png') no-repeat;}
.boxgelb {margin-bottom:10px; color:#000;}
.boxgelb .boxbody{background:#ffc233;}
.boxgelb .boxbody h2{color:#811620;}
.boxgelb-deckel{height:10px; width:100%; background:url('../img/boxgelb-bg-oben.png') no-repeat;}
.boxgelb-boden{height:10px; width:100%; background:url('../img/boxgelb-bg-unten.png') no-repeat;}
.boxgelb .boxbody h2 a{color:#811620;}
.boxgelb .boxbody h2 a:hover{text-decoration:underline;}
.boxgelb .boxbody .boxmehrlink{color:#000;}
.boxgelb .boxbody .boxmehrlink:hover{color:#811620;}
.boxgruen .boxbody .boxmehrlink, .boxrot .boxbody .boxmehrlink{color:#fff;}
.boxgruen .boxbody .boxmehrlink:hover, .boxrot .boxbody .boxmehrlink:hover{color:#ffc233;}
.boxmehrlink{position:relative; right:0px; bottom:0px; z-index:2; float:right;}
.boxmehrlink:hover{text-decoration:underline;}

#data{width:160px; height:205px; float:left; border-right:2px solid #175725; padding:71px 10px 0px 18px;}
#data p{font: normal 14px 'Barmeno-Regular';}
#data a{text-decoration:none; color:#811620;}
#data b{font-family:'Barmeno-Regular';}
#wappen{width:190px; height:239px; background:url('../img/wappen.gif') no-repeat; float:left;}

#header{position:relative; top:-485px; width:980px; height:117px; float:left;}
#headerstundenplan{position:relative; top:-675px; width:980px; height:117px; float:left;}
#navigation{position:relative; top:25px; width:730px; height:50px; background:#175725;}
#navigation ul li{float:left; font:normal 17px 'Barmeno-Regular'}
#navigation ul li a{color:#ffc233; text-decoration:none; padding:0 10px; display:block; line-height:50px;}
.inactive:hover, .active{background:url('../img/bg-menu.gif') repeat-x;}

#logo{position:relative; left:690px; top:-50px; width:290px; height:117px;}

#footer{clear:both; width:100%; text-align:center; position:relative; top:165px; color:#175725;}
#footerindex{clear:both; width:100%; text-align:center; position:relative; top:-10px; color:#175725;}
#footer a, #footerindex a{color:#175725; text-decoration:none; font-size:11px;}
#footer a:hover, #footerindex a:hover {text-decoration:underline;}


#anfahrt a{color:#175725; text-decoration:none; font-size:11px;}
#anfahrt a:hover {text-decoration:underline;}

.thumb{float:left; display:block; width:162px; text-decoration:none; margin-right:13px;}
.thumb img{float:left;}
.thumb .thumb_name{font-size:14px; color:#811620; float:left; font-weight:bold; text-decoration:none;}
.bilduntertitel{font-size:11px; color:#000; line-height:14px; display:block; float:left; clear:both;}
.hidden-images{display:none;}
#scrollnavigator{text-align:center; margin-top:20px;}

.mehrlink{float:right; font-size:11px;}
#content .mehrlink img{padding:0; margin:0;}

div.scrollable { 
     /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 520px; 
    height:305px; 
} 

div.scrollable div.items { 
    /* this cannot be too large */ 
    width:1925px; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}