@charset "UTF-8";
/* CSS Document */

/* BACKGROUND*****************************************************************/ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background: url(images/backgroundpattern.png); background-repeat:repeat ; 
} 
 

/* STRUCTURE ****************************************************************/ 
#pagewidth{ 
width:950px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;  

} 


/* HEADER */ 
#leftcol1{
 width:20%; 
 float:left; 
 position:relative; 
 background-color:#FFFFFF;
 }
 
#twocols1{
 width:80%; 
 float:right; 
 position:relative; 
  }
 
#rightcol1{
 width:29%; 
 float:right; 
 position:relative; 
 background-color:#FFFFFF;
 margin-top:17px;
}

#pagewidth1{ 
margin:0px;
padding:0px;
} 


/* ANYTHINGSLIDER STRUCUTE */ 
 
#maincolcentre{background-color: #FFFFFF;
float: right; 
display:inline; 
position: relative; 
width:950px;
 }
 
 #pagewidth{ 
 width:950px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 

/* SLIDING BOXES STRUCUTE */ 
/* STYLING TEXT!! ****************************************************************/ 
.bolitalic{
font-weight:bold;
font-style:italic;
font-size:13px;
line-height:17px;
}

.smallinfo{ font-size:8px;}

 .wrapperboxgrid{
   position: relative;
   float: left;
padding-left:16px;
width:930px;
   margin:0px;
 padding-top:6px;
  background-color: #ffffff;
   padding-bottom:15px;
}
 
.left1{
   position: relative;
   float: left;
   background-color: #ff0084
}
.left2{
   position: relative;
   float: left;
  left: 15px;
  background-color: #ffffff
}
.left3{
     position: relative;
   	float: left;
    left: 30px;
	 background-color: #ffffff
}
.right{
   position: relative;
   left: 0px;
  left:45px;
   float:left;
   background-color: #ffffff
}
 
 
/* FOOTER */  
 
#footer{
width:auto;
margin-right:5px;
height:38px;
clear: both; padding-top: 0px;  background:#FFFFFF; font-size: 11px; color: #a3a3a3; border-top:1px dotted #999999; padding-left:18px; padding-right:14px; text-align:right;
} 



/**** Float containers fix:

.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
/* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/* COMMON ALL*****************************************************************/ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	color:#333333;
	vertical-align: baseline;
	
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end reset */

#content {
	width: 620px;
	float: left;
	margin-bottom: 44px;
}
/*------------------ typography and images ------------------*/

/* global links */

a {text-decoration: none; color:#85AEE5; font-family:Arial, Helvetica, sans-serif; font-size: 10px; margin:0px }
a:hover  {color:#CCCCCC;}

/* text styles */

h1 {font-size: 32px; font-weight: normal; padding-bottom: 10px;}
h2 {font-size: 26px; font-weight: normal; padding-bottom: 6px;}
h3 {font-size: 11px; font-weight: normal; font-family:"Times New Roman", Times, serif;}
h4 {font-size: 11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
h6 {font-size:11px; color:#999999; font-weight:normal; font-family:Arial, Helvetica, sans-serif; margin:0px; line-height:14px}
h5 {font-size:11px; color:#999999; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; line-height:14px}

p {line-height: 22px; padding-bottom: 25px}

/* images */

.more {float: right; margin-right: 10px}

.pink {color:#CC3366;}
.brown {color:#8D715A;}
.blue {color:#85AEE5;}
.grey {color:#999999;
font-weight:600;
margin-top: 1px;
padding-bottom:3px;
}
	


/* HEADER CSS*****************************************************************************************************************************/ 
/* MAINMENU*****************************************************************/ 

#header{
 position:relative; 
 height:142px; 
 background-color:#FFFFFF; 
 width:950px;
} 


#logo{
width:182px;
height:101px;
background: url(images/logo.png) no-repeat; position:absolute; background-color:#FFFFFF;
margin-left:24px;
} 


#quickcontact {  
float:left;
margin:0px;
height:30px;
width:156px;
position:absolute;
left:22px;
top:62px;
background: url(images/quickcontact.png) no-repeat; 
}

#contacta {  
float:left;
margin:0px;
height:30px;
width:156px;
position:absolute;
left:22px;
top:62px;
background:url(images/quickcontact2.png) no-repeat;
}


#languages{
position:absolute;
top:108px;
left:120px;}

.bluehover{
color:#AAAAAA;
}

.bluehover:hover{
color:#85AEE5;}

#quickcontact ul {  
margin-left:0px;
padding-left:0px;
margin:0px;
padding:0px;
}

.email{ margin:0px; padding:0px; position:absolute;top:26px;}


#menu1 {
 
height: 20px;
margin:0px;
margin-left:100px;
margin-top:11px;
display:inline;
float:left;
 }


#menu1 ul {
margin: 0;
margin-top:4px;
padding: 0;
list-style: none;
}

#menu1 ul li {
display: inline; 
  
}

#menu1 ul li a { 
width:42px;
float: left;
display: block;
font: 11px Arial, Helvetica, Verdana, sans-serif;
line-height: 59px;
color:#999999;
text-align:center;
text-decoration: none;
letter-spacing: 1px;
margin: 0px;
margin-left:0px;
margin-top:37px;
padding: 0 20px;
font-weight:700;
}

#menu1 ul li a:hover {
color:#FFFFFF;
}

.homeblue a:hover {
background-image:url(images/mainmenubackgroundblue.png);
height:59px;
margin-left:-8px;
}
.homepink a:hover {
background-image:url(images/mainmenubackgroundpink.png);
height:59px;
margin-left:-8px;
}
.homegreen a:hover {
background-image:url(images/mainmenubackgroundgreen.png);
height:59px;
margin-left:-8px;
}
.homebrown a:hover {
background-image:url(images/mainmenubackgroundbrown.png);
height:59px;
margin-left:-8px;
}


/* ANYTHING SLIDER*****************************************************************************************************************************/ 
/* ANYTHINGSLIDER CONTENT*****************************************************************/ 


#intro {
border: 1px solid #FFF; 
clear: both;
padding: 25px;
width:160px;
font-size: 16px; 
line-height: 22px; 
margin:0px;
top:66px;
position:relative;
left:620px;
background:#F7F7F7;
outline:2px solid #F5F5F5;




}
.slide2{background-image:url(index/slide2.jpg);
background-repeat:no-repeat;
height:306px;
width:898px;
}

#intro span {font-weight: 700}

#intro p {padding: 0}

#box_left {width: 300px; float: left; margin-bottom: 44px; text-align: justify}
#box_right {width: 300px; float: right; margin-bottom: 44px; text-align: justify}
#box_middle {margin-left: 330px; margin-right: 330px; margin-bottom: 44px; text-align: justify}

#box_left h3  {
background: #eaeaea;
font-weight: normal;
margin-bottom: 25px;
position: relative;
text-transform: uppercase;
letter-spacing: 13px;
font-size: 22px;
padding: 8px 15px;
border: 1px solid #FFF;
outline:1px solid #dcdcdc;
}

#box_right h3  {
background: #eaeaea;
font-weight: normal;
margin-bottom: 25px;
position: relative;
text-transform: uppercase;
letter-spacing: 13px;
font-size: 22px;
padding: 8px 15px;
border: 1px solid #FFF;
outline:1px solid #dcdcdc;
}

#box_middle h3  {
background: #eaeaea;
font-weight: normal;
margin-bottom: 25px;
position: relative;
text-transform: uppercase;
letter-spacing: 13px;
font-size: 22px;
padding: 8px 15px;
border: 1px solid #FFF;
outline:1px solid #dcdcdc;
}






/*---------------  SLIDER ANYTHING CSS   ---------------*/


.anythingSlider                         { width: 898px; height: 340px; position: relative; margin: 0px; margin:auto; margin-bottom:20px; padding:0px; }
.anythingSlider .wrapper                { width: 898px; overflow: auto; height: 310px; margin-top: 5px; margin-left:-9px; position: absolute; top: 0; left: 0; border:solid 9px #F2F2F2; background-color:#F2F2F2;  }

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left:0; background: #F2F2F2;  margin:0px;  padding-left:0px;}
.anythingSlider ul li                   { display: block; float: left; padding: 0px; height: 310px; width: 898px; margin: 0px; }
.anythingSlider .arrow                  { display: block;  position: absolute; top: 342px; background:black;width:20px;height:15px;   cursor:pointer; font-size:12px; color:#000000 }
.anythingSlider .arrow:hover                  { color:#85AEE5; }  
.anythingSlider .forward                {margin-left:22px; background-image:url(images/arrowright_grey.png); background-repeat:no-repeat;  }
.anythingSlider .back                   {margin-left:-3px; background-image:url(images/arrowleft_grey.png); background-repeat:no-repeat;}
.anythingSlider .forward:hover          {background-image:url(images/arrowright_blue.png); background-repeat:no-repeat;  }
.anythingSlider .back:hover             { background-image:url(images/arrowleft_blue.png); background-repeat:no-repeat; }

#thumbNav                               { position: absolute; top: 330px; left: 796px; text-align: center; width:180px; margin:0px; padding:0px; }
#thumbNav a                             { color:#CCCCCC; font-size: 10px; font-weight:bold;  display: inline-block; padding: 0px 8px; height: 14px; margin:0px; text-align: center;  			 background-color:#F2F2F2; margin-right:4px;}
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background:#F2F2F2; color:#85AEE5;  }

#start-stop                             {  background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px;  }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none}

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }



/* SLIDING LITTLE BOXES*****************************************************************************************************************************/ 
/* ALL*****************************************************************/ 
.boxescontainer  {
margin-top: -22px; 
margin-left:2px; 
background-color:#FFFFFF;
height:166px;
width:950px;

}

.boxtitle  { 
margin:0px;
position:absolute;
top:96px;

}
				
.boxtitle a { 
color:#85AEE5;
font-weight:normal;
font-size:11px;
letter-spacing:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;

}
							
.boxtitle a:hover { 
color:#999999;
}
				
.boxp { 
font-size: 12px;
margin:1px;
padding:0px;
}
				
.lilboxtitle { 
font-weight:bold;
font-size: 16px;
margin-top: 0px;
font-style:italic;
color:#000000;
padding-bottom:0px;
margin-bottom:0px;
}

.imageandtext { 
height: 120px;
}
	
.boxgrid{ 
width: 200px; 
height: 112px; 
margin-bottom:0px;
margin-top:0px;
float:left; 
background:#F2F2F2;
border: solid 9px #F2F2F2;
overflow: hidden; 
position: relative; 
}

.boxgrid img{ 
height:95px;
position: absolute; 
top: 0; 
left: 0; 
color: #EFECE3;

}
.boxgrid p{ 
padding: 0 0px; 
line-height:22px;
font-weight:bold; 
font:10pt "Lucida Grande", Arial, sans-serif; 
}
				
	
/* FOOTER*****************************************************************************************************************************/ 
/* ALL*****************************************************************/
#copywright{color:#999999; padding-top:11px; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding-bottom:0px; margin-top:0px;  }



.social{
  width:100%; height:31px; margin-left:0px; margin-top:0px;  }

.navenlace {
display:inline;
} 

.navenlace a {
float:left;
} 

#social1 a {margin-right:0px; padding:0px;
 background-image: url("images/social/social_icons_down_01.png"); background-repeat:no-repeat;   width:57px; margin-top:0px; height:31px; margin:0; line-height:0px;

} 
#social2 a { padding:0px;
 background-image: url("images/social/social_icons_down_02.png"); background-repeat:no-repeat; width:48px; margin-top:0px;height:31px; margin:0;  line-height:0px;

} 
#social3 a {margin-left:0px; padding:0px;
 background-image: url("images/social/social_icons_down_03.png"); background-repeat:no-repeat; width:57px; margin-top:0px;height:31px; margin:0;  line-height:0px;

} 

#social1 a:hover {margin-right:0px; padding:0px;
 background-image: url("images/social/social_icons_up_01.png"); background-repeat:no-repeat;   width:57px; margin-top:0px; height:31px; padding:0px;margin:0; line-height:0px;

} 
#social2 a:hover { padding:0px;
 background-image: url("images/social/social_icons_up_02.png"); background-repeat:no-repeat; width:48px; margin-top:0px;height:31px; margin:0;  line-height:0px;

} 
#social3 a:hover {margin-left:0px; padding:0px;
 background-image: url("images/social/social_icons_up_03.png"); background-repeat:no-repeat; width:57px; margin-top:0px;height:31px; margin:0;  line-height:0px;

} 

.fadingbutton a:hover
{color:#000000; }
  
 

/*-----------------------------------------------*/
/*---------------  BOTTOM   ---------------*/
/*---------------------------------------------*/
  
  #bottom_fade {
	width: 941px;
	height: 200px;
	z-index: 99;
	position: fixed;
	bottom: 0px;
	background: url("images/bottom-fade.png") bottom center no-repeat;
	margin-left:-11px;
	margin-right:0;
}