/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/

@import "./reset-fonts-grids.css";

@media all{
	body{
		font-family: Verdana, sans-serif;
		color: #000;
		font-size: 12px;
	}
	#doc{
		background: #fff;
	}
	
	#ft{
		font-size: 10px;
		border-bottom:1px solid #aaa;
		padding:0px 5px 5px 0px;
		text-align:right;
	}
	h1 {
		/*18px via YUI Fonts CSS foundation*/
		font-size:138.5%;  
	}
	h2 {
		/*16px via YUI Fonts CSS foundation*/
		font-size:123.1%; 
	}
	h3 {
		/*14px via YUI Fonts CSS foundation*/
		font-size:108%;  
	}
	h1,h2,h3 {
		/* top & bottom margin based on font size */
		margin:1em 0;
	}
	h1,h2,h3,h4,h5,h6,strong {
		/*bringing boldness back to headers and the strong element*/
		font-weight:bold; 
	}
	abbr,acronym {
		/*indicating to users that more info is available */
		border-bottom:1px dotted #000;
		cursor:help;
	} 
	em {
		/*bringing italics back to the em element*/
		font-style:italic;
	}
	blockquote,ul,ol,dl {
		/*giving blockquotes and lists room to breath*/
		margin:1em;
	}
	ol,ul,dl {
		/*bringing lists on to the page with breathing room */
		margin-left:2em;
	}
	ol li {
		/*giving OL's LIs generated numbers*/
		list-style: decimal outside;	
	}
	ul li {
		/*giving UL's LIs generated disc markers*/
		list-style: disc outside;
	}
	dl dd {
		/*giving UL's LIs generated numbers*/
		margin-left:1em;
	}
	th,td {
		/*borders and padding to make the table readable*/
		border:1px solid #000;
		padding:.5em;
	}
	th {
		/*distinguishing table headers from data cells*/
		font-weight:bold;
		text-align:center;
	}
	caption {
		/*coordinated margin to match cell's padding*/
		margin-bottom:.5em;
		/*centered so it doesn't blend in to other content*/
		text-align:center;
	}
	/* setting a consistent width, 160px; 
	   control of type=file still not possible */
	input[type=text],input[type=password],textarea{
		width:12.25em;*width:11.9em;
		font-family: Verdana, sans-serif;
	}
	
	/* Links */
	a{
		color: #096;
		text-decoration: underline;
	}
	
	a:focus, a:hover, a:active{
		text-decoration: none;
	}
	
	/**
	 * Externe Links
	 * @link http://www.pro-barrierefreiheit.de/entwickler/textformatierungen/externe-links/
	 */
	a.extern:link {
	    background: url("./images/external_link.gif") no-repeat 100% 0;
	    padding: 0 20px 0 0;
	}
	
	a.extern:visited {
	    background: url("./images/external_link.gif") no-repeat 100% -100px;
	    padding: 0 20px 0 0;
	}
	
	a.extern:hover, a.extern:active, a.extern:focus {
	    background: url("./images/external_link.gif") no-repeat 100% -200px;
	    padding: 0 20px 0 0;
	}
	
	
	/* Logo */
	.logo{
		background: url("./images/head_line.gif") repeat-x;
		height:150px;
	}
	
	/* Schatten links */
	.left_shadow{
		position:fixed;
		background:url("./images/left_shadow.gif");
		height:100%;
		width:85px;
		margin-left:-85px;
	}
	
	/* Schatten rechts */
	.right_shadow{
		position:fixed;
		background:url("./images/right_shadow.gif");
		height:100%;
		width:85px;
		margin-left:750px;
	}
	.menu{	
		width: 752px;
		overflow: hidden;
		margin:0px;
		height: 35px;
		background: url("./images/navigation_line.gif") left top repeat-x;
	}
	/* Navigationsleiste */
	.menu ul{
		font-weight: bold;
		font-size:12px;
		width:100%;
		margin:0;
		padding:0;
		float: left;
	}
	.menu ul li{
		line-height:35px;
		display: inline;
	}
	
	.menu ul li a{
		float: left;
		padding: 0px 20px;
		color:#000;
		text-decoration:none;
	}
	
	.menu ul li a:hover, .menu ul li .selected{
		background: url("./images/navigation_over.gif") center center repeat-x;
	}
	
	
	
	/* Aktuelle Seitenposition, direkt unter der Navigation */
	#akt_position{
		margin:4px 10px;
		font-size:9px;
	}
	
	/* ISSN Schriftzug */
	.issn{
		margin:5px;
		margin-right:10px;
		color: #fff;
		font-weight:bold;
		position:relative;
		float:right;
	}
	
	/* Suche Oben */
	.suche_oben{
		position:absolute;
		margin-left: 527px;
		margin-top:100px;
		width:215px;
		height:35px;
		background: url("./images/suchleiste.gif") no-repeat;
	}
	
	.suche_oben input{
		position:absolute;
		margin:9px 0px 0px 5px;
		width:170px;
		border: 1px solid White;
		font-size:11px;
	}
	
	/* Suche Oben - Suchvorschläge */
	.search_suggestion{
		position: absolute;
		margin:22px 0px 0px 3px;
		background: #fff;
		width:163px;
		font-size:11px;
	}
	
	.search_suggestion ul{
		padding:0px;
		margin:0px;
	}
	
	.search_suggestion ul li{
		padding:2px 0px;
		list-style: none outside;
		border-top:1px dotted #ccc;
	}
	
	/* Inhalt */
	.inhalt{
		color:#000;
		margin:10px;
		margin-top:20px;
	}
	
	.inhalt h2{
		padding-top:15px;
	}
	
	/* Artikel und Heftnavigation */
	#sub_navigation{
		position: relative;
		background:#fff;
		text-align:center;
		margin-top:10px;
		padding-left:10px;
		float:right;
		height:150px;
		width:51px;
	}
	
	#sub_navigation .pic{
		margin-top:3px;
		padding:3px;
		color: #fff;
		text-align:center;
		background: url("./images/subnav_no.gif") no-repeat;
		width:50px;
		height:15px;
	}
	
	#sub_navigation .picnav{
		margin-top:3px;
		padding:3px;
		color: #fff;
		text-align:center;
		background: url("./images/subnav.gif") no-repeat;
		width:50px;
		height:15px;
	}
	
	/* Artikel */
	.artikel{
		margin-bottom:10px;
		font-size: 12px;
		text-align: justify;
	}
	
	/* Artikelüberschrift */
	.artikel h1{
		font-size: 13px;
		margin:10px 0px 5px 0px;
	}
	
	.artikel a{
		color: #096;
		text-decoration: underline;
	}
	
	.artikel a:focus, a:hover, a:active{
		text-decoration: none;
	}
	
	/* Horizontale Linie */
	hr{	
		background: #006e2e;
		border: 0px #006e2e solid;
		height:1px;
	}
	
	/* Formular */
	#formular{
		text-align:left;
	}
	#formular .data{
		margin:20px 0px 0px;
	}
	#formular .data p{
		margin-bottom:10px;
	}
	#formular fieldset{
		border: 1px solid #006e2e;
		padding:0px 20px 20px 20px;
		background: #dff5e8;
		margin-top:25px;
	}
	#formular legend{
		border: 1px solid #006e2e;
		padding:5px;
		background: #006e2e;
		margin-bottom:-4px;
		margin-top:-13px;
		color:White;
	}
	#formular input[type=text],input[type=password], textarea{
		width:250px;
		border:1px solid #a7a6aa;
		padding:1px;
	}
	.login_register{
		float:right;
	}
	.login_register ul li{
		line-height:25px;
	}
	
	/* Sitemap */
	.sitemap li{
		margin: 5px;
	}
	
	/* gnulesseulhcsrevliamE */
	span.noitceridliam {
		unicode-bidi:bidi-override;
		direction: rtl;
	}
	
	span.displaynone {
		display:none;
	}
	
	.article_download{
		width:260px;
		float:right;
		border:1px dotted #ccc;
		padding:5px;
		margin:3px 5px;
	}
	
	/**
	 * Password Meter
	 */
	.pwmeter{
		width:180px;
	}
	.pwmeter #password_text{
		margin:0px;
		padding:0px;
	}
	.pwmeter #password_bar{
		width:180px;
		height:5px;
		margin:0px;
		padding:0px;
	}
	
	.center{
		text-align:center;
	}
	
	/**
	 * Bestätigungen und Fehler
	 */
	.green{
		text-align:center;
		background-color:Green;
		padding:10px;
		color:White;
		margin:10px 0px;
	}
	
	.text_green{
		color:Green;
	}
	
	.red{
		text-align:center;
		background-color:Red;
		padding:10px;
		color:White;
		margin:10px 0px;
	}
	
	.text_red{
		color:Red;
	}
	
	/* Schwarzer Hintergrund, weiße Schrift */
	.negative {
		background: #000;
		color: #fff;
	}
	
	/**
	 * PROFIL
	 */
	/* Profilseite */
	.profil_data{
	}
	
	
	.profil_data th{
		text-align:right;
	}
	
	.profil_data th, td{
		border:none;
	}
	
	/* Upload Button */
	.uploadbutton{
		z-index:1;
		background:url("./images/upload.gif");
		color: #000;
		padding:4px;
		padding-left:15px;
		width:218px;
		height:17px;
	}
	
	#article_overview{
		width:100%;
		border:1px dotted Black;
	}
	
	#article_overview thead th{
		background: #006e2e;
		color: #fff;
		text-align:left;
	}
	
	#article_overview tbody td{
		background: #fff;
		border:1px dotted Black;
	}
}