@font-face {
    font-family: 'puphafont';
    src: url('fonts/ColabThi-webfont.eot');
    src: url('fonts/ColabThi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ColabThi-webfont.woff') format('woff'),
         url('fonts/ColabThi-webfont.ttf') format('truetype'),
         url('fonts/ColabThi-webfont.svg#roboto-thin') format('svg');
    font-weight: normal;
    font-style: normal;
}
#body {
	background:#FFF;
	color:#fff;
	background-attachment:fixed;
	font-family: 'Roboto-Thin';
	width:100%;
	height:auto;
	text-align:center;
}

a {
	color:#3044cf;
	text-decoration:none;

}
a:hover {
	color:#071a9e;
	text-decoration:none;
}

h1, h2, h3, a, h4, h5, p {
font-family:'puphafont';
}
#page {
		background: none;
	width:1236px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
#map_canvas {
width:1236px;
height:600px;
}
#inhoud {
	margin:auto;
	width:1236px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	
}

#inhoud.collection {
	width:1236px;
	
}

#enter {
	height:3px;
	}
#menu {

	width: 570px;

	height: 24px;

	margin: 0 auto;

	padding-top: 0;

	background: #FFF;
	color:#111;
	
	border:0px #1f1f1f solid;
margin-bottom:10px;

float:right;
margin-right:0px;
margin-left:20px;
	
}
#menu.en, #menu.en ul {
	width:600px;
}
#menu.collection {
	float:right;
}


#menu ul {

	float: right;

	margin: 0;

	padding-left: 4px;

	list-style: none;

	line-height: normal;

         background:none;

         border:0px;
	width: 565px;
margin-top:30px;
margin-bottom:-15px;

}





#menu li {
	float:left;
	color: #FFF;
	
	
	margin-top:3px;
	display:inline;
	

}

#menu a.estore {
color:#353F5;
font-weight:bold;
}


#menu a {

	display: block;

	width: auto;
	
	padding-left:5px;
	padding-right:5px;
	height: 12px;

	margin-left: 0px;

	padding-bottom: 3px;

	background: none;

	font-family:'puphafont';
	


	text-decoration: none;

	text-align: center;

	font-size:14px;

	font-weight: bolder;

	color: #998E7d;


	text-align: center;
	
	text-decoration: none;
	outline: none;
	border-right: 1px solid #666;


	

}

#menu .last {
border-right:0px;
}

#menu a:hover, #menu .current_page_item a, #menu .current a {

	color: #443D38;
	background: url(images/current.png) repeat-x left top;
         

}



#menu .current_page_item a, #menu .current a {

	background: url(images/current.png) repeat-x left top;

	padding-left: 0;

	color: #FFF;

}



#header {
	background:url(images/bg_header.jpg) repeat-y center top;
	background-position:inherit;
	height:50px;
	width:1236px;
	color:#FFF;
	border-bottom:7px #1f1f1f;
	border:0,5px #000 solid;
	
}
#player {
float:right;

list-style:none;
}
#player li {
float:left;
}
#logolan {
float:right;

list-style:none;
}
#logolan li {
float:left;
}
#logo_small {
background:url(images/logo_small.png) no-repeat;
height:20px;
width:21px;
margin-right:4px;
margin-top:4px;
}
#tekstbox {
	background:#ff0;
	width:100px;
font-family:'puphafont';
	color:#FFF;
}
#name {
	font-size:20px;
	text-align:right;
	color:#FFF;
	text-shadow:#5f5f5f 2px;
	
}
	
#email {
	color:#633;
	text-decoration:none;
	float:right;
	padding-right:5px;
font-family:'puphafont';
	text-align:right;
	font-size:18px;
	background:url(images/levering.png) no-repeat ;
	height:26px;
	width:200px;
	margin-top:8px;
}

#email a {
	color:#633;
	text-decoration:none;
	float:right;
	padding-right:0px;
	font-family:'puphafont';
	text-align:right;
	font-size:18px;
	
}
#arcera {
	color:#633;
	text-decoration:none;
	float:right;
	padding-right:5px;
	font-family:'puphafont';
	text-align:right;
	font-size:18px;
	background:url(images/arcera.png) no-repeat ;
	height:33px;
	width:250px;
	margin-top:5px;
}

#arcera a:hover{
	color:#633;
	text-decoration:none;
	float:right;
	padding-right:0px;
	font-family:'puphafont';
	text-align:right;
	font-size:18px;
	background:url(images/arcera_hover.png) no-repeat ;
	
}

#welcome {
	color:#FFF;
	text-decoration:none;
	float:right;
	font-family:'puphafont';
}
#logo img  {
	float:left;
	padding-left:5px;
}

#logo {
  padding-top:3px;
	padding-left:19px;
	
}
#headerinfo {
	background:none;
	height:40px;
	width:1236px;
	color:#FFF;
	font-family:'puphafont';
	
	
}
#headerlogo {
background:url(images/header.png);
width:600px;
height:77px;
float:left;
}


#contactgegevens {
	width:1136px;
	color:#443D38;
	font-size:11px
	font-family:'puphafont';
}

p {
	font-family:'puphafont';
}

#menuverticaal {
	background:#343435;
	width:144px;
	color:#FFF;
	text-align:center;
	float:left;
	font-family:'puphafont';
	height:600px;
	padding-left:6px;
	font-weight:bold;
	border:2px #000;
	

	

}

#menuverticaal li {
	padding-top:500px;
	float:left;
	list-style:none;
}

#submenu {
	background:#656463;
	width:120px;
	text-align:left;
	font-family:'puphafont';
	color:#FFF;
	padding-left:6px;
	float:left;
	padding-top:6px;
	overflow:hidden;
	
}
#levering {
	width:50px;
	background-image:url(images/levering.png);
	
}
#cbalk {
background:url(images/3cbalk.jpg);
height:36px;
margin-top:40px;
width:1236px;
}
#collection_slider {
background:#000;
width:900px;
height:460px;
}
#right_inhoud {
	float:right;
	background: none;
	width:900px;
	font-family:'puphafont';
	color:#FFF;
	text-align:left; 
	
	height:663px;
	margin-bottom:10px;
	padding-bottom:10px;
	margin-top:3px;

	

	
	
}

#right_inhoud.home {
background: url(images/bg_content.png);
height:746px;


}

#right_inhoud p {
padding-left:20px;
padding-right:10px;

}
#right_inhoud_collection p {
padding-left:20px;
padding-right:10px;
}

#right_inhoud_collection {
	float:left;
	background:url(images/collection.jpg) no-repeat;
	width:1236px;
	font-family:'puphafont';
	color:#FFF;
	text-align:left; 
	
	height:1929px;
	margin-bottom:10px;
	padding-bottom:10px;
	margin-top:3px;


}

#top {
	font-size:18px;
	margin-top:10px; 
	text-align:center;
	color:#fff;
	}

#showcase_map {
background: url(images/showcase_map.png);
height:464px;
width:900px;
margin-top:6px;
}

#collection_showcase {
	margin-top:90px;
}
#showcase {
background: url(images/showcase.png);
height:464px;
width:900px;
margin-top:6px;
}

#showcase img.floatLeft {
float:left;
margin:35px 0px 0px 70px;
}

#showcase img.floatRight {
float:right;
margin:35px 70px 0px 0px;
}

/* Modellen en posters */
#jongen {
background: url(images/poster2011.png);
width:848px;
height:700px;
float:left;
margin:2px 0px 0px 00px; 
}

#jongen2 {
background: url(images/jongen2.png);
width:400px;
height:591px;
float:left;
margin:45px 0px 0px 0px; 
}

#groep {
background: url(images/groep.png);
width:900px;
height:351px;
margin:3px 0px 0px 0px; 
}

#groep2 {
background: url(images/groep2.png);
width:1236px;
height:371px;
margin:10px 0px 0px 0px;
} 

#jongen3 {
background: url(images/jongen3.png);
width:1236px;
height:371px;
margin:370px 0px 0px 0px;
} 

#jeans_story {
background: url(images/jeans_story.png);
width:463px;
height:723px;
float:right;
margin:2px 0px 0px 0px;
position:relative;
}

#bont {
background: url(images/bg_bont.png);
width:400px;
height:388px;
float:right;
margin:2px 0px 0px 0px;
}

#poster3 {
background: url(images/poster3.jpg);
width:900px;
height:700px;
margin-top:450px;
}

#estore_klein {
background: url(images/estore_klein.png);
width:100px;
height:100px;
margin:10px 0px 0px 15px;
float:right;

}

#poster4 {
background: url(images/poster4.png);
width:1236px;
height:367px;
margin-top:370px;
}

#poster_wall {
background: url(images/poster_wall.jpg);
width:1236px;
height:370px;
margin-top:350px; 


}

#colombianight {
background: url(images/colombianight.jpg);
width:500px;
height:335px;
margin:7px 45px 0px 0px;
float:right;
}

#collection_poster {
	background: url(images/collection_poster.jpg);
	width:900px;
	height:464px;
	margin-top:400px;
}
	
img.slogan_collection {
	margin-top:5px;
	
	}
/* Einde Modellen en posters */

#tekstvak {
background:#FFF;
margin:2px 0px 0px 0px;
border:0px #888 solid;
float:right;
padding:6px;
color:#443D38;
font-family:'puphafont';
padding:30px 10px 0px 10px;
overflow:auto;
text-align:left;
font-style:normal;
font-size:18px;

}

#tekstvak.home {
	overflow:auto;
	width:360px;
	height:694px;
margin-top:3px;	background:url(images/tekstvak_bg.png);
padding-top:4px; 
color:#443D38;
font-style:normal;
font-size:18px;

}
#tekstvak.about {
	height:650px;
	width:650px;
	margin:30px 20px 0px 0px;
	color:#443D38;
	

}
	
#tekstvak.customer1 {
width:740px;
margin:2px 13px 13px 0px;
overflow:auto;
float:left;
height:690px;

}
#tekstvak.customer1 li {
margin-left:25px;
}
#tekstvak.brand_tekst {
height:377px;
width:1236px;
margin:2px 0px 13px 0px;
overflow:auto;
float:left;
background:url(images/tekstvak_bg.jpg) no-repeat;
padding-top:20px;
}
#tekstvak.brand_tekst p, #tekstvak.retail p, #tekstvak.agent p {
margin-left:168px;
margin-right:168px;

}
#tekstvak.brand_tekst, #tekstvak.retail, #tekstvak.agent {
text-align:center;
}
#tekstvak.storelocator {
width:895px;
margin:3px 0px 0px 0px;
height:340px;
overflow:hidden;
padding:0px;


}
#tekstvak.retail {
	height:377px;
width:1236px;
margin:2px 10px 13px 0px;
overflow:auto;
float:left;
background:url(images/tekstvak_bg.jpg) no-repeat;
padding-top:20px;

}

#tekstvak.agent {
	height:377px;
width:1236px;
margin:2px 0px 13px 0px;
overflow:auto;
float:left;
background:url(images/tekstvak_bg.jpg) no-repeat;
padding-top:20px;
font-size:18px;
}

#tekstvak_links {
background: none;
margin:10px 0px 0px 0px;
width:860px;
font-family:'puphafont';
padding:0px 10px 30px 10px;

height:280px;
text-align:left;
position:relative;
overflow:scroll;
overflow-x:hidden;
}
.pupha_logo {
	padding-top:160px;
}
#tekstvak_links a {
padding-left:120px;

height:10px;
color:#fff;

}

#tekstvak_links a:hover {
color:#3044cf;
}


#tekstvak_links.floatLeft {
float:left;
}
#tekstvak_links.floatRight {
float:right;
}

#showcase.links {
background: url(images/showcase_links.png);
height:306px;
width:880px;
margin-top:6px;
margin:3px 50px 20px 0px;
padding:0px 10px 30px 10px;
font-family:'puphafont';


}


#showcase.links a.floatLeft {
float:left;



}

#showcase a.floatRight {
float:right;

}





#logo_tekstvak {
float:right;
padding-top:20px;
padding-bottom:20px;
padding-right:20px;
}

#pupha_logo_tekstvak {
width:360px;
height:177px;
background: url(images/pu_pha_logo_home.png);
float:right;
margin:70px 80px 0px 0px; 

}

#icons {
float:right;
margin:75px 35px 0px 0px;
}
#contact {
background: url(images/tekstvak_bg.jpg);
height:377px;
width:1236px;
float:left;
margin-top:6px;
color:#443D38;
text-align:left;

}
#contact h3 {
margin:50px 0px 0px 85px;
font-weight:bold;
font-size:22px;
}

#contact a {
color:#890C08;
text-decoration:none;
}
#gegevens {
margin:20px 0px 0px 85px;
font-family:'puphafont';
font-size:18px;
}
 /*{
margin-left:70px;
margin-right:70px;
margin-top:60px;
}
*/
#puphaontheroad {
	background:url(images/puphaontheroad.png);
	width:485px;
	height:184px;
	float:right;
	margin-right:115px;
	margin-top:140px;
}
#contact a:hover {
color:#550907;

}

#contact img.floatLeft {
float:left;
margin:0px 0px 0px 70px;
}

#contact img.floatRight {
float:right;
margin:10px 70px 100px 0px;
}

#contact img.floatRight2 {
float:right;

margin:-20px 120px 0px 0px;
}
.title_contact {
padding-left:20px;
text-decoration:underline;
margin-left:68px;
margin-top:20px;
}
.title {
padding-left:20px;
text-decoration:underline;
}

#poster {


}
#slideshow {
    position:relative;
    width:849px;
height:715px;
float:left;
margin:2px 0px 0px 00px; 
background:url(images/mask.png) no-repeat;
}
#containerposter {
position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;

}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	
}
 
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
 
#slideshow IMG.last-active {
    z-index:9;
}

#scheiding_groot {
	font-size:24px;
	font-family:'puphafont';
	color:#FFF
	text-align:right;
	
}
#footer {
background:url(images/3cbalk.jpg);
height:36px;
font-family:'puphafont';
color:#000;
font-size:18px;
text-align:left;
width:1236px;
font-weight:bold;
top:5px;
position:relative;
}

#footer a {
background-color: none;
color: #212121;
text-decoration: none;
font-family:'puphafont';
font-weight: normal;
border-right:0px #212121 solid;
padding:0px 3px 0px 3px;
float:right;
}
#footer a.facebook {
background:url(images/facebook_ic.png) no-repeat;
width:20px;
height:20px;
margin-top:10px;
margin-right:3px;
}
#footer a.twitter {
background:url(images/twitter_ic.png) no-repeat;
width:20px;
height:20px;
margin-top:10px;
margin-right:3px;
}
#footer a.plusone {
float:right;
width:24px;
height:15px;

margin-top:10px;
margin-right:3px;
}
#footer a.facebook_like {
float:right;
margin-top:10px;
margin-right:3px;
}

/* Margins social media balk */
#footer.about {
top:5px;
float:left;
margin-bottom:25px;
}
#footer.collection {
float:left;
margin-bottom:25px;
width:1236px;
}
#footer.stores {
float:left;
top:5px;
margin-bottom:25px;
}
#footer.customer {
float:left;
top:-10px;
margin-bottom:25px;
}
#footer.contact {
float:left;
top:5px;
margin-bottom:25px;

}
#footer.agent {
float:left;
top:-30px;
margin-bottom:25px;
}
#footer.retail, #footer.brand {
float:left;
top:-30px;
margin-bottom:25px;

}
#footer.home {
float:left;
top:5px;
margin-bottom:25px;

}
/* End of margins social media balk */
#footer a:visited{
background-color: transparent;
color: #212121;
text-decoration: none;
font-family:'puphafont';
font-weight: normal;

}

#footer a:hover{
background-color: none;
color: #ADBBD9;
text-decoration: none;
font-family:'puphafont';
font-weight: normal;

}

#footer a:active{
background-color: transparent;
color: #212121;
text-decoration: none;
font-family:'puphafont';
font-weight: normal;


} 

#copyright {
	font-family:'puphafont';
	color:#666;
	font-size:18px;
	
}

#slogan {
	font-family:'puphafont';
	color:#333;
	font-size:18px;
	text-align:center;
	padding-top:12px;
	margin-bottom:0px;
	
	
	
}

/* Formulier contact */
.submit_button {
	color:#fff; 
	font-weight:bold;
	font-family: 'Arial'; 
	background:#101010; 

	padding:2px;
}

.submit_button:hover {
	color:#fff; 
	font-weight:bold;
	font-family: 'Arial'; 
	background:#1E0708; 
	
	padding:2px;
	text-decoration:underline;
}

/* Einde formulier Contacts */
/* slider specific CSS */
        .sliderGallery {
            background: none;
            overflow: hidden;
            position: relative;
            padding: 10px;
            height: 454px;
            width: 862px;
			margin-left:9px;
			margin-right:9px;
        }
        
        .sliderGallery UL {
            position: absolute;
            list-style: none;
            overflow: none;
            white-space: nowrap;
            padding: 0;
            margin-top: 4px;
        }
        
        .sliderGallery UL LI {
            display: inline;
        }
        
        .slider {
            width: 840px;
            height: 17px;
            margin-top: 410px;
            margin-left: 2px;
            padding: 1px;
          
            background: url(images/scroller.png) no-repeat;
        }
        
        .handle {
            position: absolute;
            height: 17px;
            width: 181px;
            background: url(images/handler.png) no-repeat;
            z-index: 100;
			margin-left:10px;
        }
        
        .slider span {
            color: #bbb;
            font-size: 80%;
            cursor: pointer;
            position: absolute;
            z-index: 110;
            top: 3px;
        }
        
        .slider .slider-lbl1 {
            left: 50px;
        }
        
        .slider .slider-lbl2 {
            left: 107px;
        }
        
        .slider .slider-lbl3 {
            left: 156px;
        }

        .slider .slider-lbl4 {
            left: 280px;
        }

        .slider .slider-lbl5 {
            left: 455px;
        }
		
.sliderGallery img {
	margin-left:6px;
}

/* Map */ 
#map {
font-family:'puphafont';
}
#map_title {
	visibility:hidden;
}
#nav {

	width: auto;

	height: 24px;


	padding-top: 0;

	background: #FFF;
	color:#111;
	
	border:0px #1f1f1f solid;
margin-bottom:10px;

float:right;
margin-right:0px;
}

#nav li {
float: left;
text-align:center;

}

#nav ul {
float: right;

	margin: 0;

	padding-left: 4px;

	list-style: none;

	line-height: normal;

         background:none;

         border:0px;
	width: 300px;
margin-top:30px;
margin-bottom:-15px;

}

#nav li:hover ul {
left: auto;
} 
#nav li:hover ul, #nav li.ie_does_hover ul {
left: auto;

}

#nav ul li a {
color:#BAD1F7;
text-align:center;
} 
#nav ul li {
background:url(images/tekstvak_bg.png);
margin-top:0px;
color:#443D38;
width:60px;
padding:3px;
border:0px;
border-bottom:1px #FFF solid;
text-align:right;

}

/* Flags */
#nl_flag {
background:url(images/flags/nl.png);
height:11px;
width:16px;
}
#be_flag {
background:url(images/flags/be.png);
height:11px;
width:16px;
}
#fr_flag {
background:url(images/flags/fr.png);
height:11px;
width:16px;
}
#gb_flag {
background:url(images/flags/gb.png);
height:11px;
width:16px;
}
#es_flag {
background:url(images/flags/es.png);
height:11px;
width:16px;
}
#de_flag {
background:url(images/flags/de.png);
height:11px;
width:16px;
}

/* Lijntjes */
#hr {
	width:1236px;
	height:1px;
	background:#999;
	margin-top:235px;
	float:left;
}
#hr_up {
	width:1236px;
	height:1px;
	background:#999;
	margin-top:30px;
	float:left;
}

/* Overig */
#collection_title {
	height:24px;
	background:#100f26;
	width:333px;
	color:#fff;
	text-align:center;
	float:left;
	border:1px #1f1f1f solid;
	position:absolute;
	font-size:13px;
	
	
}
#ct {
	margin-top:2px;
}
/* Taal selectie */
#select h4 {
text-transform:uppercase;
color:#443D38;
font-family:'puphafont';
font-weight:bold;
}
#select ul {

}
#select li {
color:#443D38;
font-weight:bold;
width:50px;
height:20px;
background:#f1f1f1;
padding:6px;
display:block;
float:left;
margin-left:10px;
}
#selectlan, #selectlan a  {

font-family:'puphafont';
text-decoration: none;
font-size:14px;
font-weight: bolder;
color: #999;
margin-right:3px;
margin-top:5px;

}
#select {
text-align:center;
}