/* style_dotted-white.css */
/* layout without tables... */

body {
	background-color : #FFFFFF;
	background-image:none;
	border:0px;
	margin: 0px; 
	padding : 0px;
}

p {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color : #000000;
	background-color:#FFFFFF;
}

img {
	display:block;
	border:0px;
	margin : 2px;
	padding : 2px;
}

#singleimg {
	display:block;
	border:0px;
	margin : 0px;
	padding : 0px;
}

/* links allgemein */
a:link 				{ color:silver; text-decoration:none; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10pt; background-color:#FFFFFF;}
a:visited			 	{ color:silver; text-decoration:none; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10pt; background-color:#FFFFFF;}
a:hover 				{ color:#808080; text-decoration:none; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10pt; background-color:#C0C0C0; }
a:active 				{ color:#808080; text-decoration:none; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10pt; background-color:#C0C0C0; }

/* links in navigation */
a.rnavi:link 				{ color:silver; text-decoration:none; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10pt; background-color:#FFFFFF; display:block;}
a.rnavi:visited			 	{ color:silver; text-decoration:none; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10pt; background-color:#FFFFFF; display:block;}
a.rnavi:hover 				{ color:#808080; text-decoration:none; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10pt; background-color:#C0C0C0; border-left:1px solid black; display:block;}
a.rnavi:active 				{ color:#808080; text-decoration:none; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10pt; background-color:#C0C0C0;  display:block;}

/* links in bottom-navigation */
a.mininavi:link 				{ color:silver; text-decoration:none; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:8pt; background-color:#FFFFFF; }
a.mininavi:visited			 	{ color:silver; text-decoration:none; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:8pt; background-color:#FFFFFF; }
a.mininavi:hover 				{ color:#808080; text-decoration:none; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:8pt; background-color:#C0C0C0; }
a.mininavi:active 				{ color:#808080; text-decoration:none; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:8pt; background-color:#C0C0C0; }

/* picture-links */
a.apic:link 				{ color:#FFFFFF; text-decoration:none; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10pt; background-color:#FFFFFF; }
a.apic:visited			 	{ color:#FFFFFF; text-decoration:none; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10pt; background-color:#FFFFFF; }
a.apic:hover 				{ color:#FFFFFF; text-decoration:none; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10pt; background-color:#FFFFFF; }
a.apic:active 				{ color:#FFFFFF; text-decoration:none; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10pt; background-color:#FFFFFF; }


#layer1background {
	position : absolute; 
	z-index:10;
	top : 0px; 
	bottom : 0px;
	left : 0px;
	right : 0px; 
	background-color : white; 
	background-image:none;
	border : 0px; 
	width : 100%; 
	height : 100%; 
	margin : 0px; 
	padding : 0px;
}

#layer2bottom {
	position : absolute; 
	z-index:180;
	bottom : 0px; 
	right : 0px;
	left : 0px;
	background-color:white; 
	background-image:none;
	border-top : 1px dotted;
	width : 100%; 
	height : 40px; 
	margin : 0px; 
	padding : 0px;
}

#layer3rightdown {
	position : absolute; 
	z-index : 180;
	bottom : 40px; 
	right : 0px;
	background-color : white;
	background-image:none;
/*	border:2px solid red;	*/
	border-left : 1px dotted;
	border-top : 1px dotted; 
	width : 80px; 
	height : 80px; 
	margin : 0px; 
	padding : 0px;
	vertical-align:bottom;
}

.pfooter {
	text-align:right;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color : #000000;
	background-color:#FFFFFF;
	padding:2px;
	margin:2px;
}

#layer4rightup {
	position : absolute; 
	z-index : 179;
	top : 30px;
	right : 0px;
	background-color : white;
/*	border:2px solid blue;	*/
	border-left : 1px dotted;
	border-top : 1px dotted;
	width : 80px; 
	height:85%;
	min-height:200px; 
	margin : 0px; 
	padding : 0px;
	text-align:right;
	vertical-align:top;
	font-size:8pt;
}

#layer5contentcontainer {
	z-index:99;
	text-align:center;
	border:0px;
	margin : 0px; 
	padding : 0px;
}

#layer51content {
	position : absolute;
	z-index : 100;
	top : 10px;
	right : 85px;
	left : 20px;
	border : 2px solid red;
	background-color : white;
/*	background-image : url(/vers1/pics-page/otok_hvar/otok_hvar-pics/Bp8271050.jpg);   */
	background-repeat : no-repeat;
	width : 800px;
	height : 85%;
	margin : 20px auto;
	overflow:hidden
}



/* navigation */

#overfloat {
	position : relative;
	z-index : 200;
	top : 2px;
	left: 10px;
	float:left;
	background-color : transparent;
	border:0px ;
	width : 700px;
	height : 5px;
	margin:0px;
	padding:0px;
}

/* navigationsleiste */
/* aus: http://www.hszk.bme.hu/~hj130/css/list_menu/hover/hover_example.html */
	ul#mainMenu, ul  {
		padding:0;
		margin:0;
		list-style-type:none;
	}

	ul#mainMenu ul {
		margin-top:3px;
	}
	
	ul#mainMenu li {
		float:left; 
		padding-top:1px;
		padding-bottom:3px;
		padding-left:0px;
		padding-right:0px;
		width:150px;
		background-color:white;			/* for right mouseover effect */
		background-image:none;
	}
	

	ul#mainMenu  a {
		color:black;
		display:block;
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:10pt;
		border-top:1px dotted black;
		text-decoration:none;
	}
	
	ul#mainMenu ul a  {
		border-bottom:none;
		border-top:none;
		border-left:1px solid white;
		padding-left:10px;
	}
	
	ul#mainMenu ul a:hover {
		border-left:1px solid black;
	}
	
	ul#mainMenu ul {
		position:absolute;
		visibility:hidden;
		border-bottom:1px dotted black;
		background-color:white;			/* for right mouseover effect */
		background-image:none;
	}
	
	ul#mainMenu li:hover ul, ul#mainMenu li.hover ul{
		visibility:visible;
	}
	
	ul#mainMenu li li {
		float:none;
		border:none;
		padding:0;
	}
		
	ul#mainMenu li {
		behavior: url(/vers1/styles/hover.htc);
	}