/* DATEI: stylescreen.css */
/* In dieser Datei stehen die Style Angaben für die Site http://tutorial.riehle-web.com */
/* CSS Datei für Bildschirmanzeig */
/* Autor: Dennis Riehle */

/* Grundsätzlicher Code zum Aufbau der Seite */
body {
	text-align: center;
	background: url(bg.png) repeat-x #6493ac;
	background-attachment: fixed;
	color: #000;
	font-size: 15px;
	font-family: "Verdana", sans-serif;
}

#container {
	 max-width: 750px;
	 min-width: 475px;
	 padding: 1em 1em 0 1em;
	 text-align: justify;
	 margin: auto;
	 border: 6px solid #005582;
	 background: #ffffff;
}

#beginners {
	text-align: right;
	font-size: 1.8em;
	color: #ddd;
	margin: .5em 0 1em 0;
}

/* Trennbalken */
.hr {
	width: 100%;
	height: 23px;
	background: url(hr.png) repeat-x;
	clear: both;
	line-height: 23px;
	vertical-align: middle;
	padding-right: .5em;
	text-align: right;
	margin: 0 0 1em 0;
}

/* Überschriten-Definition */
h1 { 
	color: #444; 
	font-size: 3em;
	margin: 0; 
}
h2 { 
	color: #0066ff; 
	font-size: 2.2em;
	margin: .1em 0 0 0;
}
h3 { 
	color:#0066ff; 
	font-size: 1.6em; 
}
h4 { 
	color:#3366ff; 
	font-size: 1.3em; 
}

/* Stylangaben für Links */
a:link    { color:#339933; text-decoration:underline; }
a:visited { color:#336600; text-decoration:underline; }
a:hover   { color:#ff0000; text-decoration:none; }
a:active  { color:#cc3300; text-decoration:none; }

/* Bilderangaben für Navigationslisten */
li.down { list-style-image:url(anker.gif); }
li.go   { list-style-image:url(go.gif);   }
li.bag  { list-style-image:url(start.gif);  }

/* Styleangaben für Quellcode */
pre  {
	background: #ebedf7;
	border: 2px solid #646eba;
	padding: 10px;
	color: #183BFF;
	font-size:12px;
}

code { 
	font-family: "Courier New", Courier; 
	color: #183BFF;
	font-size: 14px;
}

div.code { 
	background: #ebedf7;
	border: 5px solid #8e9af1;
	padding: 10px;
	color: #183BFF;
}

/* Definition verschiedener Klassen */
var.in { 
	background:url(verweis.gif) no-repeat;
	padding-left:16px;
}

var.ex { 
	background:url(verweis_ex.gif) no-repeat;
	padding-left:18px;
}

var.mail { 
	background:url(verweis_mail.gif) no-repeat;
	padding-left:18px;
}

.link { border:none; }

.u { text-decoration:underline; }
.b { font-weight:bold; }

table { margin-bottom:1em; }