/* Made by Fabian and Moslem for Citychannel.com
--------------------------------------------------------- */




html, body{
margin:0;
padding:0;
background:#ffffff url(images/background.jpg) no-repeat center top fixed;
text-align:center;

}

.inhoud{
position: relative;
top:20px;
width:800px;
text-align:center;
margin:0 auto;
padding:0;
}

#container{
width:810px;
height:130px;;
text-align:center;
margin:0 auto;
padding:0;

}


#menu{
text-align:center;

}

a:link{
text-decoration: none;
color:#2d6bc4;
}

a:hover{
color:#1a4a8f;
text-decoration:none;
}

a:visited{
color:#2d6bc4;
text-decoration:none;
}


#text a:link{
font-weight: bold;
text-decoration: none;
color:#2d6bc4;
}

#text a:hover{
font-weight: bold;
color:#1a4a8f;
text-decoration:none;
}

#text a:visited{
font-weight: bold;
color:#2d6bc4;
text-decoration:none;
}


.text a:link{
font-weight: bold;
text-decoration: none;
color:#2d6bc4;
}

.text a:hover{
font-weight: bold;
color:#1a4a8f;
text-decoration:none;
}

.text a:visited{
font-weight: bold;
color:#2d6bc4;
text-decoration:none;
}




/* header
--------------------------------------------------------- */


#logo img{

  border:  0px solid #0000ff;
}

#logo a:hover img{
  border:  0px solid #0000ff;
}


/* menu
--------------------------------------------------------- */

.menu{
position:absolute; 
top:120px;
width: 800px;
height:10px;
text-align:center;
}


/* pics
--------------------------------------------------------- */


#pics{
position:relative; 
top:1px;
left: 0px;
width: 800px;
height:222px;
}

#left img{
position:absolute; 
left: 0px;
margin-left: 0px;
border: 0px solid;
float: left;
}

#right img{
margin-right: 0px;
border: 0px solid;
float: right;
}

#pics a: hover img{
decoration: none;
}



/* icon
--------------------------------------------------------- */


#icon{
width: 800px;
height:35px;
}

#icon img{
float: left;
}

#stroke{
width:;
height: 1px;
border: 1px #bdd1e6;
border-bottom-style: solid;
}

#stroke2{
width:800px;
height: 1px;
border: 1px #bdd1e6;
border-bottom-style: solid;
}

/* text
--------------------------------------------------------- */

#text{
margin-top: 0px;
valign:top;
position:relative; 
text-align:left;
width: 400px;
height:auto%;
float:left;
}

.text{
margin-top: 10px;
valign:top;
position:relative; 
text-align:left;
width: 400px;
height:auto%;
float:left;
}



.stroke{
color: #474747;
font-family: verdana, Arial;
font-size: 10px;
text-decoration: none;
margin-left:20px;
}

#text p{
color: #474747;
font-family: verdana, Arial;
font-size: 10px;
text-decoration: none;
}


#text img{
border: 0px solid;
}

h1{
float: right;
font-size: 10px;
color:#474747;
}

h2{
font-family: verdana , arial;
font-size: 10px;
color:#474747;
}

#description{
float:left;
width:800px;
text-align: center;
}

#p{
color: #474747;
font-family: verdana, Arial;
font-size: 10px;
text-decoration: none;
}

u{
color: #1d81dd;
font-family: verdana, Arial;
font-size: 10px;
text-decoration: underline;
font-weight: bold;

}

#pijltjes{ 
background: url(images/arrowtext.png); 
height: 62px;
width: 7px;

}

#pijltjes p{
margin-bottom: 2px;
width: 200px;
margin-left: 10px;
color: #474747;
font-family: verdana, Arial;
font-size: 10px;
}

/* contact page
--------------------------------------------------------- */

#contact{
margin-top: 10px;
float: left;
width:400px;
height: 300px;
text-align: left;
text-decoration: none;
color: #474747;
font-family: Verdana, Arial;
font-size: 10px;
}

#contact p{
position: absolute;
right: 120px;
top: 380px;
float: right;
border: 1px solid #a5a5a5;
padding: 5px;
}

#contact .name:hover{
border: 1px solid #69a1a6;
}

#contact .name{
color: #474747;
font-family: Verdana, Arial;
font-size: 10px;
margin-top: px;
margin-right: 3px;
float: left;
width:250px;
height: 12px;
border: 1px solid #a5a5a5;
}


#contact .name3{
color: #474747;
font-family: Verdana, Arial;
font-size: 10px;
margin-top: px;
margin-right: 3px;
float: left;
width:50px;
height: 12px;
border: 1px solid #a5a5a5;
}

#contact .name3:hover{
border: 1px solid #69a1a6;
}

#contact .text{
margin-top: 3px;
color: #474747;
font-family: Verdana, Arial;
font-size: 10px;
width:250px;
height: 30px;
border: 1px solid #a5a5a5;
}

#contact .text:hover{
border: 1px solid #69a1a6;
}

#contact .buttons{
margin-left: 0px;
font-weight: bold;
color: #474747;
width: 50px;
height: 15px;
background: #dcdcdc;
border: 1px solid #a5a5a5;
font-family: Verdana, Arial;
font-size: 10px;
text-decoration: none;
}

#contact .buttons:hover{
border: 1px solid #69a1a6;
}

#contact :focus{
font-family: Verdana, Arial;
font-size: 10px;
background: #dddddd;
border: 1px solid #69a1a6;
color: #1a4a8f;
}


/* video
--------------------------------------------------------- */

#video{
position: absolute;
top: 360px;
left: 367px;
width: 500px;
height: 400px;
float: right;
}


#quote{
margin-right: 60px;
margin-top: 40px;
float: right;
width: 291px;
height: 182px;
}

#wie p{
margin: 4px;
text-decoration: none;
color:#1a4a8f;
font-weight: bold;
}



/* multie header voorplaatjes
--------------------------------------------------------- */


.StationContainer_Untitled {  
width: 800px;
height:213px;}




/*===== XFade Gallery Elements Begin =====*/

.XFade_Gallery {
	position:relative;
        float: left;
	width:202px;
	height:152px;
	
}

.XFade_Gallery_Img {
	position:absolute;
	top: 0px;
left: 0px;
}


/* sitemap
--------------------------------------------------------- */




#sitemap dl{
width:100%;
height:100%;
list-style:none;
margin-left:20px;
padding:0;
}

#sitemap ul{
width:100%;
height:100%;
list-style:none;
margin-left:20px;
padding:0;
}

#sitemap dd{
width:100%;
height:100%;
list-style:none;
margin-left:40px;
padding:0;
color: #000;
}

#sitemap li{
width:100%;
height:100%;
list-style:none;
margin-left:40px;
padding:0;
color: #444444;
}

#sitemap a{
color:#2d6bc4;
font: 10px Verdana, Arial;
text-align:center;
text-decoration:none;
}

#sitemap ul li a:link{
color:#656565;
font:10px Verdana, Arial;
text-align:center;
text-decoration:none;
}

#sitemap dl a:link{
color:#3b3b3b;
font:10px Verdana, Arial;
text-align:center;
text-decoration:none;
}


#sitemap ul li a:visited{
color:#656565;
font: 10px Verdana, Arial;

text-align:center;
text-decoration:none;
}

#sitemap dl a:visited{
color:#3b3b3b;
font:10px Verdana, Arial;

text-align:center;
text-decoration:none;
}


#sitemap a:hover{
color:#1a4a8f;

}

#sitemap a.active{
color:#2d6bc4;
}