*{
	margin:0px;
	padding:0px;
	font-family:verdana, "sans serif";
}

#text{        /* nur Texte mit div id="text" */
	padding-left:20px;
	padding-right:20px;
	
}

html,body{
	height:100%;
	width:100%;
	position:relative;
	font-size:8pt;
	background-color:#aaa;
	background-image:url('gfx3.jpg');
	background-attachment:fixed;
	background-repeat: repeat;
}
a:link,a:visited,a:hover {
	text-decoration:none;
	color:#000;
}
table{margin: 0 auto;} /* alle Tabellen zentriert */

#container{
	background-color:#fff;
    border:3px solid #800; /*Randbreite */
     /* border-right:4px solid #800; */ /*Randbreite rechts*/
     /* border-bottom:4px solid #800; */ /*Randbreite unten*/
	height:auto;
	width:980px;
	margin:auto;
	position:relative;
	overflow:hidden;
}

#head{    /************************************************************* HEAD ****************************/
	height:96px;
	width:100%;
	padding-left:0px;
	background-image:url(red2.jpg); /* passende Bildgröße ist 980x96 */
}
.logo-trans{ padding-top:15px;} /* transparentes Logo von DBS-Rheine links oben */
.edit a{                           /* -- für frontend_edit -- */
    color:yellow;
    font-size:17px;	
	float:left;
}
#greeting{         /* begrüßung nach tageszeit (droplet) */
       font-weight:bold;
       font-size:20px;
       color:#800;
}

#navi2{       /*navi2 = leiste unter head mit kontakt, impressum, sitemap, login*/
    color:#FFFFFF;
	padding-bottom:10px;
}
#navi2 ul{
        text-align:right;
	margin-right:5px;
}
#navi2 li{
        display:inline;
	list-style:none;
}
#navi2 a{
        color:#FFFFFF;
	font-weight:bold;
	padding-right:5px;
	padding-left:5px;
	border-right:1px solid;
}
#navi2 a:hover{
    border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;	
	background-color:#B22222;
}
#navi2 a.menu-current{
        border:1px solid;
        background-color:#B22222;
}                      /* end HEAD ****************************/

#o{          /* abgerundete ecken oben */
    background-image:url('o.jpg');
	height:10px;
}

#left{         /***********************************************ganze linke Seite****************************************/
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	width: 135px;
	float:left;
}
#navi{
	margin:0px; /*Naviabstand zum linken Rand*/
	width:135px;
	border-right:1px solid #800;
}
#navi ul li{
	list-style:none;
	color:#800;
}
#navi ul ul li {
        padding-left:5px;
        font-size:7pt;
  
}
#navi ul li a{
	display:block;
	padding:5px; /*Abstand zwischen den Men�punkten*/
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	font-weight:bold;
	color:#800;
}
#navi ul ul li a{
	display:block;
	padding:5px; /*Abstand zwischen den Men�punkten*/
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	font-weight:normal;
}
#navi a:hover{
	background-color:#ccc;
	border-bottom:1px solid #800;
	border-top:1px solid #800;
	color:#800;
}
#navi li .menu-current{
        background-color:#ccc;
	border-bottom:1px solid #800;
	border-top:1px solid #800;
	color:#660000;
}

#lastmodihead{
	font-size:7pt;
	color:#ffffff;
	background-color:#800;
	text-align:center;
	font-weight:bold;
	width:135px;
	margin-top:35px;
	margin-left:2px;
}
#lastmodi{
	padding-top:5px;
	padding-left:5px;
	font-size:7pt;
	font-weight:normal;
	border:1px solid #ccc;
	width:128px;
	margin-left:2px;
	background:url('images/grau2.png');
	height:auto;	
}
#lastmodi a{
	padding-left:0px;
	color:#2164AA;
	font-size:7pt;
	font-weight:normal;
}
#lastmodi a:hover{ text-decoration:underline;}

#neuigkeitenhead{
	font-size:7pt;
	color:#ffffff;
	background-color:#800;
	text-align:center;
	font-weight:bold;
	width:135px;
	margin-top:4px;
	margin-left:2px;
}
#neuigkeiten{
	padding-left:5px;
	padding-top:4px;
	font-size:7pt;
	font-weight:normal;
	border:1px solid #ccc;
	width:128px;
	margin-left:2px;
	background:url('images/grau2.png');	
}
.anynews a:hover{ text-decoration:underline;}
.anynews a{ color:#2164AA;}
.anynews {}

#suchehead{
	font-size:7pt;
	color:#ffffff;
	background-color:#800;
	text-align:center;
	font-weight:bold;
	width:135px;
	margin-top:4px;
	margin-left:2px;

}
#suche{ width:135px; margin-left:2px;}
#suche .textbox{ width:129px; margin-top:2px; margin-left:1px;}
#suche .button{ width:135px; argin-left:0px;} 
#suche .searchform{ width:135px;margin-bottom:60px;}
     /*Ende linke Seite**********************************/

#cont{                       /*************************************** Content ****************************************/
	margin-left:140px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:100px;
	margin-top:5px;
	min-height:650px;
	overflow:hidden;
}
#cont h1 {
	margin-left:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #333;
	color:#333;
}  

#hier {color:#666; font-size:7pt;padding-left:10px;margin-left:135px;margin-right:8px;idth:300px;}   /* Sie sind hier */
#hier a{color:#666;} 
#hier a:hover{text-decoration:underline;}                           /* end Content ********************/

#u{    /* angerundete ecken unten */
    background-image:url('u.jpg');
	height:10px;
	bottom:50px;
	position:absolute;
	width:100%;
}	
#foot{                  /*************************************** Footer *************************************************/
	clear: both;
	bottom:0px;
	position:absolute;
	width:100%;
	height:50px;
    color:#FFFFFF;
	text-align:center;
	background-image:url('red2.jpg');
}
#foot a{ color:#FFFFFF;}    /* end footer ******/

                       /* ************************************* SONSTIGES **************************** */
 
 /* Fuer Seite "wichtig"  und "bildergallerien" */
#aggwichtig {           
	border:0px solid blue;
	width:300px;
	padding-left:100px;
}
.aggregator h3{
	padding-top:5px;
	border: 0px solid gray;
	width:300px;
	padding-left:200px;
	font-size:14px;
	color:#B22222;
}
.aggregator h3:hover{color:blue;	border:0px solid gray;	font-size:14px;} 
/* ------------ */
.lb{margin-left:100px;}   /* zum Ausrichten der Lightbox-Gallerie (Hungermarsch2008) */
 /* Ende von wichtig */


#kollegium { margin-left:50px; }    /* Lehrerkollegium */
#kollegium hr{ color:#800; width:90%;}
        
#fragebogen{ margin-left:40px; margin-right:40px; padding:30px;  background-color:rgb(230,230,250);}  /* Lehrerfragebogen */

#abschluss {padding-left:100px;}

 /************************************************************************** WYSIWIG SLIDER ****************************/
 
.stripViewer { width: 830px; }  /* This is the viewing window */   
.stripViewer .panelContainer .panel { width: 830px; }  /* Each panel is arranged end-to-end */
.stripNav ul { min-width: 300px;	width: auto;}  /* set the with of nav links */


#schulprogramm{ margin-left:15px;  margin-right:15px; font-size:13px;}
#schulprogramm .ui-accordion-header a{color:#800;}

#schulordnung-abschnitte{ margin-left:10px;  margin-right:10px;}
#schulordnung-abschnitte h2{color:#666699;}
#schulordnung-abschnitte strong{color:#666699;}
#schulordnung-abschnitte .ui-state-active a{color:#800;}
#schulordnung-abschnitte .ui-state-default a, .ui-state-active a{font-size:13px;}

#schulsozialarbeit-abschnitte{ margin-left:10px;  margin-right:10px;}
#schulsozialarbeit-abschnitte .ui-state-active a{color:#800;}
#schulsozialarbeit-abschnitte  .ui-state-default a, .ui-state-active a{font-size:13px;}

#schulleben{margin-left:20px;  margin-right:20px; margin-top:50px;}
#schulleben .ui-state-active a{color:#800;}
#schulleben .ui-state-default a, .ui-state-active a{font-size:13px;}

#schulleben a:hover{text-decoration:underline;}

#suchergebnisse{ margin:20px;}
#suchergebnisse a:hover{ text-decoration:underline}
#suchergebnisse b{ color:#2164aa;}

/******************************************************************** N E W S  Modul **********************************/

#newstab{margin-left:35px;	margin-right:35px;}
#newstab .post_short font{color:#2164aa;}                     /*  weiterlesen >>  */
#newstab .post_short a{font-size:14px;}
#newstab .post_short a font{font-size:11px; ont-weight:bold;}
#newstab .anzahl-kommentare{color:#800;}
#newstab2{
    padding: 15px; 
    margin-left:25px;
	margin-right:25px;
	margin-top:25px;
	font-size:10pt;
	min-height:300px;
	height:auto;
	background-color: #F0F0F0;
}

#kommi{ margin-left:25px;	margin-right:25px;}
#kommi p{ font-size:16px;}
.comment_title, .comment_info {	border-top: 1px solid #DDDDDD;	background-color: #F0F0F0!important;}
.comment_info span{font-size:7pt!important;}

/***************************************************************************** FEEDBACK MODUL ***************/
.feedback{                  /* das ganze Div */
        width:80%;
		margin-left:60px!important;
		margin-top:50px!important;
}
.feedback_intro{margin-top:50px; margin-left:30px;}   /* bitte teilen sie uns ihre Meinung mit */
.feedback_intro a{font-weight:bold; color:#2164aa;}
.feedback_intro a:hover{text-decoration:underline;}
.feedback_intro {color:#666666;}

.fb_header{color:#2164aa;}
.fb_sender{color:#666666;}
.fb_title{color:#666666!important;}
.fb_intro{color:#2164aa;}
.fb_comment_header a{color:#800}
.fb_comment_header {color:#666666}


table#fb_id_table{width:100%!important;} 
/* table#fb_id_table {  width: 450px;} */

.fb_captcha_explain{text-align:center;padding-top:10px;padding-right:15px;font-size: 8pt;} 
td#captcha_display{
  padding-right: 5px;
  padding-bottom: 20px;
  vertical-align: top;
  width:20%!important;
}
td#captcha_display img{float:right;}
/* input#fb_id_captcha { idth: 200px; argin: 0 15px 0 0;} */
#fb_id_table td {vertical-align: middle;}

td#captcha_value {
  padding-top: 10px;
  padding-bottom: 20px;
   vertical-align: top;
 }                         /* end FEEDBACK ***** */

/************************************************************** S I T E M A P ************************************************/

#sitemap {padding:40px; background-color:#eee;}
#sitemap a:hover{text-decoration:underline;}
.sitemap {padding-left:40px;}
.sitemapcontent a{color:#2164aa; ont-weight:bold;  font-size:11px; }
.sitemapcontent a:hover{text-decoration:underline;}

/********************************************************************* DOWNLOADGALLERY ***************************************/

#downloads{ min-height:500px;  background-color:#eeeeee; margin:20px; padding:20px;}
#downloads .mod_download_gallery_th_f{background-color:#2164aa;} /* Hintergrundfarbe Kopfbereich */
#downloads .mod_download_gallery_th_f button{ color:#fff;} /* Schriftfarbe Kopfbereichs */
#downloads .mod_download_gallery_line_text_f {padding-left: 21px; color:#696969;} /* grauer Kurztext unterhalb Datei*/

/********************************************************************** KONTAKT ************************************************/

#kontakt{background-color:#eee; margin-top:20px;margin-left:40px;margin-right:40px;padding-bottom:40px;} /* Kontaktformular */
.captcha_expl{color:#666; font-weight:bold;}   /* Bitte Text hier eintragen */
#email{background-color:#eee; padding-top:20px;margin-left:40px;margin-right:40px;padding-bottom:40px;} /* weitere Email-Kontakte */
#email a:hover{text-decoration:underline;}

/********************************************************************** IMPRESSUM **********************************************/

#impressum{ margin-left:10px; margin-right:10px; margin-top:50px;}
#impressum h2{color:#666699;}
#impressum strong{color:#666699;}
#impressum .ui-state-default a, .ui-state-active a{font-size:13px;}
#impressum .ui-state-active a{color:#800;}
#impressum .ui-widget-content{margin:auto; min-height:500px; width:700px;}