@charset "utf-8";
/* ===== Stylesheet zum Handling der Startpage ===== */

body  {
	font-size: 62.5%;
	/* Technik von Richard Rutter (http://clagnut.com/blog/348/), um ems und pixels in etwa äquivalent zu setzen; funktioniert, wenn die default text size des Browsers auf Medium eingestellt ist, was meistens 16px entspricht. Alle anderen Größen werden relativ zu dieser definiert; der User kann, da nur relative Einheiten verwendet werden, den Text nach Wünschen auch im IE größer gestalten. */
	/* Siehe auch Dan Cederholm: Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS, Second Edition! */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* background: #bbb url(images/dblue003.jpg); */
	/* background: #bbb url(images/1.gif); */
	/* background-color: #030303; */
	/* background-color: #721C2B; */
	/* background-color: #131531; */
	/* background-color: #191C42; */
	/* background-color: #131633; */
	background-color: #131531;
	
	text-align: center;
	/* dies zentriert die startpage in IE 5* browsern. Der Text wird dann im #startpage selector auf den left aligned default gesetzt */
	color: #000000;
}

#startpage {
        width: 1000px;
        height: 618px;
		/* background-color: #040404; */
        background: #040404 url(images/donald-sulzen-index.jpg) no-repeat;
		
		/* fuer horizontale und vertikale zentrierung */
        position: absolute;
        left:50%;
        margin-left: -500px;  /* Um die Hälfte der Breite nach links schieben */
        top:50%;
        margin-top: -309px;  /* Um die Hälfte der Höhe nach oben schieben */
      }

/* ===== Startmenu ===== */
#startmenu {
	float: left;
	width: 200px;
}

#startmenu ul {
	margin-top: 40px; /* vertikaler Abstand der ul vom Top des Bildes */
}

#startmenu ul li {
	font: 1.3em Verdana, Arial, Helvetica, sans-serif;
	color: #A99A61;
	font-weight: normal;
	padding: 0.5em 0 0.5em 3em; /* schafft etwas vertikalen Raum für die Paragraphen und einen linken Rand */
	list-style: none;
	line-height: 1.0em; /* fixiert die Zeilen und verhindert ein Flackern */
}

#startmenu ul li a:link, #startmenu ul li a:visited {
    text-decoration: none;
	text-align: left;
	color:#A99A61;
	display:block;
 }
 
#startmenu ul li a:hover, #startmenu ul li a:active {
	color:#BB4E61;
	/* text-decoration: underline; */
	font-weight: bold;
	font-size: 120%;
 }
 
#startmenu ul li a.current {
    color: #EDD98D;
	font-weight: bold;
	font-size: 120%;
}

#startmenu ul li a.current:hover {
    cursor: default;
	color: #EDD98D;
}

/* ===== Links ===== */

#links {
	float: left;
	width: 100px;
	margin-top: 40px; /* Abstand zum Menü */
	margin-left: 4em;
}

#links a:link, #links a:visited {
	padding-bottom: 1em;
	text-align: left;
	display: block;
	color: #FFFFED;
	text-decoration: none;
}

#links a:hover, #links a:active {
	color:#BB4E61;
	/* text-decoration: underline; */
	font-weight: bold;
	/* font-size: 120%; */
}

/* ===== Startpicture ===== */

#startpicture {
	position: absolute;
	top: 73px;
	left: 646px;
}

/* ===== Language Styles ===== */

#language {
	float:right;
	width: 100px;
	margin-top: 40px;
	margin-right: 50px;
}

/* #language img {
	float: left;
	width: 38px;
	margin-right: 10px;
	margin-top: 0px;s
} */

#language a:link, #language a:visited {
	padding-bottom: 1em;
	text-align: right;
	display: block;
	color: #FFFFED;
	text-decoration: none;
}

#language a:hover, #language a:active {
	color:#BB4E61;
	/* text-decoration: underline; */
	font-weight: bold;
	/* font-size: 120%; */
}
#language a.currentlang {
    color: #FFFFED;
	color: #EDD98D;
	font-weight: bold;
	font-size: 120%;
}

#language a.currentlang:hover {
    cursor: default;
	color: #FFFFED;
	color: #EDD98D;
}