/* CSS Document */
html, body  {
	margin: 0; 	padding: 0;
	}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:black;
	font-size: 10px;
	background-image:url(qu/zeitraumzeit00.jpg);
	margin: 0px;
	padding: 0px;
}

#base {
	position: relative;
	}

.hide {
	display: none;
	}
	
h1, h2, ul, li {
	list-style: none;	
	}
h1 {
	font-size: 0;}
h3 {
	list-style: none;
	font-size: 3px;
}

/* ------------------------------------HEADER */

#base #header {
	position: absolute;
	z-index: 4;
	left: 80px;
	top: 170px;
	}

#base h1 a {
	display: block;
	width: 400px;
	height: 50px;
	font-size: 2px;
	text-indent: -2000em;
	background-image: url(qu/zeitraumzeit-logo00.png);
	}
	
#base h1 a:hover {
	width: 400px;
	}
	


/*--------------------------------------- NAVIGATION */

#nav {
	position: absolute;
	width: 411px;
	top: 4px;
	left: 488px;
	height: 400px;
	z-index: 2;
	}	
	
#zrz-artist {
	position: absolute;
	top: 130px;
	left: 42px;
	background-image:url(qu/art00.png);
	width: 129px;
	height: 34px;
}
#zrz-artist a {
	display:block;
	font-size: 2px; 
	text-indent: -2000em; 
	width: 164px;
	height: 34px;
	}
#zrz-symp{
	position: absolute;
	top: 7px;
	left: -7px;
	background-image: url(qu/symp00.png);
	font-size: 2px;
	text-indent: -2000em;
	width: 164px;
	height: 34px;
}
#zrz-symp a {
	display:block;
	font-size: 2px; 
	text-indent: -2000em; 
	width: 164px;
	height: 34px;
	}
#zrz-press{
	position: absolute;
	top: 23px;
	left: 315px;
	background-image: url(qu/press00.png);
	font-size: 2px;
	text-indent: -2000em;
	width: 92px;
	height: 34px;
}
#zrz-press a {
	display:block;
	font-size: 2px; 
	text-indent: -2000em; 
	width: 92px;
	height: 34px;
	}
#zrz-info{
	position: absolute;
	top: 311px;
	left: 25px;
	background-image: url(qu/info00.png);
	width: 87px;
	height: 34px;
}
#zrz-info a {
	display:block;
	font-size: 2px; 
	text-indent: -2000em; 
	width: 164px;
	height: 34px;
	}
	
#zrz-shop{
	position: absolute;
	top: 336px;
	left: 335px;
	background-image: url(qu/shop00.png);
	width: 94px;
	height: 34px;
}
#zrz-shop a {
	display:block;
	font-size: 2px; 
	text-indent: -2000em; 
	width: 164px;
	height: 34px;
	}
#zrz-theo{
	position: absolute;
	top: 215px;
	left: 276px;
	background-image: url(qu/theo00.png);
	width: 123px;
	height: 34px;
}
/*-------------------
#nav ul {
	width: 166px;
	}
	
#nav li {
	float: left;
	position: relative;
	}
	
#nav li a {
	display:block;
	font-size: 2px; text-indent: -1000em; 
	background-position: 0 0;
	width: 219px;
	height: 20px;
	}
#nav li strong a { background-position: 0 -20px; }
#nav li a:hover { background-position: 0 -20px; }

#nav a#symp{background-image:url(qu/menue-aktuell.gif); }



/* ----------------------------------------------------------subnav 
#nav ul.level1 {
	display: block;
	position: relative;
	width: 140px;
	margin: 0;
	padding-left: 25px;
	padding-bootom: 0;
	padding-right: 0;
	padding-top: 0;
	line-height: 12px;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
	}

#nav ul.level1 li {
	float: none;
	width: 140px;
	padding: 0;
	margin:0;
	line-height: 12px;
	vertical-align: top;
	}
		
#nav ul.level1 li a {
	text-decoration: none;
	padding: 0; margin: 0;
	}

#nav ul.level1 li strong a {	
	padding: 0; margin: 0;
	}

#nav ul.level1  li a:hover {
	color:#a9d361;
	width: 140px;
	}

/* ------------------------------------------------SUBSUB nav

#nav ul.level2{
	width: 122px;
	position: relative;
	left: 20px;
	top: 0;
	padding-top: 0;
	padding-left: 20px;
	margin: 0;
	line-height: 1.2em;
	}
	
#nav ul.level2 li {
	float: none;
	}

#nav ul.level2 li a {
	display: inline;
	font-size: 10px;
	text-indent: 0;
	color: #950135;
	text-decoration: none;
	}
	
#nav ul.level2 li strong a {
	color: #a9d361;
	}
	
#nav ul.level2 li a:hover {
	color: #a9d361;
	}


	
/* ------------------------------------------------------CONTENT€----------- 

#content-site {
	position: absolute;
	top: 328px;
	left: 140px;
	width: 400px;
	height: 700px;
	z-index: 5;
}

/*------------------------------------------------------------------content-right ---------------------------
#content-right {
	display: block;
	width: 550px;
	height: 100%;
	position:absolute;
	left: 300px;
	z-index: 4;
	top: -256px;
	padding-left: 0px;
	padding-right: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e4feb8;
	background-image: url(../qu/back-contentright.jpg);
	}
#content-right a{
	color: #CCCCCC;
	text-decoration:none;
	font-weight: bold;
	}
	
#content-right a:hover{
	color: #FB3804;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CF2C03;
	}
#content-right p {
	margin-left: 20px;
	margin-right: 20px;
	margin-top:20px;
	}
	

/*------------------------------------------------------------team -----------------*/
#content-right-team{
	display: block;
	width: 550px;
	height: 150%;
	position:absolute;
	left: 300px;
	z-index: 6;
	top: -256px;
	line-height: 14px;
	font-size: 11px;
	color:#221300;
	padding-left: 20px;
	padding-right: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(qu/back-contentright.jpg);
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #7b0240;
	}

#content-right-team h4{
	font-weight:bold;
	font-size: 12px;
	color: #000000;
	margin-left: -21px;
	margin-top:0px;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 40px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color:#d0fb88;

}
#content-right-team h5{
	font-weight:bold;
	font-size: 12px;
	color: #523a25;
	margin-left: -20px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #523A25;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 40px;
}

.name {
	width: 220px;
	background-color: #edfdd1;
	white-space: nowrap;
	}
.weinlink {
	vertical-align: top;
	}
#diashow {
	position:absolute;
	padding-left: 27px;
	padding-top: 20px;
}

#pfeillinks{position:absolute;left: 240px; margin-left: 240px;}
#pfeilrechts{position:absolute;left: 250px; margin-left: 250px;}
a:link {
	color: #930c51;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #930c51;
}
a:hover {
	color: #047e07;
	text-decoration: underline;
}
a:active {
	color: #047e07;
	text-decoration: underline;
}
#content-right-team table {
	width: 90%;
	padding: 5px;
	margin: 2px;
	left: 18px;
	margin-left: 18px;
}
/* ----------------------------------------------------CONTENT-MASK           
#content-mask {
	position: absolute;
	padding: 0;
	top: 0px;
	left: -140px;
	width: 440px;
	height: 210px;
	z-index: 5;
	font-size: 10px;
	text-align: right;
	background-color: #7b0240;
	margin: 0px;
	}
	
/*	
	
label {
	width: 65px;
	display:block;
	margin-bottom:10px;
	padding-left: 0px;
}
input, select {
	float:left;
	display:block;
	border: 1px solid #333;
	background:#F4F4F4;
	font-size: 10px;
	margin-bottom:10px;
	padding:1px;
	}
input {
	cursor:text;
}
select {
	cursor:pointer;
}
#content-mask h3 {
	font-size: 10px;
	}
	
#content-mask label {
	color:#FFFFFF;
	padding-left: 20px;
	padding-right: 5px;
	}
	
.suchbutton {
	background-color:#fe2610;
	color:#333333;
	font-size:10px;
	font-weight:bold;
	height: 20px;
	width: 100px;
	cursor:pointer;
	}
	
#content-mask-foto {
	position: absolute;
	padding: 0;
	top: 0px;
	left: -120px;
	width: 420px;
	height: 210px;
	z-index: 5;
	}
#fotonavi {
	position:absolute;
	top: 210px;
	left: -1px;
	width: 420px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
#fotonavi table {
	width: 90%;
	vertical-align: bottom;
	height: 30px;
}
#fotonavi table td {
	text-align:center;
	}