/* drepanum.de layout */


html {
	
	background:#ffffff url(images/background6.jpg) top no-repeat; min-width:1em; 
}

body {
	margin:1.5em 1em 1em 1em;	
	padding:0;
	text-align:left;
	font:12px Georgia, Roman, Serif;
	color:#333;
}

h1 {  
	clear:both;
	margin:0;
	padding-left:3px;
	letter-spacing:0.12em;
	Word-spacing:0.18em;
	font:11px Georgia, Serif;
	color:#ffffff;
	float:left;	
}

h3 {
	margin:0;
	padding:0 0 0 0;
	font-size:16px;
	font-weight:normal;
}

h4 {
	margin:10px 0 0 7px;
	font-size:16px;
	font-weight:normal;
}

h5 {
	clear:both;
	margin:0;
	padding-left:3px;
	letter-spacing:0.12em;
	Word-spacing:0.18em;
	font:11px Georgia, Serif;
	color:#fafafa;
	float:left;
}

h6 {
	clear:both;
	margin:0;
	padding-left:3px;
	letter-spacing:0.15em;
	Word-spacing:0.2em;
	font:11px Georgia, Serif;
	color:#ffffff;
	float:left;
}

p {
	line-height:1.5em;
	text-align:justify;
}

a {
	text-decoration:none;
	color:#000000;
}

a:hover {
	text-decoration:underline;
}
	

/*----------------------------------------container-----------*/

#content {
	margin:0 auto; padding:auto;
	width:auto;
	max-width:970px;
	min-width:680px;
}
.entry {
	max-width:60em;
	/*background:#f3e4bb;
	*/padding: 1.8em 2em 1em 0em;
	margin:11px 19em 11px 0;
}
.entry a {
	text-decoration:none;
	color:#74705f;
}

.entry a:hover {
	text-decoration:underline;
}


.entry2 {
	max-width:60em;
	/*background:#f3e4bb;
	*/padding: 0em 2em 1em 0em;
	margin:11px 19em 0 0;
}
.entry2 a {
	text-decoration:none;
	color:#74705f;
}

.entry2 a:hover {
	text-decoration:underline;
}


/*---------------------------------------------------content styles-------------*/

.entry2 img { 
	border: 0px;
}

.entry2 img.left { 
	float: left; 
	clear: none;
	margin: 5px 10px 5px 0; 
	border: 4px solid silver; 
	width: 40%;
}

.entry2 img.right { 
	float: right; 
	margin: 0 0 0 10px; 
	border: 4px solid silver;width: 40%;
}

.entry2 img.icon { 
	float: left;
	margin: 0 10px 0 0; 
	background: #f3e4bb;
	border: 0px solid #f3e4bb;
}

.entry2 img.web {position:relative; left:1px; top:1px; }



/* -----------------------------------------------------------sidebar------------*/

#sidebar {
	width:200px;
	height:max;
	float:right;
	clear:right;
	margin-left:2em;
	margin-top:11px;
	/*background:#D5CFA5;
*/	border-left:1px solid grey; padding:0.5em 0 0.7em 1em;
	font-size:0.9em;
}

#sidebar p{
	line-height:1.3em;
	text-align:left;
}

#sidebar img{
	border:0px;
	text-decoration:none;
}


/*----------------------------------------------------------sidelinks----------*/

.sidelink{
	display:block;
	width:auto;
	background:#D5CFA5;
	padding:2px 3px 2px 7px; border:1px solid silver;
 margin:0 0 5px 0;}

.sidelink:hover{
	background:#F3ECD9;
	text-decoration:none;
}

.sidelink img{
	border:0px;
	text-decoration:none;
}

/*-------------------------------------*/

.activesublink{
	display:block;
	width:auto;
	background:#F3ECD9;
	padding:3px 4px 3px 8px;
	border-bottom:0px solid #D5CFA5;
}

.activesublink:hover{
	background:#DED2B2;
	text-decoration:none;
}

.activesublink img{
	border:0px;
	text-decoration:none;
}

/*-------------------------------------*/

.activesubdarklink{
	display:block;
	width:auto;
	background:#DED2B2;
	padding:3px 4px 3px 8px;
	border-bottom:0px solid #D5CFA5;
}

.activesubdarklink:hover{
	background:#DED2B2;
	text-decoration:none;
}

.activesubdarklink img{
	border:0px;
	text-decoration:none;
}

/*-------------------------------------*/

.activeplink{
	display:block;
	width:auto;
	background:#F3ECD9;
	padding:3px 4px 3px 8px;
	border-bottom:1px solid #D5CFA5;
}

.activeplink:hover{
	text-decoration:none;
}

.activeplink img{
	border:0px;
	text-decoration:none;
}

/*-------------------------------------*/

.activesidelink{
	text-align:left;
	display:block;
	width:auto;
	background:#F3ECD9;
	padding:3px 4px 3px 8px;
 margin:0 0 5px 0;
}

.activesidelink:hover{
	background:#DED2B2;
	text-decoration:none;
}

.activesidelink img{
	border:0px;
	text-decoration:none;
}


/*-------------------------------------------------------------------------block pictograms*/
.stadtblock{
	display:block;
	height:28px;
	width:188px;
	padding:8px 0 0 8px;
	/*background:#D5CFA5;
*/	background-image:url(images/land_auto.png);
	background-repeat:no-repeat;
	background-position:100% 100%;
	font-size:16px;
	text-decoration:none;
}

.stadtblock:hover{
	text-decoration:none;
}


.landblock{
	display:block;
	height:28px;
	width:188px;
	padding:8px 0 0 8px;
	/*background:#D5CFA5;
*/	background-image:url(images/land_baglio.png);
	background-repeat:no-repeat;
	background-position:100% 100%;
	font-size:16px;
	text-decoration:none;
}

.landblock:hover{
	text-decoration:none;
}

.meerblock{
	display:block;
	height:28px;
	width:188px;
	padding:8px 0 0 8px;
	/*background:#D5CFA5;
	*/background-image:url(images/land_meer2.png);
	background-repeat:no-repeat;
	background-position:100% 100%;
	font-size:16px;
	text-decoration:none;
}

.meerblock:hover{
	text-decoration:none;
}


.homeblock{
	display:block;
	height:28px;
	width:188px;
	padding:8px 0 0 8px;
	/*background:#D5CFA5;*/
	background-image:url(images/land_home.png);
	background-repeat:no-repeat;
	background-position:100% 100%;
	font-size:16px;
	text-decoration:none;
}

.homeblock:hover{
	text-decoration:none;
}



/*------------------------------------------------------------banners-------*/

#banner {
	width:auto;
	height:160px;
	background:url(images/banner/banner_zingaro2.jpg) right no-repeat;
}

#banner_provinz {
	width:auto;
	height:160px;
	background:url(images/banner/banner_uliveto.jpg) right no-repeat;
}

#banner_gibellina {	
	width:auto;
	height:160px;
	background:url(images/banner/banner_gibellina.jpg) right no-repeat;
}

#banner_egadi {
	width:auto;
	height:160px;
	background:url(images/banner/banner_favignana.jpg) right no-repeat;
}

#banner_erice {
	width:auto;
	height:160px;
	background:url(images/banner/banner_erice4.jpg) right no-repeat;
}

#banner_mozia {
	width:auto;
	height:160px;
	background:url(images/banner/banner_mozia3.jpg) right no-repeat;
}

#banner_sanvito {
	width:auto;
	height:160px;
	background:url(images/banner/banner_sanvito.jpg) right no-repeat;
}

#banner_osorio {
	width:auto;
	height:160px;
	background:url(images/banner/banner_osorio2.jpg) right no-repeat;
}

#banner_unterkunft {
	width:auto;
	height:160px;
	background:url(images/banner/banner_ferien2.jpg) right no-repeat;
}
#banner_mauro {
	width:auto;
	height:160px;
	background:url(images/banner/banner_mauro2.jpg) right no-repeat;
}
#banner_porticciolo {
	width:auto;
	height:160px;
	background:url(images/banner/banner_porticciolo2.jpg) right no-repeat;
}

#banner_kontakt {
	width:auto;
	height:160px;
	background:url(images/banner/banner_ulivo.jpg) right no-repeat;
}

#banner_trapani {
	width:auto;
	height:160px;
	background:url(images/banner/banner_garibaldi.jpg) right no-repeat;
}

#banner_klima {
	width:auto;
	height:160px;
	background:url(images/banner/banner_grano.jpg) right no-repeat;
}

#banner_kultur {
	width:auto;
	height:160px;
	background:url(images/banner/banner_kultur2.jpg) right no-repeat;
}

#banner_anreise {
	width:auto;
	height:160px;
	background:url(images/banner/banner_trapani2b.jpg) right no-repeat;
}

#banner_sehen {
	width:auto;
	height:160px;
	background:url(images/banner/banner_trapani7a.jpg) right no-repeat;
}

#banner_essen {
	width:auto;
	height:160px;
	background:url(images/banner/banner_essen2.jpg) right no-repeat;
}

#banner_mail {
	width:auto;
	height:160px;
	background:url(images/banner/banner_trapani8.jpg) right no-repeat;
}

#banner_antik {
	width:auto;
	height:160px;
	background:url(images/banner/banner_selinunte.jpg) right no-repeat;
}

#banner_saline {
	width:auto;
	height:160px;
	background:url(images/banner/banner_saline.jpg) right no-repeat;
}

#banner_roccia {
	width:auto;
	height:160px;
	background:url(images/banner/banner_roccia.jpg) right no-repeat;
}

#banner_villino {
	width:auto;
	height:160px;
	background:url(images/banner/banner_villino.jpg) right no-repeat;
}

#banner_villino2 {
	width:auto;
	height:160px;
	background:url(images/banner/banner_villino2.jpg) right no-repeat;
}
	
#banner_francesco {
	width:auto;
	height:160px;
	background:url(images/banner/banner_francesco2.jpg) right no-repeat;
}

#banner_ferrari {
	width:auto;
	height:160px;
	background:url(images/banner/banner_levanzo.jpg) right no-repeat;
}

#banner_sitemap {
	width:auto;
	height:160px;
	background:url(images/banner/banner_sitemap.jpg) right no-repeat;
}

#banner_links {
	width:auto;
	height:160px;
	background:url(images/banner/banner_castellamare.jpg) right no-repeat;
}#banner_falluca {
	width:auto;
	height:160px;
	background:url(images/banner/banner_falluca.jpg) right no-repeat;
}

#banner_ligny {
	width:auto;
	height:160px;
	background:url(images/banner/banner_ligny.jpg) right no-repeat;
}

#banner_error {
	width:auto;
	height:160px;
	background:url(images/banner/banner_mozia2.jpg) right no-repeat;
}

/*-------------------------------------------------navigationsleiste------*/


#navlink, #navlink a {
	float:right;
	margin:0 0.1em;
	text-align:right;
	font-family:sans-serif;
	font-size:10px;
	color:#ffffff;
	font-weight:100;
}

#navlinkdark, #navlinkdark a {
	float:right;
	margin:0 0.1em;
	text-align:right;
	font-family:sans-serif;
	font-size:10px;
	color:gray;
	font-weight:100;
}

 

#navtop {
	clear:both; width:auto; text-align:left; font-size:2em;
	letter-spacing:0.22em; 
	text-decoration:none;
	color:#505050;
	padding:1px;
 margin :33px 0 10px 0;}	

#navtop a:hover {
	background:url(images/navlink.png) no-repeat;
	text-decoration:none;
	color:#fff;
}




#IEtrenner {
	width:10px;
	height:111px;
}

#navlx {
	float:right;
	text-align:center;
}

#navlx a {
	font-size:12px;
	display:block;
	width:100px;
	text-decoration:none;
	color:#333;
	padding:2px 4px;
	background-color:#D5CFA5;
}	

#navlx a:hover {
	background:url(navlink.png) no-repeat;
	text-decoration:none;
	color:#fff;
}

/*----------------------------------------active navigation*/

#navla {
	float:right;
	text-align:center;
}

#navla a {
	color:#ffffff;
	display:block;
	width:100px;
	text-decoration:none;
	padding:1px 3px;
	border:#D5CFA5 solid;
	border-width:1px;
}

#navla a:hover {
	background:url(navlink.png) no-repeat;
	text-decoration:none;
	color:#fff;
}

/*----------------------------------------side-footer-------------*/

#footer, #footer a {
	clear:both;
	font-family:sans-serif;
	margin:1px 0 1em 0;
	text-align:center;
	color:#b3ae8b;
	font-size:0.8em;}

#footer img {position:relative; top:3px}



/*----------------------------------------lightbox----------------*/

#lightbox {
	position: absolute;	
	left: 0; 
	right: 0;
	top: 30px;
width: 100%; 
	z-index: 100; 
	text-align: center; 
	line-height: 0;
}

#lightbox img{ 
	width: auto; 
	height: auto;
}

#lightbox a img{ 
	border: none; 
}

#outerImageContainer{ 
	position: relative; 
	background-color: #fff; 
	width: 250px; 
	height: 250px; 
	margin: 0 auto; 
}

#imageContainer{ 
	padding: 10px; }

#loading{ 
	position: absolute; 
	top: 40%; 
	left: 0%; 
	height: 25%; 
	width: 100%; 
	text-align: center; 
	line-height: 0; 
}

#hoverNav{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10; 
}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}

#prevLink, 

#nextLink{ 
	width: 49%; 
	height: 100%; 
	background-image: url(data:image/gif;base64,AAAA); 

	/* Trick IE into showing hover */ 

	display: block; 

}

#prevLink { 
	left: 0; 
	float: left;
}

#nextLink { 
	right: 0; 
	float: right;
}

#prevLink:hover, 
#prevLink:visited:hover { 
	background: url(images/prevlabel.gif) left 15% no-repeat; 
}

#nextLink:hover, 
#nextLink:visited:hover { 	background: url(images/nextlabel.gif) right 15% no-repeat; 
}

#imageDataContainer{ 
	font: 10px Verdana, Helvetica, sans-serif; 
	background-color: #fff; 
	margin: 0 auto; 
	line-height: 1.4em; 
	overflow: auto; 
	width: 100%;
}

#imageData{	
	padding:0 10px; 
	color: #666; 
}

#imageData 
#imageDetails{ 
	width: 70%; 
	float: left; 	
	text-align: left; 
}	

#imageData #caption{ 
	font-weight: bold;	
}
#imageData #numberDisplay{ 
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}

#imageData #bottomNavClose{ 
	width: 66px; 
	float: right;  
	padding-bottom: 0.7em; 
	outline: none;
}

#overlay{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 90; 
	width: 100%; 
	height: 500px; 
	background-color: #000; 
}