/* Allgemein */
/* Farben */

body{
	margin:0;
	padding:0;
	font-family:helvetica;
	background-image:url(images/kachel.jpg);
}

table{
	border-collapse:collapse;
}

tr{
	vertical-align:top;
}


/* Header und Menü */
div.header{
	font-family:helvetica;
	text-align:left;
	font-size:8pt;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	height:26px;
	background-repeat:no-repeat;
	position:absolute;
	padding:1px 0 0 0;
}

img{
	border:0;
}

#menu1{top:0;left:0px;z-index:1;width:74px;background-image:url(images/headerButton1.jpg);}
#menu2{top:0px;left:75px;z-index:2;width:74px;background-image:url(images/headerButton2.jpg);}
#menu3{top:0px;left:150px;z-index:3;width:75px;background-image:url(images/headerButton3.jpg);}
#menu4{top:0px;left:226px;z-index:4;width:81px;background-image:url(images/headerButton4.jpg);text-align:left;padding-left:11px;}
#menu1:hover{background-image:url(images/headerButtonOver1.jpg);}
#menu2:hover{background-image:url(images/headerButtonOver2.jpg);}
#menu3:hover{background-image:url(images/headerButtonOver3.jpg);}
#menu4:hover{background-image:url(images/headerButtonOver4.jpg);}

a{
	text-decoration:none;
	font-weight:bold;
	color:#36b6ed;
}
a div.header{
	text-decoration:none;
	color:#ffffff;
}

table.menu{
	font-size:11pt;
	background-color:#ffffff;
}

table.menu td, table.menu td.menuActiv{
	width:135px;
	background-repeat:no-repeat;
	background-position:0;
	padding:6px 0 0 4px;
	font-weight:bold;
	border:0px solid black;
}

table.menu td.menuActiv{
}

table.menu td a span{color:#41B5F2;text-decoration:none;}
table.menu td a:hover{color:#41B5F2;text-decoration:none;}
table.menu td a:hover span{color:#41B5F2;text-decoration:none;}

table.menu td.menuActiv a span{color:#41B5F2;text-decoration:none;}
table.menu td.menuActiv a:hover{color:#41B5F2;text-decoration:none;}
table.menu td.menuActiv a:hover span{color:#41B5F2;text-decoration:none;}

table.boxContentCategory td a{color:#7d949e;text-decoration:none;}
table.boxContentCategory td a:hover{color:#00415f;text-decoration:none;}

table.menu #uploadFoto, table.menu #uploadFotoActiv{
	/*background-image:url(images/headerCamera.jpg);*/
	background-repeat:no-repeat;
	background-position:13px 0px;
	width:226px;
	text-align:center;
	padding:4px 0 0 24px;
	font-weight:normal;
	height:22px;
}
table.menu #uploadFotoActiv{
/*background-image:url(images/headerCameraActiv.jpg);*/
}

#uploadFoto a{color:#7d949e;text-decoration:none;}
#uploadFoto a:hover{color:#7d949e;text-decoration:none;}
#uploadFotoActiv a{color:#ffffff;text-decoration:none;}

/* Rahmen und Hintergrund */

td.rahmen{
	width:60px;
	background-repeat:repeat-y;
}

td.rand{
	background-repeat:repeat-y;
	background-image:url(images/kachel.jpg);
}

/*
	Body
*/
td.body{
	background-color:#EAEEF0;
}

table.box{
	border:0px solid black;
}

table.top span{
	font-size:10pt;
	font-weight:bold;
	color:#ffffff;
}


table.box td{
	background-color:#ffffff;
}

h1{
	color:#ffffff;
	font-size:11pt;
}

table.box h1{
	background-repeat:no-repeat;
	background-image:url(images/bodyTitleBackground.jpg);
	padding:0 0 0 9px;
	margin:0 0 3px 0;
}

table.box h1.backgroundBlue{
	background-image:url(images/bodyTitleBackgroundBlue.jpg);
}

table.boxContent{
	background-repeat:no-repeat;
	/*background-image:url(images/boxBackground.jpg);*/
	background-position:bottom;
	margin:0 10px 0 8px;
}
table.boxContentCategory td{
 height:32px;
}
table.boxContentCategory a{
	color:#7d949e;
	font-size:10pt;
	text-decoration:none;
}

table.boxContentCategory div{
	background-repeat:no-repeat;
	background-image:url(images/bodyCategoryNumberBackground.jpg);
	color:#ffffff;
	font-size:9pt;
	font-weight:bold;
	height:22px;
	padding:3px 0 0 0;
	text-align:center;
	border:0px solid black;
	width:33px;
}

table.boxContent td, table.boxContent span{
	background-color:transparent;
}

table.boxContent span.boxContentLabelCategory{color:#7d949e;font-size:11pt;font-weight:bold;}
table.boxContent span.boxContentName{color:#000000;font-size:11pt;font-weight:bold;}
table.boxContent span.boxContentDateLabel{color:#000000;font-size:8pt;font-weight:bold;}
table.boxContent span.boxContentText{color:#6a6a6a;font-size:9pt;line-height:1.4em;}
table.boxContent span.boxContentDateText{color:#7d949e;font-size:8pt;font-weight:bold;text-decoration:none;}
table.boxContent span.boxContentLink a{
	color:#36B6ED;
	font-size:8pt;
	font-weight:bold;
	text-decoration:none;
	background-repeat:no-repeat;
	background-image:url(images/arrow2.jpg);
	background-position:left center;
	border:0px solid black;
	padding:0 10px 0 10px;
}

table.boxContent span.boxContentLink a:hover {
	color: #0d8abf;
}
table.boxContent div.boxContentTextTitle{
	color:#000000;
	font-size:8pt;
	font-weight:bold;
	margin:8px 0 2px;
}

td.locate{
	height:97px;
	width:223px;
	background-repeat:no-repeat;
	background-image:url(images/locateBackground.jpg);
}

/* Map */
table.map{
	border:0px solid black;
}
table.map span{
	font-weight:bold;
	color:#718E98;
	font-size:10pt;
}
table.map table.mapTable{
	border:0px solid black;
	text-align:center;
	margin:5px 0 0 0;
}
table.map table.mapTable td.mapImage{
	width:89px;
	height:97px;
	background-repeat:no-repeat;
	background-image:url(images/mapImageBackground.jpg);
	text-align:left;
	padding:5px 0 0 11px;
}

table.map table.mapTable td{
	text-align:center;
}
table.map div.mapDiv{
	position:relative;top:0px; left:0px; width:94px; height:46px; z-index:5;/*height:50px;*/
}
table.map div.mapStars{
	position:relative;top:-2px; left:0px; width:94px; height:29px; z-index:5;/*height:34px;*/
	padding:2px 0 0 0;
	background-repeat:no-repeat;
	background-image:url(images/mapStarsBackground.jpg);
	background-position:center;
}
table.map div.mapShow{
	position:relative;top:-5px; left:0px; width:94px; z-index:5;/*height:50px;*/
}

td.routePath{
	color:#7d949e;
	font-size:8pt;
	font-weight:normal;
	padding:2px 0 2px 0;
}


/* Formulare */
input, textarea{
	color:#6a6a6a;
	height:15px;
	font-size:8pt;
	border:0;
}


td.form{
	background-repeat:no-repeat;
	background-image:url(images/inputBackground.jpg);
	background-position:left;
	height:24px;
}
td.form input{
	margin:4px 0 0 5px;
}

td.formTextarea{
	background-repeat:no-repeat;
	background-image:url(images/textareaBackground.jpg);
	background-position:left;
	width:245px;
	height:122px;
}
td.formTextarea textarea{
	margin:3px 0 0 5px;
	height:117px;
	width:235px;
}

/* Footer */
table.footer{
	background-repeat:no-repeat;
	background-image:url(images/footer.jpg);
	width:786px;
	height:33px;
}

table.footer td{
	padding:12px 0 0 0;
	font-size:7pt;
	color:#ffffff;
	font-weight:bold;
}

table.footer a{
	text-decoration:none;
	color:#ffffff;
}

/* Scrollen Urban Art Guide innerhalb der GooleMap */
#container {
	padding:0;
	margin:0;
	position: relative;
	padding-right:4px;
	width: 286px;
	overflow: hidden;
	border: 0px solid black;
}

ul.question li{
	font-size:10pt;
	margin:5px 0 15px 0;
}

ul.question li span{
	color:#000000;
}