/* DATEI: cms.css  */
/* hoppla.ch - Schulverlag */
/* (c) Intersim AG - Burgdorf */

/*--------------------------------------- Elemente ---------------------------------------*/
body {

	background-color:#b3dded;
	color: #000000;
	background-image:none;
	background-repeat: no-repeat;
	background-position: top center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:12px;
	

}


html { height: 100% } 
body { min-height: 101%; }

body, h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
	line-height:normal;				/* -- Achtung bei Fixpositionierten Texte -- */
}

p, table, td, th, ul, ol, select, textarea, input, textarea, form {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 1.4em;
}

p{
	padding:0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

input, button {
	vertical-align:middle;
}

pre {
	font-family:"Courier New", Courier, monospace;
	color: #000000;
}

address {
	font-style:italic;
}

img {
	border:0px none;
}

legend {color: #000000;}

hr {
	
	color: #6dcff6;
	border: 0px solid #6dcff6;
	background-color: #6dcff6;
	height: 1px;
	margin: 10px 0px 10px 0px;
}


ul {
	margin-left: -25px;
}

ol {
	margin-left: -25px;
}

/* --------- Titel im Hauptteil --------- */
h1	{
	font-size:24px;
	color: #000000;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 40px 0px;
	display:block;
	
}

h2 {

	font-size:14px;
	color: #000000;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

h3 {
	font-size:12px;
	color: #000000;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}

h4 {
	font-size:11px;
	color: #000000;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}

h5 {
	
}

h6 {
	
}

/*---------------------- Links ----------------------*/

/* Allgemein im Content-Bereich */
a:link    		{color: #f86362; background-color:transparent; text-decoration:none;}
a:visited 		{color: #f86362; background-color:transparent; text-decoration:none;}
a:hover   		{color: #f86362; background-color:transparent; text-decoration:underline;}
a:active  		{color: #f86362; background-color:transparent; text-decoration:none;}

/* Links bei Dokumenten-Suche */
a.doku:link		{color: #f86362; background-color:transparent; text-decoration:none;}
a.doku:visited	{color: #f86362; background-color:transparent; text-decoration:none;}
a.doku:hover	{color: #f86362; background-color:transparent; text-decoration:underline;}
a.doku:active	{color: #f86362; background-color:transparent; text-decoration:none;}



/*--------------------------------------- Classes ---------------------------------------*/

/*--------- Allgemeine ---------*/

/* Inhalt-Tabelle (Admin-Bereich, allg. Seiten) */
.contTable {
	padding-left:0px;
	color: #000000; 
}

.small { 
	font-size:9px;  
}

.bold {
    font-weight:bold;
}

/* Schaltfläche */
.bu { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color: #000000;
	
}

/*--------- Classes Admin-Bereich  ---------*/

/* Titel */
.AdminTabTitle {
	background-color:#ffffff;
	color: #000000;
	font-weight:bold;
}

/* Normale Zeile */
.AdminTabRowLight {
	color: #6dcff6;
	background-color:#Ffffff;
}

/* Alternative Zeile */
.AdminTabRowDark {
	color: #000000;
	background-color:#acacac;
}

/* Effekt-Zeile */
.AdminTabRowEffect {
	color: #000000;
	background-color:#b3dded;
}

/* Links in der Admin Titelzeile*/
a.AdminTabTitle:link, th.AdminTabTitle a:link    {color: #6dcff6; background-color:transparent; text-decoration:none;}
a.AdminTabTitle:visited, th.AdminTabTitle a:visited {color: #6dcff6; background-color:transparent; text-decoration:none;}
a.AdminTabTitle:hover, th.AdminTabTitle a:hover	{color: #6dcff6; background-color:transparent; text-decoration:underline;}
a.AdminTabTitle:active, th.AdminTabTitle a:active	{color: #6dcff6; background-color:transparent; text-decoration:none;} 

/*--------- Classes Teaser  ---------*/

.teaserEntry {
		
}


/* titel h1 */
.teaserTitle {
	
}

/* Inhalt-Div */
.teaserCont {
	
}

/* Inhalt-Div */


.tImageLink {
	
}

.tImage {

}
	

/* Mehr... nach Teaser Content */
a.tMoreLink  {
	
}

.tMore {

}

.tNewLink {

}

/* New! neben Teaser-Titel */
.tNew {

}



/*--------- Classes Content-Auflistung -------*/
/* Inhalt-Div */
.cContList {
	padding:0px 0px 0px 0px;
	margin:0px;
	width: 556px !important;
	width /**/:556px; /*ie5 hack*/
}



/* Inhaltkopf-Div */
.cContListHeader {
	margin:0px 0px 10px 0px;
}

/* Contlist title */
h1.cContListHeader {
	

}

/* Contlist title */
h2.cContListHeader {

}

.cContListHeaderCompact {
 display:block;
 font-weight:bold;
}

/* Inhalt-Div */
.cContListText {
	margin-top:10px;
	border:0px none; 
	height:auto; 
	width:auto;
	text-align:left;
	padding-left:0px;
}

/* Inhalt-Tab-Spalte1 */
.cContListTextCol1 {
	vertical-align:top; 
	height:auto; 
	text-align:left;
	margin: 0px 0px 0px 0px;
}

/* Inhalt-Tab-Spalte2 */
.cContListTextCol2 {
	vertical-align:top; 
	height:auto; 
	text-align:left;
	margin: 0px 0px 0px 0px;
}

/* Inhaltfuss-Div */
.cContListFooter {
	clear:both;
	height:20px;
}

.cContListImageLink {
	float:left;
	text-align:center;
}

.cContListImage {
	float:left;
	margin:0px 5px 0px 0px;
}


/* Mehr... */
a.cMoreLink {
	color: #6dcff6;
	font-weight: bold;
	cursor:pointer;
	background-color:transparent;
	float: right;
}

a.cMoreLink:hover {
	color:#b3dded;
}

/* Mehr... */
.cMore {
	

}

.cNewLink {
}

/* Neu! */
.cNew {
	float:right;
	background-color: transparent;
	color:#6dcff6;
	font-size:9px;
	font-weight:bold;
	padding:0px 1px 0px 1px;
	margin:0px 3px 0px 3px;
	text-decoration:none;
	text-transform:uppercase;
	cursor:pointer;
}




/*--------------------------------------- DIV's ---------------------------------------*/

#divContainer /* umschliessendes DIV damit das Design zentriert werden kann */
{
	text-align: left; /* Seiteninhalt wieder links ausrichten */
	margin: 0 auto; /* standardkonforme horizontale Zentrierung */
	height: 100%;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
	clear: both;
	width:950px;
	z-index:3;
	position: relative;
	


}


/*--------- Main DIV's ---------*/
#divTop {	
	position: relative;
	background-image: url(images/bg_divTop.gif);
	background-repeat: no-repeat;
	background-position: top center;
	width:950px;
	height:155px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	z-index:2;

	
}

#divMiddle {
	position: relative;
	background-image: url(images/bg_divMiddle.gif);
	background-repeat: repeat-y;
	background-position: top center;
	width:950px;
	height:100%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	z-index:1;
	
}

#divBottom {
	position: relative;
	background-image: url(images/bg_divBottom.gif);
	background-repeat: no-repeat;
	background-position: top center;
	width:950px;
	height:10px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	z-index:0;
	
}

#divBottom table {
	border-collapse: collapse;
	border-spacing: 2px 2px;
}

/*--------- Top DIV's ---------*/
#divHead {				
	position: absolute;
	top:30px;
	left: 0px;			
	background-color:transparent;
	height:70px;
	width:267px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	z-index:1;
}

#divTopnav {	
	position: absolute;
	top: 101px;
	left: 0px;
	background-image:none;
	background-position: top center;
	height: 52px;
	width: 950px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	z-index:10;
}



#divSearch {
display:none;
}

.SearchInputField {
	
}



.SearchButton {
	
}

.SearchButton:hover {
	cursor: pointer;
}

.searchField{
	
}

.searchTitle {
	
}

/*--------- Middle DIV's ---------*/
#divMenu {
	position:absolute;
	top:0px;
	left:0px;
	background-image: url(images/bg_mnu.gif);
	background-repeat: no-repeat;
	width:180px;
	height:486px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:transparent;
	font-size: 12px;
	z-index:2;
}

#divMenuTop{
	display:none;
}

#divMenuMiddle { 
	width:180px;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-spacing: 0px;
}

#divMenuBottom {
	display:none;

}

#divPrintview {
display: none;
}

#divContentContainer {
	position:absolute;
	top:0px;
	left:201px;
	width: 674px !important;
	width /**/:674px; /*ie5 hack*/
	height:auto;
	background-color: transparent;
	text-align:left;
	z-index:100;
	padding:0px 0px 0px 0px;


}

#divContentTop {
	
			
}

#divContent {
	margin:10px 0px 20px 119px;
	padding:0px 0px 0px 0px;
	position:relative;
	
			
}

#divContentAdmin {
width: 555px;	
}

#divContentBottom {
	
			
}


#divTeaser {
	display:none;
}

#divTeaserTop {
	display:none;
}

#divTeaserBottom {
	display:none;
}

#divApp1 
{	
display:none;

}

#divApp2 
{
display:none;
}



/*--------------------------------------- Module ---------------------------------------*/

/*--------- .NET ---------*/
.body_aspnet {									/* .net iframe im Content */
		
	background-color:#ffffff;
	color: #000000;
	padding:0px;
	margin:0px;
	font-size:11px;
		font-family: Arial, Helvetica, sans-serif; 

} 

span {											/* .net-generierte span */
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
	font-style:normal;  
	font-weight:normal;
	color: #000000; 	
}

.status {										/* error + allg. Meldungen */
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;  
	font-weight:bold;
	color:#CC0000; 	
}


/*--------- Mehrspaltige News-Anzeige  ---------*/

.colviewListHeader {
	font-weight:bold;
	padding: 0px 0px 0px 0px;
	margin-bottom:5px;
	font-size:10px;  	
}

.cColview {
   font-size:10px;  
   text-align: justify;
   margin: 0px 0px 10px 0px;
}

.cColviewCompact {
   font-size:10px; 
   text-align: left;
}


/*-- Reiter Navigationen (News Modul; Glossary Modul, ...) --*/

.nlglNav {
	font-weight:normal;
	font-size:11px;
	padding:2px 3px 5px 3px;
	border-left:1px solid #6dcff6;	
	border-bottom:1px solid #6dcff6;
	text-align:center;
}

.nlglNavSel {
	font-weight:bold;
	color: #000000;
	background-color:#b3dded;
	font-size:11px;
	padding:2px 3px 5px 3px;
	border-left:1px solid #6dcff6;	
	border-bottom:1px solid #6dcff6;
	text-align:center;
}

.nlglNavNotAvailable {
	font-weight:normal;
	color:#6dcff6;
	font-size:11px;
	padding:2px 3px 5px 3px;
	border-left:1px solid #b3dded;	
	border-bottom:1px solid #b3dded;
	text-align:center;
}

.nlglNavHeader {
	font-size:11px;
	color: #000000;
	font-weight:bold;
	border-bottom: 1px solid #6dcff6;
	margin:0px;
	padding:0px 0px 3px 0px;
	background-repeat:no-repeat;
}

.nlglListHeader {
	font-weight:bold;
	padding:3px 0px 3px 0px;
	margin:0px;
}

.nlglListText {
	vertical-align:top;
	padding: 0px 0px 12px 0px;
}

.nlglListCompact {
	padding:10px 0px 0px 0px;
}

.nlglListCompactDate {
	padding:10px 0px 0px 0px;
	font-weight:bold;
}


td.nlglNav a:link, td.nlglNavSel a:link, td.nlglListHeader a:link, td.nlglListCompact a:link, td.nlglListCompactDate a:link 				{color: #000000; background-color:transparent; text-decoration:none;}
td.nlglNav a:visited, td.nlglNavSel a:visited,  td.nlglListHeader a:visited, td.nlglListCompact a:visited, td.nlglListCompactDate a:visited {color: #000000; background-color:transparent; text-decoration:none;}
td.nlglNav a:hover, td.nlglNavSel a:hover, td.nlglListHeader a:hover, td.nlglListCompact a:hover, td.nlglListCompactDate a:hover			{color: #6dcff6; background-color:transparent; text-decoration:none;}
td.nlglNav a:active, td.nlglNavSel a:active, td.nlglListHeader a:active, td.nlglListCompact a:active, td.nlglListCompactDate a:active 		{color: #000000; background-color:transparent; text-decoration:none;}

/*--------- Polling ---------*/
div.teaserCont form {
	padding:0px;
	margin:0px 0px 0px 6px;
	border:0px;
}

form p.pTeaserCont span.tMore {
	float:none;
	padding-left:10px;
}

table.polling {
	border-collapse:collapse;
}

table.polling td {
	margin:0px;
	padding:3px;
	border:1px solid #000000;
}



/*--------------------------------------- Design-spezifisch ---------------------------------------*/


/* Top Navigation */
a.topNav:link		{color: #000000; background-color:transparent; text-decoration:none;}
a.topNav:visited	{color: #000000; background-color:transparent; text-decoration:none;}
a.topNav:hover		{color: #6dcff6; background-color:transparent; text-decoration:none;}
a.topNav:active		{color: #000000; background-color:transparent; text-decoration:none;}

 

/* Design-Detail Admin-Bereich */
.top_adminTeaser {
	position:absolute;
	top:155px;
	left:900px;
	z-index:101;
}

/* Class Copyright-Text (TeaserBottom.inc.asp) */
.Copyright {
	text-align:left;
	font-size:9px;
	
}

/* Link auf Copyright-Text (TeaserBottom.inc.asp) */
a.pCopyright:link		{color: #ffffff; background-color:transparent; text-decoration:none;}
a.pCopyright:visited	{color: #ffffff; background-color:transparent; text-decoration:none;}
a.pCopyright:hover		{color: #ffffff; background-color:transparent; text-decoration:underline;}
a.pCopyright:active		{color: #ffffff; background-color:transparent; text-decoration:none;}