/* www.isabellastandl.com screen.css V1.0 */
/* by www.creativesyntax.at Copyright 2009 */
/*--------------------------------------------*/

/*--------------------------------------------*/
/* central elements */
/*--------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 
html>body {
	font-size:10px;
}
body {
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:0.625em;
	line-height:1.5em;
	background:url(../img/bg.png) repeat;	
	color:#444444;
}
a:link, a:visited {
	text-decoration:none; 
	color:#ff6633;	
}
a:hover, a:active, #footer .active { 
	outline:none;
	text-decoration:none;
	color:#cc0000; 
}
p {
	font-size:1em;
	margin-top:1.5em;
	margin-bottom:1.5em;
}
h1 {					
	font-size:1.2em;
	line-height:1.14em;
	height:15px;
}
#left h1 {
	font-size:1.2em;
	line-height:1.14em;
	margin-bottom:1.14em;
}
h2, h3, h4 {
	font-size:1.2em;
	line-height:1.25em;
}
#left h2, h3, h4 {
	margin-top:1.25em;
	margin-bottom:1.25em;
}
hr {
	border:none;
	line-height:1.5em;
	margin-top:1.5em;
	margin-bottom:1.5em;
}
form, label {
	font-size:0.625em;
	line-height:1.5em;
}
/*--------------------------------------------*/
/* main layout:header, left, right, footer */
/*--------------------------------------------*/
#wrapper {
	width:970px;
	height:550px;
	margin:5% auto;
	background:url(../img/bg-main.png) no-repeat;
}
#container {
	position:absolute;
	margin:5px 5px;
	width:960px;
	height:540px;
}
#header {
	width:960px;
	height:80px;
	background:url(../img/bg-header.png) no-repeat;
}
#left {	
	position:absolute;
	width:660px;		/* 680 - 20padding */
	height:400px;		/* 460 - 60padding */
	overflow:hidden;
	padding:40px 0 20px 20px;
}
#right {
	width:280px;
	height:460px;
	margin-left:680px;
	background:url(../img/right-gfx.png) no-repeat;
}
#left-00, #left-home {			/* single column */
	float:left;
	margin-left:40px;
	margin-top:20px;
	width:620px;	
	height:380px;
}
#left-01 {			/* two column */
	float:left;
	margin-left:40px;
	margin-top:20px;
	width:300px;	
	height:380px;
}
#left-02 {
	position:absolute;
	margin-left:360px;
	margin-top:20px;
	width:300px;
	height:380px;
}
/*--------------------------------------------*/
/* footer styles */
/*--------------------------------------------*/
#footer {
	width:958px;
	height:28px;
	margin:auto;
	margin-top:-5%;
}
.footer-ul {
	list-style:none;
}
.footer-ul li {
	display:inline;
}
#info {
	position:absolute;
	padding:7px 0 7px 0;
}
#copyright {
	margin-left:480px;
	text-align:right;
	padding:7px 0 7px 0;
}
/*--------------------------------------------*/
/* logo */
/*--------------------------------------------*/
#logo {
	position:absolute;
	width:200px;
	height:80px;
	background:url(../img/logo.png) no-repeat;
}
#logo span {
	display:none;
}
#logo a {
	width:200px;
	height:80px;
	display:block;
}
#logo a:hover {
	background:url(../img/logo.png) 0 -80px no-repeat;
}
#logo a:focus {
	outline:none;
	background:url(../img/logo.png) 0 -160px no-repeat;
}
/*--------------------------------------------*/
/* specific divs */
/*--------------------------------------------*/
#quote {
	margin-top:260px;
	height:120px;
	background: url(../img/rilke.png) left bottom no-repeat;
}
#container dl dd span {
	color:#cc0000;
}
dl {
	margin-bottom:1.5em;
}
dl dt span {
	text-decoration:underline;
}
dl dd {
	padding-left:5px;
}
#left p img {
	border:1px solid silver;
}
/*--------------------------------------------*/
/* gallery */
/*--------------------------------------------*/
.kategorie a { 
	color:#444;
}
.kategorie .active  { 
	color:#ff6633;
}
.kategorie a img { 
	border:none;
}
/*--------------------------------------------*/
/* navigation */
/*--------------------------------------------*/
.nav {
	height:80px;
	margin-left:200px;
	list-style:none;
	background: url(../img/nav.png) no-repeat -0px -0px;
}
.nav li {
	display:inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 80px;
	overflow: hidden;
	text-indent: -9000px;
	z-index: 10;
}
/* profil */
	.nav .profil a:link, .nav .profil a:visited {
		left: 200px;
		width: 80px;
	}
	.nav .profil a:hover, .nav .profil a:focus {
		outline:none;
		background: url(../img/nav.png) no-repeat -0px -80px;
	}
	.nav .profil a:active {
		background: url(../img/nav.png) no-repeat -0px -80px;
	}
	.current-profil .home a:link, .current-profil .profil a:visited {
		background: url(../img/nav.png) no-repeat -0px -80px;
		cursor: default;
	}
	.nav-profil, .nav-profil-click {
		position: absolute;
		top: 0;
		left: 200px;
		width: 80px;
		height: 80px;
		background: url(../img/nav.png) no-repeat -0px -80px;
	}
/* profil */
/* repertoire */
	.nav .repertoire a:link, .nav .repertoire a:visited {
		left: 280px;
		width: 80px;
	}
	.nav .repertoire a:hover, .nav .repertoire a:focus {
		outline:none;
		background: url(../img/nav.png) no-repeat -80px -80px;
	}
	.current-repertoire .repertoire a:link, .current-repertoire .repertoire a:visited {
		background: url(../img/nav.png) no-repeat -80px -80px;
		cursor: default;
	}
	.nav-repertoire, .nav-repertoire-click {
		position: absolute;
		top: 0;
		left: 280px;
		width: 80px;
		height: 80px;
		background: url(../img/nav.png) no-repeat -80px -80px;
	}
/* repertoire */
/* bilder */
	.nav .bilder a:link, .nav .bilder a:visited {
		left: 360px;
		width: 80px;
	}
	.nav .bilder a:hover, .nav .bilder a:focus {
		outline:none;
		background: url(../img/nav.png) no-repeat -160px -80px;
	}
	.current-bilder .bilder a:link, .current-bilder .bilder a:visited {
		background: url(../img/nav.png) no-repeat -160px -80px;
		cursor: default;
	}
	.nav-bilder, .nav-bilder-click {
		position: absolute;
		top: 0;
		left: 360px;
		width: 80px;
		height: 80px;
		background: url(../img/nav.png) no-repeat -160px -80px;
	}
/* bilder */
/* video */
	.nav .video a:link, .nav .video a:visited {
		left: 440px;
		width: 80px;
	}
	.nav .video a:hover, .nav .video a:focus {
		outline:none;
		background: url(../img/nav.png) no-repeat -240px -80px;
	}
	.current-video .video a:link, .current-video .video a:visited {
		background: url(../img/nav.png) no-repeat -240px -80px;
		cursor: default;
	}
	.nav-video, .nav-video-click {
		position: absolute;
		top: 0;
		left: 440px;
		width: 80px;
		height: 80px;
		background: url(../img/nav.png) no-repeat -240px -80px;
	}
/* video */
/* audio */
	.nav .audio a:link, .nav .audio a:visited {
		left: 520px;
		width: 80px;
	}
	.nav .audio a:hover, .nav .audio a:focus {
		outline:none;
		background: url(../img/nav.png) no-repeat -320px -80px;
	}
	.current-audio .audio a:link, .current-audio .audio a:visited {
		background: url(../img/nav.png) no-repeat -320px -80px;
		cursor: default;
	}
	.nav-audio, .nav-audio-click {
		position: absolute;
		top: 0;
		left: 520px;
		width: 80px;
		height: 80px;
		background: url(../img/nav.png) no-repeat -320px -80px;
	}
/* video */
/* kontakt */
	.nav .kontakt a:link, .nav .kontakt a:visited {
		left: 600px;
		width: 80px;
	}
	.nav .kontakt a:hover, .nav .kontakt a:focus {
		outline:none;
		background: url(../img/nav.png) no-repeat -400px -80px;
	}
	.current-kontakt .kontakt a:link, .current-kontakt .kontakt a:visited {
		background: url(../img/nav.png) no-repeat -400px -80px;
		cursor: default;
	}
	.nav-kontakt, .nav-kontakt-click {
		position: absolute;
		top: 0;
		left: 600px;
		width: 80px;
		height: 80px;
		background: url(../img/nav.png) no-repeat -400px -80px;
	}
/* video */
/*--------------------------------------------*/
/* table styles */
/*--------------------------------------------*/
#left-01 table, #left-02 table {
	margin-bottom:1.5em;
}
#left-01 table {
	width:300px;
	font-size:10px;
}
#left-01 table .title, #left-02 table .title {
	width:25%;
	text-transform:uppercase;
}