/*************************************************
stadtkunst.ch // design + code
markus bucher/31nord.ch + claudebrauch.li
*************************************************/
body {
	margin:0px;
	padding:0px;
	color:black;
	background:#FFFFFF url(../img/bg.jpg) repeat-x 0 0;	
}
h1 {
	margin:0px 0px 6px 0px;
	padding:0px;
	font:bold 18px/24px Georgia, Garamond, "Times New Roman", Times, serif;
}
h2 {
	margin:0px 0px 4px 0px;
	padding:0px;
	font:bold 14px/16px Georgia, Garamond, "Times New Roman", Times, serif;
}
h2 .norm {
	font:normal 12px/16px Georgia, Garamond, "Times New Roman", Times, serif;
}
h4 {
	margin:0px;
	padding:0px;
	font:normal 10px/20px Verdana, Arial, Helvetica, sans-serif;
	border-top:1px dashed #000000;
	border-bottom:1px dashed #000000;
}
.klein{
	font:normal 10px/20px Verdana, Arial, Helvetica, sans-serif;
}
h5 {
	margin:0px;
	padding:0px;
	font:normal 10px/20px Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px dashed #000000;
}
b {
	font-weight:bold;
}
strong {
	font-weight:bold;
}
a {
	color:#FF0000;
	background-color:transparent;
	text-decoration:none;
}
a:hover {
	color:#000000;
	background-color:transparent;
}
.fett {
	font-weight:bold;
}
.fettgross {
	font:bold 14px/16px Georgia, Garamond, "Times New Roman", Times, serif;
}
/*************************************************
PRINT / IEMAC-FEHLER
*************************************************/
#printtitel, #printfuss {
	display:none;
}
#iemac {
	display:none;
}
/*************************************************
FOTOS - INTRO
*************************************************/
#fotoeins {
	position:absolute;
	top:39px;
	left:44px;
	width:735px;
	height:530px;
	padding:0px;
	margin:0px;
	color:#000000;
	background-color:#000000;
	overflow:hidden;
	z-index:10;
}
#fotolinkeins {
	position:absolute;
	top:513px;
	left:490px;
	width:245px;
	padding:0px;
	color:#000000;
	background-color:transparent;
	font:normal 10px/18px Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
}
#fotolinkeins a, #fotolinkzwei a, #fotolinkdrei a, #fotolinkvier a, #fotolinkfuenf a {
	padding:0px 2px 0px 0px;
	color:#FFFFFF;
	background-color:#000000;
	text-decoration:none;
}
#fotolinkeins a:hover, #fotolinkzwei a:hover, #fotolinkdrei a:hover, #fotolinkvier a:hover, #fotolinkfuenf a:hover {
	color:#FFFFFF;
	background-color:#000000;
	text-decoration:none;
}
#fotozwei {
	position:absolute;
	top:39px;
	left:44px;
	width:735px;
	height:566px;
	padding:0px;
	margin:0px;
	color:#000000;
	background-color:#000000;
	overflow:hidden;
	z-index:10;
}
#fotolinkzwei {
	position:absolute;
	top:549px;
	left:490px;
	width:245px;
	padding:0px;
	color:#000000;
	background-color:transparent;
	font:normal 10px/18px Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
}
#fotodrei {
	position:absolute;
	top:39px;
	left:44px;
	width:735px;
	height:481px;
	padding:0px;
	margin:0px;
	color:#000000;
	background-color:#000000;
	overflow:hidden;
	z-index:10;
}
#fotolinkdrei {
	position:absolute;
	top:464px;
	left:490px;
	width:245px;
	padding:0px;
	color:#000000;
	background-color:transparent;
	font:normal 10px/18px Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
}
#fotovier {
	position:absolute;
	top:39px;
	left:44px;
	width:735px;
	height:619px;
	padding:0px;
	margin:0px;
	color:#000000;
	background-color:#000000;
	overflow:hidden;
	z-index:10;
}
#fotolinkvier {
	position:absolute;
	top:602px;
	left:490px;
	width:245px;
	padding:0px;
	color:#000000;
	background-color:transparent;
	font:normal 10px/18px Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
}
#fotofuenf {
	position:absolute;
	top:39px;
	left:44px;
	width:735px;
	height:600px;
	padding:0px;
	margin:0px;
	color:#000000;
	background-color:#000000;
	overflow:hidden;
	z-index:10;
}
#fotolinkfuenf {
	position:absolute;
	top:583px;
	left:490px;
	width:245px;
	padding:0px;
	color:#000000;
	background-color:transparent;
	font:normal 10px/18px Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
}
/*************************************************
NAVIGATION // mercibien : alistapart.com
*************************************************/
ul#nav {
	position:absolute;
	top:35px;
	left:16px;
	width:129px;
	color:#0033CC;
	background-color:#FFFFFF;
	z-index:1;
}
ul {
	margin:0px;
	padding:0px;
	list-style:none;
	width:129px; /* Width of Menu Items */
	font:normal 36px/38px Impact, 'Trebuchet MS', 'Arial Black';
	text-transform:uppercase;
}
ul li {
	position:relative;
}
li ul {
	position:absolute;
	left:128px; /* Set 1px less than menu width */
	top:0px;
	display:none;
	width:108px;
}
/* Styles for Menu Items */
ul li a {
	display:block;
	text-decoration:none;
	color:#000000;
	background-color:#FFFFFF; /* IE6 Bug */
}
/* Fix IE. Hide from IE Mac */
* html ul li {
	float:left;
	height:1%;
}
* html ul li a {
	height:1%;
}
/* End */
/* Hover Styles */
ul li a:hover {
	color:#0033CC;
	background-color:#FFFFFF;
}
/* Sub Menu Styles */	
li ul li a {
	color:#0033CC;
}
/* Sub Menu Styles SPEZIAL */	
li ul li span a {
	font:normal 10px/24px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#000000;
	background-color:#FFFFFF;
}
li ul li span a:hover {
	color:#0033CC;
	background-color:#FFFFFF;
}
/* The magic */	
li:hover ul, li.over ul {
	display:block;
	z-index:3;
}
li:hover, li.over {
	color:#0033CC;
}
/* The magic 2 */	
li.current ul {
	display:block;
	z-index:1;
}
li.current {
	color:#0033CC;
}
#ueber {
	position:absolute;
	top:28px;
	left:144px;
	width:134px;
	height:328px;
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	background-color:transparent;
	z-index:0;
}
/*************************************************
TITEL @ GELBER BALKEN ++ AGENDA
*************************************************/
#titel {
	position:absolute;
	top:362px;
	left:16px;
	width:108px;
	margin:0px;
	padding:0px;
	color:#ED1F71;
	background-color:transparent;
	font:normal 36px/38px Impact, 'Trebuchet MS', 'Arial Black';
	text-transform:uppercase;
	z-index:1;
}
#datum {
	position:absolute;
	top:400px; /* 362px; */
	left:144px;
	width:108px;
	margin:0px;
	padding:0px;
	color:#ED1F71;
	background-color:transparent;
	font:normal 36px/38px Impact, 'Trebuchet MS', 'Arial Black';
	text-transform:uppercase;
	z-index:1;
}
#ttext {
	position:absolute;
	top:408px;
	left:278px; /* left:144px; */
	width:500px;
	margin:0px;
	padding:0px;
	color:#ED1F71;
	background-color:transparent;
	font:bold 10px/14px Verdana, Arial, Helvetica, sans-serif;
	z-index:2;
}
#agenda {
	position:absolute;
	top:460px;
	left:278px;
	width:500px;
	margin:0px;
	padding:0px;
	color:#000000;
	background-color:transparent;
	font:bold 14px/18px Georgia, Garamond, "Times New Roman", Times, serif;
	z-index:1;
}
/*************************************************
SUB-NAVIGATION
*************************************************/
#subnav {
	position:absolute;
	top:460px;
	left:17px;
	width:108px;
	margin:0px;
	padding:0px;
	color:#000000;
	background-color:transparent;
	font:normal 10px/16px Verdana, Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	letter-spacing:.1em;
	z-index:1;
}
#subnav a {
	margin:0px;
	padding:2px;
	color:#FFFFFF;
	background-color:#FF0099;
	text-decoration:none;
}
#subnav a:hover {
	color:#FF0099;
	background-color:#FFFFFF;
	text-decoration:none;
}
#subnav .cur a {
	margin:0px;
	padding:2px;
	color:#FF0099;
	background-color:#FFFFFF;
	text-decoration:none;
}
/*************************************************
CONTENT SCROLLBAR
*************************************************/
#content {
	position:absolute;
	top:36px;
	left:278px;
	width:515px;
	height:305px;
	margin:0px;
	padding:0px;
	color:#000000;
	background-color:#FFFFFF;
	overflow:auto;
	z-index:1;
}
/*************************************************
CONTENT NICHT SCROLLBAR
*************************************************/
#content2 {
	position:absolute;
	top:36px;
	left:278px;
	width:500px;
	margin:0px;
	padding:0px 0px 20px 0px;
	color:#000000;
	background-color:transparent;
	z-index:1;
}
/*************************************************
CONTENT ALLGEMEIN
*************************************************/
#content #ctext {
	position:relative;
	top:0px;
	left:0px;
	width:95%;
	margin:0px;
	padding:0px;
	color:#000000;
	background-color:transparent;
	font:normal 12px/16px Georgia, Garamond, "Times New Roman", Times, serif;
/*	text-align:justify; */
}
#content2 #ctext {
	margin:0px;
	padding:0px;
	color:#000000;
	background-color:transparent;
	font:normal 12px/16px Georgia, Garamond, "Times New Roman", Times, serif;
/*	text-align:justify; */
}
#content #ctext img, #content2 #ctext img {
	float:left;
	margin-top:3px;
	margin-right:10px;
}
/*************************************************
KOMMENTAR
*************************************************/
#content2 #ctext #kommentar, #content #ctext #kommentar {
	margin:3px 0px 23px 0px;
	padding:0px;
	border-bottom:1px dashed #000000;
	font:normal 10px/16px Verdana, Arial, Helvetica, sans-serif;
}
#content2 #ctext #kommentar #line, #content #ctext #kommentar #line {
	margin:0px;
	padding:0px;
	font:normal 10px/16px Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px dashed #000000;
}
#content2 #ctext #kommentar a, #content #ctext #kommentar a{
	color:#000000;
	background-color:transparent;
	text-decoration:none;
}
#content2 #ctext #komment, #content #ctext #komment {
	margin:0px;
	padding:0px;
	font:normal 10px/16px Verdana, Arial, Helvetica, sans-serif;
}
/*************************************************
FOTOS - PROJEKT
*************************************************/
#pic {
	position:absolute;
	top:39px;
	left:44px;
	margin:0px;
	padding:0px;
	width:735px;
	height:566px;
	color:#000000;
	background-color:#E6E7E2;
	font:normal 10px/16px Verdana, Arial, Helvetica, sans-serif;
	z-index:10;
}

#pic #ganz {
	margin:5px 0px 0px 0px;
	padding:0px;
	text-align:center;
}

#pic #thumb {
	float:left;
	margin:5px 0px 0px 5px;
	padding:0px;
}

#piclink {
	position:absolute;
	top:549px;
	left:5px;
	color:#000000;
}

#pic #piclink span a {
	color:#000000;
	background-color:transparent;
	text-decoration:none;
}

#piclinkclose {
	position:absolute;
	top:549px;
	left:655px;
	width:75px;
	color:#000000;
	text-align:right;
}