@charset "UTF-8";

@media screen

{

 /**
  * @section browser reset
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  */
  
  * { margin:0; padding: 0; }
  option { padding-left: 0.4em; }
  * html body * { overflow:visible; } 
	* {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}  
		
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }
  html { height: 100%; margin-bottom: 1px; }
  body {
	font-size: 100.01%;
	background-color: #eee;
	color: #333;
    background: #eee;
    text-align: left;
  }
  fieldset, img { border: 0 solid; }
  ul, ol, dl { margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em; }
  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }
  blockquote { margin: 0 0 1em 1.5em; }
  
 /*------------------------------------------------------------------------------------------------------*/

/**
Barrierefreiheit Topnavigation fr Screenreader
*/

#topnav { 
	text-align: right;
	top: 10px;
	right: 10px;
}


  
/**
  * @section hidden elements | Versteckte Elemente
  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
  *
  * (en) skip links and hidden content
  * (de) Skip-Links und versteckte Inhalte
  */

  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen fr unsichtbare Elemente im Basislayout */
  .skip, .hideme, .print {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
  }

  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links fr Tab-Navigation sichtbar schalten */
  .skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
  }  

 /*------------------------------------------------------------------------------------------------------*/  
  


 /*------------------------------------------------------------------------------------------------------*/

	
			

 /*------------------------------------------------------------------------------------------------------*/
 
 div .copyright {
	display:none;
 }
 
 
 .news_overview_hl {
	color: #006699;
	font-size: 14px;
	font-weight:bold;
}
.news_overview_shl {
	font-size: 12px;
	color: #006699;
	font-weight:bold;
}

.news_overview_hr {
	color:#0AE; 
	background-color:#0AE; 
	height:1px; 
	margin-right:0; 
	text-align:right; 
	border: none;
	margin: 2px 0 6px 0;
}

.news_article_hl {
	color: #006699;
	font-size: 14px;
	font-weight:bold;
}

.news_article_hl a{
	color: #006699;
	font-size: 14px;
	text-decoration: none;
}

.news_article_hl a:hover{
	color: #999;
}

.news_article_big_hl {
	color: #006699;
	font-size: 17px;
	font-weight:bold;
}

.news_article_big_hl a{
	color: #006699;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
}

.news_article_big_hl a:hover{
	color: #999;
	font-weight: bold;
}

.newsdate {
	text-align:right;
	color:#999;
	font-size:11px;
	
}

.archivedate {
	color:#999;
	font-size:11px;	
}



.news_article_shl {
	font-size: 13px;
	color: #006699;
	font-weight:bold;
}

.news_article_shl a{
	color: #006699;
	font-size: 13px;
	text-decoration: none;
}

.news_article_shl a:hover{
	color: #999;
}

hr {
	color: #006699; 
}

#seitenblaettern { margin: 10px 0; }
#seitenblaettern p { padding: 5px; margin: 0; }
#seitenblaettern .nav { padding: 5px; text-align:center; }
#seitenblaettern .nav a { padding: 0 5px; border: 1px #006699 solid; margin-right: 2px; }
#seitenblaettern .nav a.highlight { color: #000; font-weight: bold; }

#prevText, #nextText {
	visibility:hidden;
}

.kasten {
	background-color:#CCC;
	width: 100%;
}

.kastenweiss {
	background-color:#FF;
	width: 100%;
}

.kastentext {
	padding: 5px;
}

.kastentext p {
	padding: 5px;
	text-align: justify;
}


.kastenbildrechts img {
	width: 120px;
}

.haupttext p {
	text-align: justify;
}

.spacer3 {
	padding-top: 3px;
}

.spacer5 {
	padding-top: 5px;
}

.spacer10 {
	padding-top: 10px;
}

.spacer15 {
	padding-top: 15px;
}

.hauptbild img {
	padding-top: 20px;
	padding-left: 5px;
	max-width: 480px;
}
 
 
.layer_cat {
	margin: 6px 6px 0 0;
	width: 155px;
	float:left;
	background:transparent url(../images/gradient.gif) repeat-x;	
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 2px ridge #ccc;
	border-bottom: 2px ridge #ccc;
}



.layer_cat_icon {
	width: 40px;
	height: 35px;
	overflow: hidden;
	vertical-align: middle;
	float: left;
	margin: 0px auto;
}

.layer_cat_icon img {
	height: 35px;
	margin: auto;
	border: 0;
}

.layer_cat_title {
	width: 95px;
	float:left;
	height: 35px;
	vertical-align:middle;
	text-align:center;
	margin: auto 0;
}

a.layer_cat_icon { display:block; text-align:center; height: 35px; text-decoration:none; 
	padding: 0 auto; color:#006699; font-weight:bold;}

a.layer_cat_icon:link    { color:#006699;  }
a.layer_cat_icon:visited { color:#006699; }
a.layer_cat_icon:hover   { color:#006699;}
a.layer_cat_icon:active  { color:#006699;  }


a.layer_box_cats { display:block; text-align:center; height: 35px; width:16ex; text-decoration:none; 
	padding: 0 auto; color:#006699; font-weight:bold; display: table-cell;  vertical-align: middle ;}

a.layer_box_cats:link    { color:#006699;  }
a.layer_box_cats:visited { color:#006699; }
a.layer_box_cats:hover   { color:#999999;}
a.layer_box_cats:active  { color:#006699;  }

a.active:link    { color:#e2007a; }
a.active:visited { color:#e2007a; }
a.active:hover   { color:#e2007a; }
a.active:active  { color:#e2007a; }
 /* End media screen */
}



@media print {

	* {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		} 

	body {
		font-size: 100.01%;
		background-color: white !important;
		background-image: none !important;
		color:black;
	  }

	 h1[id]:after, h2[id]:after, h3[id]:after, h4[id]:after, h5[id]:after, h6[id]:after, {
		content:" [#"attr(id)"]";
		color:#888;
		background-color:inherit;
		font-style:italic;
		size:80%;
	}   
	 
	#page {
	width: 100%;
	margin: 0em auto;
	padding: 0px;
	border: 0px;
}
	 
	 
	 
	.content a:link:after,
	.content a:visited:after {
		content: " ("attr(href)")";
		color:#888;
		background-color:inherit;
		font-style:italic;
		font-size: 90%;}
 
	.content a[href^="/"]:after {
		content: "(http://www.digitallernen.de" attr(href)")"; }

	 *[name]:after {
		content:" [#"attr(name)"]";
		color:#888;
		background-color:inherit;
		font-style:italic;
		size:80%;
	} 
	
	 *[title]:after {
	content:" ("attr(title)")";
	color:#888;
	background-color:inherit;
	font-style:italic;
	size:80%;
	} 
	
	 img[alt]:after {
	content:"\A ("attr(alt)")";
	} 
	
	img,
	img a:link,
	img a:visited{
            border-bottom:1px solid #C30099;
            margin-right:12px;}
	
	#header  {
		display:none;
	}
	
	#header_safe  {
		display:none;
	}
	
	#advertiser {
		display:none;
	}
	
	#right {
		display:none;
	}
	
	#footer{
		display:none;
	}
	
	#secondMenu{
		display:none;
	}
	
	#content {
	margin: 10px 200px 10px 25px;
	width:95%;
	}


	.nonprint{		
		display:none;
	}
	
	img {
		border: none;
	}
	
	div .copyright {
		display:block;
		text-align: center;
		font-size:10px;
	}
 
 .news_overview_hl {
	color: #006699;
	font-size: 14px;
	font-weight:bold;
}
.news_overview_shl {
	font-size: 12px;
	color: #006699;
	font-weight:bold;
}

.news_article_hl {
	color: #006699;
	font-size: 13px;
	font-weight:bold;
}
.news_article_shl {
	font-size: 13px;
	color: #006699;
	font-weight:bold;
}



hr {
	color: #006699; 
}

#seitenblaettern { margin: 10px 0; }
#seitenblaettern p { padding: 5px; margin: 0; }
#seitenblaettern .nav { padding: 5px; text-align:center; }
#seitenblaettern .nav a { padding: 0 5px; border: 1px #006699 solid; margin-right: 2px; }
#seitenblaettern .nav a.highlight { color: #000; font-weight: bold; }

#prevText, #nextText {
	visibility:hidden;
}

.kasten {
	background-color:#CCC;
	width: 100%;
}

.kastentext {
	padding: 5px;
}

.kastentext p {
	padding: 5px;
	text-align: justify;
}



.kastenbildrechts img {
	width: 120px;
}

.haupttext {
	margin-top: 10px;
}

.haupttext p {
	text-align: justify;
	padding-top: 15px;
}

.hauptbild img {
	padding-top: 20px;
	padding-left: 5px;
	max-width: 480px;
}
 
}