/*
Theme Name: Art en Design theme
Theme URI: http://www.slimmersnellerbeter.nl
Description: WP Theme for the Social Campagn Best Western Hotels.
Version: 1.0
Author: Mike van der Ent
Author URI: http://www.slimmersnellerbeter.nl
Tags: design, art


*/



/* BASIC STYLES
------------------------------------------------------------------- */

body,html { 
	margin:0px;
	padding:0px;
	
}

a img { border:0px; }
a { color: #7aa6cb;text-decoration:none;}
a:hover { color:#FF0000;text-decoration:none;}



/* TOPFRAME
------------------------------------------------------------------- */

body { background:#000;background-image:url(images/background.jpg);background-position:center top;background-repeat:no-repeat} /* setting a background layout image */

#topwrapper {
	width:900px;
	height:100px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}  

#menuwrapper {
	position:absolute;
	width:500px;
	height:10px;
	right:0px;
}

#menuwrapper ul {padding:0px;margin:0px;padding-top:22px;}
#menuwrapper ul li {list-style:none;}
#menuwrapper ul li a {display:block;float:left;height:60px;border-left:1px solid #fff;padding-left:12px;padding-right:12px;font-family:helvetica;color:#fff;}
#menuwrapper ul li a:hover { color:#000;}

#logowrapper {
width:200px;
height:120px;
background-image:url(images/logoarthotel2.jpg);
background-repeat:no-repeat;
position:absolute;
top:4px;
left:14px;
}


/* CARROUSEL FRAME
------------------------------------------------------------------- */

#carrouselwrapper {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	height:150px;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	color:#000;
	background:#000;
}

#carrousel-inner {
	width:816px;
	margin-left:auto;
	margin-right:auto;
	padding-top:12px;
}

.infiniteCarousel {
  width: 816px;
  position: relative;
 margin-top:12px;
}

.infiniteCarousel .wrapper {
  width: 720px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 10em;
  margin: 0 40px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
  border: 1px solid #fff;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;

}

.infiniteCarousel ul li {
  display:block;
  float:left;
  height: 150px;
  width: 128px;
  padding-left:26px; 
  padding-right:26px;
  text-align:center;
  font-family:helvetica;
  color:#fff;
  line-height:40px;
  font-size:11px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel ul li a:hover img {
  border:1px solid #e585ab;
}


.infiniteCarousel .arrow {
  display: block;
  height: 38px;
  width: 37px;
  background: url(images/scroll_left.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 27px;
  cursor: pointer;
}

.infiniteCarousel .forward {
 background: url(images/arrow-right.png) no-repeat 0 -39px;
  right: 0;
}

.infiniteCarousel .back {

   background: url(images/arrow-left.png) no-repeat 0 0;
  left: 0;
}

.infiniteCarousel .forward:hover {
   background: url(images/arrow-right.png) no-repeat 0 0;
}

.infiniteCarousel .back:hover {
  background: url(images/arrow-left.png) no-repeat 0px -39px;
}

/* CONTENT FRAME
------------------------------------------------------------------- */

#contentwrapper {
	position:relative;
	width:900px;
	min-height:780px;
	margin-left:auto;
	margin-right:auto;
	
	background-image:url(images/content-bg.jpg);
	background-repeat:repeat-y;
}

#wallwrapperinner {
position:relative;
	width:900px;
	min-height:780px;
	margin-left:auto;
	margin-right:auto;
	
background-image:url(images/content-bg2.jpg);
	background-repeat:repeat-y;
background-position:right;
	
}

#leftcontent {
float:left;
width:540px;
padding-top:10px;
padding-left:20px;
padding-right:20px;
height:100%;
margin-top:20px;
font-family:helvetica;
font-size:12px;
}

#leftcontent h2,#leftcontent p {font-weight:lighter;margin:0px;padding:0px;}

.ontdekimg { width:540px;border-top:1px solid #dcdcdc;margin-top:12px;padding-top:12px;}
.imgleft { width:250px;height:200px;float:left;margin-left:10px;margin-bottom:12px;}
.imgright { width:250px;height:200px;float:left;margin-left:20px;margin-bottom:12px;}

.infotxt { margin-top:12px;padding-top:12px;border-top:1px solid #dcdcdc;clear:both;}
.infomore { margin-top:12px;padding-top:12px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;padding-bottom:12px;}

.infotxt h3,.infomore h3 { margin-top:0px;}


#rightcontent {
float:left;
width:290px;
padding:10px;
min-height:600px;
background-image:url(images/border.png);
background-repeat:no-repeat;
background-position:top left;
margin-top:20px;
}

#rightcontent2 {
float:left;
width:270px;
padding:20px;
min-height:600px;
margin-top:20px;
font-family:helvetica;
font-size:11px;
}

#rightcontent2 h4 { font-family:helvetica;font-size:14px;}
#rightcontent2 h4 small {font-weight:lighter;font-size:12px;}

.groups {}
.groups h3 { font-family:helvetica;font-weight:lighter;margin:0px;padding-left:20px;padding-top:8px}
.groups ul {padding:12px;margin:0px;}
.groups ul li {list-style:none;border-top:1px solid #dcdcdc;padding:4px;color:#999;font-size:12px}
.groups ul li a {padding:8px;color:#999;font-family:helvetica;font-size:12px;}
.groups ul li a:hover {color:#000;}



/* FOOTER
------------------------------------------------------------------- */

#footerwrapper {
	background:#d9d7d0;
	border-top:1px solid #fff;
	height:220px;
	background-image:url(images/footer-bg.png);
	background-position:bottom left;
	background-repeat:repeat-x;
}

#innerfooter {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

.footerblok {
	width:205px;
	padding:10px;
	float:left;
}

.footerblok h4 {
	font-family:helvetica;
	color:#9b9b9a;
	font-weight:lighter;
	font-size:14px;
	margin-bottom:8px;
}

.footerblok ul { padding:0px;margin:0px; }
.footerblok ul li { list-style:none;font-family:helvetica;font-size:11px;padding-bottom:4px; }
.footerblok ul li a { color:#333;}
.footerblok ul li a:hover {color:#72b3bb;}


/* TWEETS
------------------------------------------------------------------- */

#latest_tweet {
	color:#999;
	font-family:georgia;
	font-size:14px;
	width: 200px;
	padding: 45px;
	text-align:center;
	padding-top:0px;
	padding-bottom:0px;
}
#latest_tweet small, #latest_tweet a {
	color: #7aa6cb;
}

#latest_tweet a:hover {
	color: #FF0000;
}

.loading {
	background: url('ajax-loader.gif') center no-repeat;
	height: 60px;
}

/* SPECIAL CSS
------------------------------------------------------------------- */

.groups ul li a.speciallink {color:#7aa6cb;}
.groups ul li a:hover.speciallink {color:#7aa6cb;font-weight:bold}
.alignleft { float:left;margin-right:20px;border:0px solid #dcdcdc;}
.entrypost { border-bottom:1px solid #dcdcdc;clear:both;padding-bottom:12px;}
.navigation {clear:both;}
.entry { padding-bottom:12px;}

.votewidget_skin {
font-family:helvetica;
font-size:12px;
margin-top:20px;
border-top:1px solid #dcdcdc;
margin-left:12px;
}

.votelistind {
padding-top:4px;
padding-bottom:4px;
border-bottom:1px solid #dcdcdc;
padding-left:0px;
margin-left:0px;
}

/* ART
------------------------------------------------------------------- */

.art { border:1px solid #dcdcdc;padding:8px;margin-bottom:12px;}
.artleft { float:left;width:470px; }
.artright { float:left;width:50px;}

#GB_overlay {
  background-image: url(http://www.mesicweb.nl/overlay.png); 
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  z-index: 100;
  width:  100%;
  height: 100%;
}

* html #GB_overlay {
  background-color: #000;
  background-color: transparent;
  background-image: url(http://www.mesicweb.nl/blank.gif);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.mesicweb.nl/overlay.png", sizingMethod="scale");
}

#GB_window {
  top: 20px;
  left: 0px;
  position: absolute;
  background: #fff;
  border: 5px solid #aaa;
  overflow: auto;
  width: 400px;
  height: 400px;
  z-index: 150;
}

#GB_frame {
  border: 0;
  overflow: auto;
  width: 100%;
  height: 378px;
}

#GB_caption {
  font: 12px bold helvetica, verdana, sans-serif;
  color: #fff;
  background: #888;
  padding: 2px 0 2px 5px;
  margin: 0;
  text-align: left;
}

#GB_window img {
  position: absolute;
  top: 2px;
  right: 5px;
  cursor: pointer;
  cursor: hand;
}

/* UPLOADEN
------------------------------------------------------------------- */

.veld { padding-bottom:12px;padding-top:12px;border-bottom:1px solid #dcdcdc;}
td { vertical-align:top;padding-bottom:12px;}


/* KAART
------------------------------------------------------------------- */

#map { 
width:880px;
height:500px;
padding:35px;
background-image:url(images/kaartontdek.jpg);
background-repeat:no-repeat;
background-position:30px center;
font-family:helvetica;
color:#666;
font-size:11px;
}

a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:-12px; left:-18px;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(images/bubble.gif) no-repeat bottom;
}

/* KAART
------------------------------------------------------------------- */
#hoverplaces { position:relative;margin-left:240px;top:24px;height:420px;width:560px;}
#place01 { position:absolute;height:20px;width:20px;top:160px;left:220px;}
#place02 { position:absolute;height:20px;width:20px;top:220px;left:220px;}
#place03 { position:absolute;height:20px;width:20px;top:240px;left:170px;}
#place04 { position:absolute;height:20px;width:20px;top:170px;left:320px;}
#place05 { position:absolute;height:20px;width:20px;top:300px;left:320px;}


/* LOGO LINK
------------------------------------------------------------------- */
.logo {
display:block;
width:120px;
height:80px;
text-indent:-9999px;
}

.commentlist li { padding:12px;border-bottom:1px dotted #dcdcdc;}
.commentlist li div div { padding-top:4px;padding-bottom:4px;}
.commentlist li div { font-weight:bold;}