/* Dieses CSS-File wurde von Daniel Gander erstellt und untersteht seinem Copyright. */

@media all {/* CSS Styles welche alle Medien betreffen */

/* Standard Elemente */

td, p, tr, table {
	font-family: Verdana, Arial, Sans-serif, Helvetica;
	}
li {
	padding: 5px;
	} 

/* Body */

body {
	font-family: Verdana, Arial, Sans-serif, Helvetica; 
	background-color: #222; 
	background-attachment: fixed; 
	background-repeat: no-repeat; 
	background-position: 167px 0px;
	max-width: 980px;
	margin-left: 0px;
	}
body.index {
	background-image: url("images/bg_portfolio.jpg"); 
	background-position: bottom left;
	width: 880px;
	height: 400px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -440px;
	margin-top: -200px;
	}
body.portfolio {
	background-image: url("images/bg_portfolio.jpg"); 
	background-position: bottom left;
	width: 780px;
	height: 610px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -390px;
	margin-top: -305px;
	}
body.home {
	background-image: url("images/bg_home.jpg"); 
	}
body.gallery {
	background-image: url("images/bg_gallery.jpg"); 
	}
body.info {
	background-image: url("images/bg_info.jpg"); 
	}
body.guestbook {
	background-image: url("images/bg_guestbook.jpg"); 
	}
body.links {
	background-image: url("images/bg_links.jpg"); 
	}
body.computer {
	background-image: url("images/bg_computer.jpg"); 
	}
body.study {
	background-image: url("images/bg_study.jpg"); 
	}

/* Hyperlinks */

a {
	color: #CCCCCC;
	} 
a.plain {
	text-decoration: none;
	}
a:active {
	color: #FFCC66;
	text-decoration: underline overline;
	}
a:link {
	color: #FFCC66;
	text-decoration: none;
	} 
a:hover {
	color: #FFFF99;
	text-decoration: none;
	} 
a:visited {
	color: #FFCC66;
	text-decoration: none;
	} 
a:visited:hover {
	color: #FFFF99;
	text-decoration: none;
	} 

/* Überschriften */

h1.gallery {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	}
h1.index {
	font-size: 100%;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	}
h2.gallery { /* obsolet */
	text-align: center;
	color: #FFFF99;
	margin-top: 5px;
	margin-bottom: 5px;
	}
h1 {
	font-weight: bold;
	color: #FF9900;
	font-size: 90%;
	margin-top: 30px;
	margin-bottom: 5px;
	}
h2 {
	font-weight: bold;
	color: #FFCC66;
	font-size: 80%;
	margin-top: 25px;
	margin-bottom: 5px;
	}
h3 {
	font-weight: bold;
	color: #FFFF99;
	font-size: 75%;
	margin-top: 15px;
	margin-bottom: 5px;
	}
h1[id] {
	margin-top:-130px; 
	padding-top:160px;
	}
h2[id] {
	margin-top:-135px;
	padding-top:160px;
	}

/* Normaler Text */

.text100 { /* index.php */
	font-size: 100%;
	font-weight: bold;
	color: #FF9900;
	} 		
.textklein {
	font-size: 70%;
		color: #CCCCCC;
	} 		
.textnormal {
	font-size: 75%;
	color: #CCCCCC;
	text-align: justify;
	line-height: 20px;
	} 		
.textnormalzentriert {
	font-size: 75%;
	color: #CCCCCC;
	text-align: center;
	line-height: 20px;
	} 		
.textgross {
	font-size: 75%;
	color: #FFFF99;
	text-align: justify;
	line-height: 20px;
	} 		
.textgrosszentriert {
	font-size: 75%;
	color: #FFFF99;
	text-align: center;
	line-height: 20px;
	} 		
p.margintop {
	font-size: 75%;
	color: #CCCCCC;
	text-align: justify;
	line-height: 20px;
	margin-top: 30px;
	} 		
p.marginleft {
	font-size: 75%;
	color: #CCCCCC;
	margin-left: 25px;
	text-align: justify;
	line-height: 20px;
	} 		
p.marginleftsmall {
	font-size: 70%;
	color: #CCCCCC;
	margin-left: 25px;
	} 		
p.welcome {
	text-align: center;
	font-size: 75%;
	color: #CCCCCC;
	line-height: 20px;
	margin-top: 30px;
	} 		
ul.points {
	font-size: 75%;
	color: #CCCCCC;
	text-align: justify;
	line-height: 16px;
	} 		

/* Spezieller Text */

acronym {
	border-bottom-width: 0;
	} 
.newpics {
	font-size: 80%;
	color: #FF0000;
	background-color: #FFFF99;
	font-weight: bold;
	font-style: normal;
	padding: 1px 3px;
	} 		
.zitat {
	font-family: Consolas, Courier New, Courier;
	font-size: 75%;
	padding: 5px 5px 5px 15px;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: thick solid #999999;
	margin-left: 15px;
	margin-right: 15px;
	color: #FFFF99;
	text-align: justify;
	} 		
.zitat:hover {
	background-color: #444444;
	border-top: 1px solid #FFFF99;
	border-right: 1px solid #FFFF99;
	border-bottom: 1px solid #FFFF99;
	border-left: thick solid #FFFF99;
	}
.errormail {
	font-size: 80%;
	color: #FF5F00;
	} 		
p.gbox {
	font-size: 75%;
	color: #CCCCCC;
	text-align: center;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	} 		
p.gthumb {
	font-size: 70%;
	color: #CCCCCC;
	text-align: center;
	margin-top: 3px;
	margin-left: 10px;
	margin-right: 10px;
	} 		
p.gbox:hover {
	color: #FFFF99;
	} 		
p.gnavigation {
	font-size: 75%;
	color: #CCCCCC;
	text-align: center;
	margin-bottom: -10px;
	} 		

/* Tabellen */

table.einzugtab { /* equipment.php */
	margin-left: 25px;
	} 		
td.tabdownloads {
	border-right: 1px solid #999999;
	}
td.tabgrau {
	border: 1px solid #999999;
	border-radius: 10px; /* FIXME */
	-moz-border-radius: 10px;/* FIXME */
	-webkit-border-radius: 10px; /* FIXME */
	}
/* Wenn Maus über Tabelle ändert sich Rahmenfarbe */
td.tabgrau:hover {
	color: #FFFF99;
	border: 1px solid #FFFF99;
	background-color: #444444; 
	}

/* Bilder */

img.gsummary {
	float: left;
	display: inline;
	margin: 0px 10px 0px 0px;
	border: 0px;
	}
img.gbox, img.ibox {
	margin-top: 10px;
	border: 0px;
	}
img.noborder {
	border: 0px;
	}
img.gborder {
	border: 1px solid #999999;
	padding: 3px;
	}
img.thinborder {
	border: 1px solid #999999;
	margin: 3px;
	}
img.gborder:hover {
	border: 1px solid #FFFF99;
	}

/* Andere Elemente */

.padding {
	padding: 0px 10px;
	} 		
.fusszeile {
	font-size: 60%;
	color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-style: none;
	border-right-style: none;
	border-left-style: none;
	border-top-color: #999999;
	font-weight: bold;
	padding: 0px 6px;
	}
div.pboxcontainer {
	width: 100%;
	margin-top: 20px;
	margin-left: 60px;
	}
div.gboxcontainer {
	width: 100%;
	margin-top: 20px;
	margin-left: 20px;
	}
div.bboxrow {
	clear: left;
	margin-left: auto;
	margin-right: 0px;
		}
div.ibox {
	word-wrap: break-word;
	overflow: hidden; 
/*	text-overflow: clip; -o-text-overflow: clip; -icab-text-overflow: clip; -khtml-text-overflow: clip; -moz-text-overflow: clip; -webkit-text-overflow: clip;
	white-space: nowrap; 
*/	float: left;
	margin: 5px;
	width: 420px;
	height: 320px;
	border: 1px solid #999999;
	border-radius: 10px; /* FIXME */
	-moz-border-radius: 10px;/* FIXME */
	-webkit-border-radius: 10px; /* FIXME */
	}
div.pbox {
	word-wrap: break-word;
	overflow: hidden; 
/*	text-overflow: clip; -o-text-overflow: clip; -icab-text-overflow: clip; -khtml-text-overflow: clip; -moz-text-overflow: clip; -webkit-text-overflow: clip;
	white-space: nowrap; 
*/	float: left;
	margin: 5px;
	width: 320px;
	height: 250px;
	border: 1px solid #999999;
	border-radius: 10px; /* FIXME */
	-moz-border-radius: 10px;/* FIXME */
	-webkit-border-radius: 10px; /* FIXME */
	}
div.gbox {
	word-wrap: break-word;
	overflow: hidden; 
/*	text-overflow: clip; -o-text-overflow: clip; -icab-text-overflow: clip; -khtml-text-overflow: clip; -moz-text-overflow: clip; -webkit-text-overflow: clip;
	white-space: nowrap; 
*/	float: left;
	margin: 5px;
	width: 180px;
	height: 180px;
	border: 1px solid #999999;
	border-radius: 10px; /* FIXME */
	-moz-border-radius: 10px;/* FIXME */
	-webkit-border-radius: 10px; /* FIXME */
	}
div.gboxempty {
	word-wrap: break-word;
	overflow: hidden; 
	float: left;
	margin: 5px;
	width: 180px;
	height: 180px;
	border: 1px solid transparent;
	}
div.gboxnew {
	word-wrap: break-word;
	overflow: hidden; 
/*	text-overflow: clip; -o-text-overflow: clip; -icab-text-overflow: clip; -khtml-text-overflow: clip; -moz-text-overflow: clip; -webkit-text-overflow: clip;
	white-space: nowrap; 
*/	float: left;
	margin: 5px;
	width: 180px;
	height: 180px;
	border: 1px solid #FFCC66;
	border-radius: 10px; /* FIXME */
	-moz-border-radius: 10px;/* FIXME */
	-webkit-border-radius: 10px; /* FIXME */
	}
div.gsummary, div.gsummarynew {
	background-image: url("images/tabground.jpg"); 
	background-repeat: no-repeat; 
	background-position: right bottom;
	padding: 0px 10px;
	border: 1px solid #999999;
	margin-left: 0px;
	border-radius: 10px; /* FIXME */
	-moz-border-radius: 10px;/* FIXME */
	-webkit-border-radius: 10px; /* FIXME */
	}
div.gbox:hover, div.gsummary:hover, div.gboxnew:hover, div.gsummarynew:hover, div.pbox:hover, div.ibox:hover  {
	overflow: visible; /* Workaround für Opera */
	border: 1px solid #FFFF99;
	box-shadow: 3px 3px 10px #FFFF99;
	-moz-box-shadow: 3px 3px 10px #FFFF99;
	-webkit-box-shadow: 3px 3px 10px #FFFF99;
/*	background-color: #444444; 
*/	}

} /* Ende alle Medien */

@media screen { /* CSS Styles welche nur die Anzeige am Bildschirm betreffen */

div.seite {
	position: absolute;
	left: 185px;
	min-width: 800px;
	max-width: 800px;
	margin-right: 5px;
	margin-top: 125px;
/*	background-image: url("images/oben.jpg"); 
	background-repeat: no-repeat; 
	background-position: right bottom; */
	}
div.fond {
	position:fixed;
	left: 0px;
	top: 0px;
	width: 1000px;
	height: 120px;
	z-index: 1;
	}
div.restvertikal {
	position: fixed;
	left: 167px;
	bottom: 0px;
	width: 6px;
	height: 100%;
	z-index: 1;
	}
div.rest {
	position:fixed;
	right: 0px;
	top: 82px;
	width: 100%;
	height: 6px;
	z-index: 1;
	}
div.banner {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 1000px;
	height: 83px;
	z-index: 3;
	}
div.bannerunten {
	position: fixed;
	left: 0px;
	top: 83px;
	width: 247px;
	height: 81px;
	z-index: 3;
	}
div.quickshot {
	position: fixed;
	left: 133px;
	top: 61px;
	width: 74px;
	height: 48px;
	z-index: 4;
	}
div.bannertext {
	font-size: 70%;
	color: #ffe197;
	position: fixed;
	text-align: right;
	vertical-align: baseline;
	right: 50px;
	top: 68px;
	z-index: 4;
	}
div.menu {
	margin-left: 0px;
	}
div.innerdiv	{
	width: 100%;
	}

/* NAVIGATION Hauptmenü */

/* Lage der Buttons im Navigationsfenster */
div.navigation {
	width: 120px;	/* Breite der Buttons*/
	position: fixed;
	top: 150px; /* Abstand vom oberen Rand */
	left: 24px; /* Abstand vom linken Rand */
	display: inline;
	}
/* Text, Rahmen der Buttons */
div.navigation a {
	text-decoration: none;
	display: block;
	padding: 5px;
	line-height: 80%;
	text-align: center;
	border-radius: 5px; /* FIXME */
	-moz-border-radius: 5px; /* FIXME */
	-webkit-border-radius: 5px; /* FIXME */
	}
/* Textfarbe eines nicht aktiven Buttons ERSTER Ordnung */
div.navigation div.normal {
	background-color: #222;
	color: #FFCC66;
	font-size: 75%;
	margin-top: 15px;
	margin-bottom: 15px;
	}
/* Textfarbe eines ausgewählten Buttons ERSTER Ordnung */
div.navigation div.selected {
	background-color: #444444;
	color: #FFCC66;
	font-size: 75%;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: bold;
	border-radius: 5px; /* FIXME */
	-moz-border-radius: 5px; /* FIXME */
	-webkit-border-radius: 5px; /* FIXME */
	}
/* Textfarbe eines verlinkten oder besuchten Buttons ERSTER Ordnung wenn nicht ausgewählt*/
div.navigation div.normal a:link, div.navigation div.normal a:visited {
	background-color: #222;
	color: #FFCC66;
	text-decoration: none;
	border: 1px solid #999999;
	}
/* Textfarbe eines verlinkten oder besuchten Buttons ERSTER Ordnung wenn ausgewählt */
div.navigation div.selected a:link, div.navigation div.selected a:visited {
	background-color: #444444;
	color: #FFCC66;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #999999;
	}
/* Textfarbe der Buttons bei hover ERSTER Ordnung */
div.navigation div.selected a:hover, div.navigation div.normal a:hover {
	background-color: #444444;
	color: #FFCC66;
	border: 1px solid #FFFF99;
	}
/* Textfarbe eines nicht aktiven Buttons ZWEITER Ordnung */
div.navigation div.subnormal {
	background-color: #222;
	color: #FFFF99;
	font-size: 75%;
	margin-top: 4px;
	margin-bottom: 4px;
	font-weight: normal;
	}
/* Textfarbe eines ausgewählten Buttons ZWEITER Ordnung */
div.navigation div.subselected {
		background-color: #222;
	color: #FFFF99;
	font-weight: bold;
	font-size: 75%;
	margin-top: 4px;
	margin-bottom: 4px;
	font-weight: normal;
	}
/* Textfarbe eines verlinkten oder besuchten Buttons ZWEITER Ordnung nicht ausgewählt */
div.navigation div.subnormal a:link, div.navigation div.subnormal a:visited {
	background-color: #222;
	color: #FFFF99;
	text-decoration: none;
	}
/* Textfarbe eines verlinkten oder besuchten Buttons ZWEITER Ordnung wenn ausgewählt */
div.navigation div.subselected a:link, div.navigation div.subselected a:visited {
	background-color: #444444;
	font-weight: bold;
	color: #FFFF99;
	text-decoration: none;
	}
/* Textfarbe der Buttons bei hover ZWEITER Ordnung */
div.navigation div.subselected a:hover, div.navigation div.subnormal a:hover {
	background-color: #444444;
	color: #FFFF99;
	}

/* NAVIGATION Quick Links in der Titelleiste */

/* Quick Links in der Titelleiste */
div.quicklink {
	font-size: 75%;
	position: fixed;
	top: 90px;
	left: 250px;
	width: 730px;
	z-index: 5;
	} 		
div.quicklink div.button {
	width: 125px; 
	float: left; 
	margin-left: 10px;
	}
div.quicklink div.button a {
	text-decoration: none; 
	color: #FFFF99; 
	display: block; 
	padding: 5px; 
	font-size: 100%; 
	line-height: 80%; 
	margin-top: 5px; 
	margin-bottom: 5px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center; 
	border-radius: 5px; /* FIXME */
	-moz-border-radius: 5px; /* FIXME */
	-webkit-border-radius: 5px; /* FIXME */
	}
div.quicklink div.button a:link, div.quicklink div.button a:visited {
	text-decoration: none;
	color: #FFFF99;
	}		
div.quicklink div.button a:hover {
	background-color: #444444;
	}
div.quicklink a.active {
	background-color: #444444;
	font-weight: bold;
	}

} /* Ende Screenmedien */


@media print { /* CSS Styles welche nur Printmedien betreffen */
body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 100%;
	}
.seite {
	margin-left: 0px;
	}
#buttons { /* Navigationsmenü und Buttons beim Druck ausblenden */
	display: none
	}
#submenu { /* Navigationsmenü und Buttons beim Druck ausblenden */
	display: none
	}
#kopf { /* Seitenkopf ausblenden */
	display: none
	}
#fuss { /* Fusszeile ausblenden */
	display: none
	}
#w3c { /* W3C Logos ausblenden */
	display: none
	}

} /* Ende Printmedien */