/*
Framework
*/

body 
{
 font-family:"Trebuchet MS", Verdana, Arial;
 text-align:center;
  background-image:url('user_images/back.png');
}

img 
{
border:none;    
}

.container
{
width: 700px;
background-color:White;
margin:auto;
text-align:left;
overflow:visible;
padding:10px;
border:solid 1px #c4c7ea;
}


div.content 
{
float:right;    
width:500px;
margin-left:5px;
font-size:12px;
}   
    
div.title 
{

}     

div.title2
{
font-size:22px; 
width:99%;
clear:both;
border-bottom:solid 1px #ffcc00;
margin-bottom:10px;
}  

div.title3
{
color: White;
font-size: medium; 
font-weight:bold;  
width:100%;
clear:both;
padding-left:30px;
}  



.left
{
 float:left;
}

.right
{
 float:right;
}

.headerimage
{
height:210px;
width:100%;
clear:both;
background-image: url('user_images/k_kop3.png'); 
background-repeat:no-repeat;
background-color:White;
}       



.clear
{
clear: both; width: 100%; height: 0; line-height: 0; font-size: 0; padding: 0; margin: 0; border: 0;    
}


.loader
{
background-image:url(user_images/k_teller5.gif);
width:400px;
height:500px;
background-repeat:no-repeat;
position:absolute;
left:450px;
top:200px;
display:none;
}


A:link    { text-decoration:none; }    /* unvisited links */
A:visited { text-decoration:none; }   /* visited links   */
A:hover   { text-decoration:none; } /* user hovers over link*/
A:active  { text-decoration:none; }   /* active links    */

.pointer
{
 cursor:pointer;
}
   
   
/*
Credits: Dynamic Drive CSS Library 
Left side menu
*/

.wireframemenu{
float:left;
background-image:url('user_images/menuback.png');
background-position:top right;
background-repeat:no-repeat;
background-color:#FFCC00;
padding:5px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

.wireframemenu ul{
list-style-type: none;
font-size:12px;
}

.wireframemenu a{
display: block;
width: 98%; /*Define width for IE6's sake*/
text-decoration: none;
color:black;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
color:black;
}

.wireframemenu a:hover{
color: white;
}

.wireframemenu a:active{
color: white;
}




   
/*
Blogger, youtube, picasa
*/  

.what .youtubeContent
{  
  margin-left:10px;  
  margin-bottom:20px;
  padding:5px;
}

.youtubeContent
{  
  width:400px;
  overflow:hidden;
}

.where
{
  margin-left:50px;  
  margin-bottom:20px;  
  padding:5px;
  background-image:url('user_images/here.gif');
  background-repeat:no-repeat;
  background-position:top left;
}


.additionalInformation
{
 font-size:9px;
 float:left;
 clear:both;
 background-color:#f6f6f6;
 margin-bottom:20px;
}


.loading 
{
 background-image:url('user_images/bigrotation2[1].gif');
 background-repeat:no-repeat;
 width:160px;
 height:160px;
 display:block;
}

.ad
{
 font-size:10px;
 width:160px;
 clear:both;
 border-bottom:solid 1px orange;
}

.picture_prev
{
 margin:5px;
 padding:5px;
 float:left;
}

.thumbsdiv
{
 width:400px;
}

.img_thumb
{ 
 padding:2px;
 margin:0px;
}

.picAd
{
 font-size:10px;
}

/*
slideshow
*/

#slideShow {
  width : 160px;
  height : 160px;
  float:left;
  border-top:solid 1px orange;
}

/*
prototip
*/

.prototip .owntip { text-align:left; width:148px; background-color:#ffcc00; 
    }
.prototip .owntip .toolbar { width:148px; margin:0;  background-color:#ffcc00}
.prototip .owntip .title {  width:148px; margin:0; background-color:#ffcc00}
.prototip .owntip .content { width:148px; margin:0;background-color:#ffcc00 }