@charset "utf-8";
/* CSS Document */



/*General styles
----------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}

body {
	background-color:#e5e5e5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#333;
}



a{
	text-decoration:none;
	color: #CB1009; 
	border:0;
}

a:hover{
	color: #CB1009; 
	text-decoration:underline;
	border:0;
}

img {
	border:0;
}

img.float_right {
	float:right;
}

h1{
	margin-top:5px;
	margin-bottom:10px;
	font-size:1.5em;
/*	color:#414c4c; */
}
h2{
	margin-top:10px;
	margin-bottom:3px;
	font-size:1.25em;
/*	color:#1e2424; */
}
h3{
	margin-top:5px;
	margin-bottom:2px;
	font-size:1.15em;
/*	color:#1e2424; */
}
/*
p{
	font-size:1.1em;
	line-height:1.4em;
}
*/



/*Fonts
------------------------------------------------------------------------------------*/

#home_topsites_title h3{
	color:#FFFFFF;
	font-weight:normal;
	padding-left:4px;
	padding-top:3px;
}



#home_topsites_content a:hover{
	color:#CA5937;
}


#navigation{
	font-size:1.1em;   /* zema */
}

#header_font_resize #smallFont{
	font-size:1.0em;
}

#header_font_resize #middleFont{
	font-size:1.2em;
}

#header_font_resize #bigFont{
	font-size:1.6em;
}

#underfooter a{
	color:#666666;
	text-decoration:none;
}
#underfooter a:hover{
	color:#000000;
}




/*elementary site styles
--------------------------------------------------------------------------------------*/
#white_background{
	background-color:white;
	height:80px;
}

#antrazit_background{
	background-color:#354242;
	height:190px;
	background-image:url('http://www.daegerlen.ch/theme/daegerlen_v4/img/header_stripe.png');
	background-repeat:repeat-x;
}

#site_container {
	width:920px;
	position:relative;
	top:-270px;
	margin:auto;
	
}

#header{
	height:80px;
	width:920px;
	background-image:url('http://www.daegerlen.ch/theme/daegerlen_v4/img/top.png');
}

/*
#header_font_resize{
	position:absolute;
	left:10px;
	top:10px;
	display:none;
}

#header_font_resize a{
	color:#1b6641;
}

#header_font_resize a:hover{
	color:#000000;
}
*/


#header_links{
	position:absolute;
	top:20px;
	left:760px;
}

#header_links a{
	color:#1b6641;
	padding-left:5px;
	text-decoration:none;
}

#header_links a:hover{
	color:#CA5937;
}


#header_rotator .img_line{
	height:1px;
	width:901px;
	background-color:#354242;
	margin-left:6px;
}

#header_rotator{
	height:190px;
	background-image:url('http://www.daegerlen.ch/theme/daegerlen_v4/img/onepxantrazit.png');
}

#header_rotator #rotator {
	position:relative;
	height:188px;
	margin-left:6px;
}

#header_rotator #rotator ul li {
	float:left;
	position:absolute;
	list-style:none;
}
	
#header_rotator #rotator ul li img {
	background: #FFF;
}

#header_rotator #rotator ul li.show {
	z-index:500;
}

#content {
	background:url('http://www.daegerlen.ch/theme/daegerlen_v4/img/onepxnav.png');
	min-height:300px;
}

#footer{
	background:url('http://www.daegerlen.ch/theme/daegerlen_v4/img/footer.png');
	width:920px;
	height:16px;
}



/*Navigation
------------------------------------------------------------------------------*/

#navigation{
	/*position:relative;*/
	margin-left:6px;    
	padding-top:30px;
	margin-bottom:30px;
/*	width:200px; */
	min-height:500px; 
 	float:left;  
	position:relative;  /*  zema: das hat geholfen beim maps-problem (nur bei positionierten elem. kann man z-index setzen  */
	z-index:600;   /* es war hier 10000 */
/*	border-bottom:1px solid #58ac82; */ /* hellgrün */
}

#navigation ul{
   position:relative;
   padding:0;
   margin:0;
   list-style-type:none;  
   width:200px;    
}


#navigation li{
    background: #71bd94 ;   /* anstatt hell grau background #d4d8bd; */
   /*for IE7 */
  display:inline-block;       /* 1.2.2011: geht jetzt zema .... !! (bis jetzt ging nur display:inline)wichtigste regel für accessibles aufklappen !!! zema*/
  position:relative;      /* nur beim block oder inline-block wirksam*/ 
/* 	margin:0; padding:0; */ 
}
 

/* style the links */
#navigation  a, #navigation  a:visited {
  display:block; 
  text-decoration:none;
  height:24px;          /* anstatt 29 = 30-1 */
  line-height:24px;      /* anstatt 29 = 30-1 */
   width:200px;   
  color:#000;
  text-indent:5px;
  /*border:1px solid #fff; */
  /* border-top:1px solid #58ac82; zhaw*/
  border:1px solid #58ac82;           /* border dunkelgrün anstatt weiss #fff*/
  /* border-width:0px 1px 1px 1px; 	 */
  border-width:1px 0px 0px 0px;    /* ... zema ... ohne rand links/rechts/unten
  /*padding:5px 10px;*/
}

#navigation  ul ul a, #navigation  ul ul a:visited {  
	color:#000; background:#92c8a8;                        
}

#navigation li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
#navigation a:active, #navigation a:focus {color:#CB1009; background:#92c8a8;} 

/* retain the hover colors for each sublevel IE7 and Firefox etc */
#navigation  li:hover > a {color:#CB1009; background:#92c8a8;  }   
 
 /* retain the hover colors for each sublevel IE7 and Firefox etc */
#navigation  ul ul li:hover > a {
	color:#CB1009; background:#92c8a8; 
	z-index:601;       /* es war hier 1001: doppelpunkt */
}  
 
 /* hide the sub levels and give them a position absolute so that they take up no room */
#navigation   li ul {
  display:none;
}


/* for browsers that understand this is all you need for the flyouts */
#navigation   li:hover   ul {  /* 1.2.2011: anstatt #navigation   li:hover  > ul */
	display:block;
	z-index:600;   /* es war hier 1000 */
        position:absolute;  
        top:0px;
  /* set up the overlap (minus the overrun) */
  left:190px;  /* ....zema .... anstatt 150px */ 
  /* set up the overrun area */
  padding: 0px 0px 0px 5px;					/* anstatt  padding:30px;	 */
  /* this is for IE to make it interpret the overrrun padding */
  background:transparent url(http://www.daegerlen.ch/theme/daegerlen_v4/img/transparent1x1px.gif);   /*   ??? zema 26.1.2011*/
  	z-index:600;   /* es war hier 1000 */
}

/* ...zema 2011.... die nachfolgende 2 Regel bewirken die Integration des aufgeklappten menus */
#navigation ul  li.navigationActive  ul{   /* 1.2.2011: anstatt: #navigation ul > li.navigationActive > ul */
	display: block;
	position: relative;
	top:0px;
	left:0px;
	z-index:300;
	  padding: 0px 0px 0px 0px;
}

#navigation ul   li.navigationActive   ul a { /* 1.2.2011: anstatt: #navigation ul > li.navigationActive > ul a */
	text-indent:15px;
/*	display:block; */  /* geht auch ohne */ 
}
/*...................................*/

#navigation ul > li.navigationActive >a{  /* 1.2.2011 wichtig so lassen */
	font-weight:bold; 	
	color:#900  /* rote farbe (früher : #b00;)*/
}

#navigation li.navigationInActive{
	font-weight:normal;
}

#navigation li.navigationActive li.navigationActive a{
	font-weight:bold; 	
	color:#900  /* rote farbe (früher : #b00;)*/
}


/* ---------------------- original PA: probleme Explorer 7 
#navigation{
	margin-left:6px;
	padding-top:30px;
	margin-bottom:30px;
	width:200px;
	float:left;
	border-bottom:1px solid #58ac82;
}

#navigation a {
	color:#000000;
	text-decoration:none;
}

#navigation a:hover {
	color: #CB1009; 
	text-decoration:none;
}

#navigation li.navigationActive{
	font-weight:bold;
	
}

#navigation li.navigationInActive{
	font-weight:normal;
	
}

#navigation ul{
	list-style:none;
	
}

#navigation ul li{
	border-top:1px solid #58ac82;
	position:relative;
}

#navigation ul li a{
	display:block;
	padding:10px;
}

#navigation ul li a:hover{
	background-color:#92c8a8;	
}

#navigation ul ul {
	position:absolute;
	top:0;
	left:100%;
	width:100%;
	display: none;
	z-index:500;
}

#navigation ul li:hover ul{  
	display:block;
}

#navigation ul li ul li{
	background-color:#92c8a8;
	border:0;
}

#navigation ul li ul li a{
	padding:10px;
}

#navigation ul li ul li a:hover{
	background-color:#b1d8bf;
}


*/


/*Content
-------------------------------------------------------------------------------*/
#dynamic_content{
	font-size:1.1em;
	line-height:1.4em;
}

#dynamic_content a:hover{
	color:#CA5937;
}


#dynamic_content ul li{
	margin-left:15px;
}

#dynamic_content{
	margin-right:15px;
	width:645px;
	padding-left:30px;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:15px;
	//float:right;    /* zem 2020 ohne navi*/
	overflow:hidden;
}



#home_container{
	width:460px;
	float:left;
	margin-bottom:40px;
}

#home_text{
	
}



#home_topsites{
	float:right;
	margin-right:20px;
	margin-top:13px;
}

#home_topsites_title{
	width:140px;
	height:24px;
	background-image:url('http://www.daegerlen.ch/theme/daegerlen_v4/img/topsites.png');
}

#home_topsites_content{
	width:138px;
	height:140px;
	border:1px solid #354343;
	margin-top:1px;
	margin-bottom:40px;
	
}
#home_topsites_content ul li{
	list-style-type:none;
	padding-top:8px;
	margin-left:10px;
}

#home_news{
	clear:both;
	margin-right:20px;
	padding-top:20px;
	border-top:#666 1px solid;
}




/* table formats
-------------------------------------------------------------------------------------*/
#dynamic_content .line{
	background-color:#CCCCCC;
	height:4px;
}

#dynamic_content .line_small{
	background-color:#CCCCCC;
	height:1px;
}

#dynamic_content .spacing{
	height:20px;
}

#dynamic_content .spacing_small{
	height:10px;
}




/* other stuff
-------------------------------------------------------------------------------------*/

/*
#search{
	margin-top:10px;
	width:888px;
	text-align:right;
}*/

/*Google Search */
#cse {
	min-height:200px;
}

#cse form input{
	height:20px;
}

#search label{
	color:#1b6641;
	font-weight:bold;
}

#copyright {
	color:#666666;
	margin-right:25px;
	float:right;
}

#login{
	margin-left:20px;
	float:left;
}

#verwaltung {
	text-align:center;
}

.clear {
	clear:both;
}



#dynamic_content #map_canvas{
	position:relative;
	height:400px;
	width:100%;
 	z-index:1;  /*  zema: das hat geholfen beim maps-problem (nur bei positionierten elem. kann man z-index setzen  */
}


/*agenda
-----------------------------------------------------------------------------------------------*/
/* Table für Veranstaltungen */

#agenda table{
	border:1px solid #666;   
	border-spacing:0;
	border-collapse:collapse;
	width:100%;
}


#agenda tr.gerade td {
	background-color:#eee;
}

#agenda tr.ungerade td {
	background-color:#ccc;
}

#agenda th {
	text-allign:left;
	padding-left:2px;
	padding-right:2px;
	background-color:#aaa;
}

#agenda td {
	text-allign:left;
	padding-left:2px;
	padding-right:2px;
}

#agenda .titel {
	font-weight:400;
	color:#800040;
}

/* neuformatierung zema 
#agenda table{
	border:1px solid #666;   
	border-spacing:0;
	border-collapse:collapse;
	width:100%;
	margin-bottom:15px;
}

#agenda table tr td{
	background-color:#f0f0f0;
	padding:1px, 5px;
	padding-left:5px;

}

#agenda table tr td.leftColumn{
	width:130px;
	font-weight:400;
	background-color:#FAFCB6;   
	padding-left:5px; 
} 
*/
/* ............... Original PA 
#agenda table{
	border-bottom:1px solid #666; */  /* grey -> 666 */
/*	border-spacing:0;
	width:100%;
	margin-bottom:15px;
}

#agenda table tr td{
	background-color:#f0f0f0;
	padding:5px;
	border-top:1px solid #666;
}

#agenda table tr td.leftColumn{
	width:150px;
	font-weight:bold;
	background-color:#FFCC66;  
} */


/* classes which we add with jquery
----------------------------------------------------------------------------------*/
.divHighlight{
	cursor:pointer;
	border:3px dashed #666;
	background:#F0F0F0;
	
}




/*Gallery styles
---------------------------------------------------------------------------------*/
.gallery {
	list-style: none;
}
.gallery li {
	padding: 10px;
	margin: 0;
	float: left;
	position: relative;
	width: 130px;
	height: 160px;
}
.gallery li:hover img {
	border-color: #000;
	background: #ddd;
}
.gallery img {
	background: #fff;
	border: solid 1px #888;
	padding: 5px;
}
.gallery em {
	color: #000;
	font-style: italic;
	padding: 2px 5px;
	display: block;
	position: absolute;
	top: 140px;
	left: 9px;
}
.gallery em-pdf {
	color: #666;
	font-style: normal;
	font-size: 10px;
	padding: 3px 7px;
	display: block;
	position: absolute;
	top: 118px;
	left: 9px;
}
.gallery a {
	text-decoration: none;
}
.gallery a:hover em {
	color: #666;
}

#page_nav {
	color: #999;
	clear:both;
	text-align: center;
}

.backlink a {
	font-size: 10px;
	text-decoration: none;
	color: #AAA;
}

#breadcrumb_nav {
	color: #999;
}
#breadcrumb_nav a:link, #breadcrumb_nav a:visited, #breadcrumb_nav a:hover, #breadcrumb_nav a:visited:hover {
	text-decoration: none;
	color: #CB1009;
}

#breadcrumb_nav  a:hover, #breadcrumb_nav a:visited:hover {
	text-decoration: none;
	color: #222;
}

#container {
	overflow: auto;
	width: 100%
}

.hidden {
	visibility: hidden;
	position:absolute;
	top:0;
	left:0;
	display:inline;
}

#contentnewsline{
	color:#666;
}


/* news
--------------------------------------------------------------------*/
.news h3{
	display:inline;
}
.news h2{
	display:inline;
}
.news{
	margin-bottom:20px;
	margin-right:10px;
}
.dateNews{
	color:#666;
	text-transform:uppercase;
	font-size:0.9em;
	margin-top:5px;
}

.news .newsElement{
	border-bottom:1px solid #666;
	background-color:#f0f0f0;
	padding:10px;
}

.news .newsTitle{
	padding-bottom:5px;
	padding-top:20px;
	border-bottom:1px solid #666;
}

.news .newsText{
	padding-bottom:5px;
	padding-top:2px;
}

.news .newsFoto{
	float:left;
	padding:5px 5px 5px 0;
}

.news .newsFile{
	font-style:italic;
}

/*online schalter
--------------------------------------------------------------------*/
.onlineSchalter ul li{
	list-style-type:none;
	padding-bottom:5px;
}

.onlineSchalter table tr td{
	padding:2px, 10px;
	
}
.onlineSchalter table{
	border:1px solid #666;
	margin-top:5px;
	margin-bottom:5px;
	table-layout:fixed;
	overflow:hidden;
}
/*general styles
--------------------------------------------------------------------*/
.help{
	
}

.tblStandardOut{
	
}
table.tblStandardOut{
	width:100%;
	border-spacing:0;
    border-bottom:1px solid #666;   /* grey funktioniert nicht in Explorer --> #666  */
    border-collapse: collapse;      /* für Explorer   : http://www.visakopu.net/misc/table-border-css/ */
}
table.tblStandardOut tr td{
	padding:10px;
	border-top:1px solid #666;
}
table.tblStandardOut .leftrow, table.tblStandardOut .rightrow{
	background-color:#f0f0f0;
	vertical-align:text-top;
}
table.tblStandardOut .tblImage{
	background-color:#f0f0f0;
}
table.tblStandardOut .tblImage img{
	border:1px solid #666;
}

td.tblZebra{
	background-color:#000000;
}

table.tblBusinessHours{
	padding:0;
	margin:0;
	border-spacing:0;
	border-bottom:1px solid #666;
    border-collapse: collapse;      /* für Explorer   : http://www.visakopu.net/misc/table-border-css/ */
}
table.tblBusinessHours tr td{
	border-top:solid 1px #666;
	padding:5px;
}


table.tblContact{
	background-color:#f0f0f0;
	border:1px solid #666;
	margin-top:10px;
	margin-bottom:10px;
    border-collapse: collapse;      /* für Explorer   : http://www.visakopu.net/misc/table-border-css/ */
}
table.tblContact tr td{
	padding:7px;
}

ul.ulAddress li{
	list-style-type:none;
	padding-bottom:5px;
}




/* editable area Bildung */
div#schulen_text, div#geschichte_text, div#portrait_text, div#home_text {
	diplay:block;
	position:relative;  /* damit man drinnen absolut positionierte divs (Layers) mit tiny_mce definieren kann */	
}

div#schulen_text ul{
   list-style-type:square;
}

/* table formats
--------------------------------------------------------------------*/
/*
table h3{
	margin:0;
}
table tr .news{
	padding-top:10px;
}
*/