/* Start of CMSMS style sheet 'skyway-css' */
body,html {
padding: 0;
margin: 0;
}

body {
background: #901616 url(../images/background.jpg) repeat-x;
}

body, p, td {
font : normal 11px Tahoma, Verdana;
color : #FFF;
margin : 0;
padding : 0;
}

h1 {
font : bold 16px verdana;
color : #FFF;
padding : 5px 0 20px 0;
margin : 0;
}

h2 {
font : bold 16px verdana;
color : #FFF;
padding : 0 0 20px 0;
margin : 0;
}

h3, h4, h5, h6 {
font : bold 14px verdana;
color : #FFF;
padding : 0;
margin : 0;
}

ul {
list-style : none;
padding : 0;
margin : 0;
}

li {
padding : 0;
margin : 0;
}

pre {
white-space:nowrap;
}

a:link, a:active, a:visited {
color : #FFF;
text-decoration : underline;
font-weight : bold;
}

a:hover {
text-decoration : none;
}

dfn {
position: absolute;
left: -1000px;
top: -1000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}

/*

* site

*/

#site {
width : 855px;
text-align: center;
padding : 0;
margin : 0 auto;
}

#sitebg {
background: url(images/sitebg.gif) repeat-y;
float: left;
display: inline;
width : 855px;
}

/*

* kop

*/

#kop {
background: url(images/kop.jpg) no-repeat;
float: left;
display: inline;
width: 855px;
height: 347px;
padding : 0;
margin : 0;
}

#kopyoutube {
float: left;
width: 326px;
height: 268px;
}

.kopyoutube_poss {
padding : 32px 0 0 22px;
margin : 0;
}

#kopplaatje {
float: right;
width: 391px;
height: 258px;
}

.kopplaatje_poss {
padding : 88px 0 0 0;
margin : 0;
}

.login {
float:right; 
font-size: 9px; 
font-weight: none; 
margin-top: -15px; 
margin-right: 22px;
}

.login a {
color: #d0d0d0;
}

/*

* menu

*/

#menu {
background: url(../images/menu.jpg) no-repeat;
float: left;
display: inline;
width : 855px;
height: 60px;
padding: 0;
margin: 0;
}

#menu_poss {
padding: 33px 0 0 80px;
margin-left: 1px;
margin-right: 1px;
}


/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
width : 100%;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
width: 160px;
background-color: #97032a;
filter: alpha(opacity=80); 
opacity: .8; 
-moz-opacity: .8;
color: #FFF;
}

#primary-nav li li a:hover { 
background-color: #FFF;
filter: alpha(opacity=80); 
opacity: .8; 
-moz-opacity: .8;
color: #97032a;
}

/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
list-style: none; 
margin: 0px; 
padding: 0px; 
}

#primary-nav ul { 
position: absolute; 
top: auto; 
display: none; 
}

#primary-nav ul ul { 
margin-top: 1px;
margin-left: -1px;
left: 100%; 
top: 0px; 
}
	
#primary-nav li { 
margin-left: -1px;
float: left; 
}

#primary-nav li li { 
margin-left: 0px;
margin-top: -1px;
float: none; 
position: relative; 
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
display: block; 
margin: 0px; 
padding: 5px 28px 5px 28px; 
text-decoration: none; 
color: #97032a;
}

#primary-nav li a:hover { 
background-color: #97032a; 
color: #FFF; 
}

#primary-nav li li a { 
text-align: left;
color: #FFF;
}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
   background-image: url(images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 
}


/* Styling the apperance of menu items on hover */


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}

#primary-nav li li a { 
height: 1%; 
} 

/*

* talen

*/

#talen {
float: right;
display: inline;
width: 100px;
padding: 0;
margin: 0;
}

#talen_poss {
padding: 5px 0 0 0;
margin: 0;
}

.talen_img img {
border: 0;
margin: 2px;
}

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


/*

* main 

*/

#main {
background: url(images/main.gif) no-repeat;
float: left;
display: inline;
width : 855px;
min-height: 299px;
height:auto !important;
height: 299px;
padding: 0;
margin: 0;
}

#content {
float: left;
width: 450px;
text-align: left;
line-height: 16px;
}

#main2 {
background: url(images/main2.gif) no-repeat;
float: left;
display: inline;
width : 855px;
min-height: 299px;
height:auto !important;
height: 299px;
padding: 0;
margin: 0;
}

#content2 {
float: left;
width: 615px;
text-align: left;
line-height: 16px;
}

#content ul {
list-style-position: outside;
list-style-type: disc;
margin: 0;
padding : 0 0 0 25px;
}

#content li {
padding : 0;
margin : 0;
}

.content_poss {
padding: 0 0 0 80px;
margin: 0;
}

.content_poss p {
line-height: 16px;
}

#tolk {
float: left;
width: 165px;
}

.tolk_poss {
margin: 82px 0 0 0;
padding: 0;
}

#nieuws {
float: left;
width: 240px;
text-align: right;
line-height: 16px;
}

.nieuws_poss {
padding: 65px 50px 0 20px;
margin: 0;
}

#nieuws img {
border: 0px;
}

/*

* footer 

*/

#footer {
background: url(images/footer.gif) no-repeat;
float: left;
display: inline;
width : 855px;
height: 50px;
}

#footer_poss {
font: normal 10px verdana;
text-align: center;
color: #b1494e;
padding: 40px 0 20px 0;
margin: 0;
}

#footermus {
float: right;
bottom: 0px;
width: 100%;
padding: 0;
margin: 0;
}

#footermus p {
float: right;
font : normal 9px verdana;
color: #CCC;
margin: 14px 5px 0 0;
}

#footermus a {
font : bold 9px verdana;
color: #CCC;
text-decoration: underline;
}

#footermus a:hover {
text-decoration: none;
}

/*

* login

*/

#login {
color: #333;
display: inline;
}

#login h3 {
color: #333;
padding: 5px 0 5px 0;
}

.login_error {
display: inline;
font: bold 10px verdana;
color: #b51c1c;
line-height: 18px;
}

#login label {
float: left; 
text-align: right;
display: block; 
width:120px; 
padding: 0 10px 0 0;
} 

#login a {
color: #333;
}

#login a:hover {
color: #b51c1c;
}

#login input,#login textarea {
float: left;
border: 1px solid #BBB;
margin: 0 0 5px 0;
}

#login input:hover,#login textarea:hover {
border: 1px solid #b51c1c;
}

.submit {
width: 60px;
text-align: center;
}

.submit:hover {
color: #b51c1c;
cursor: pointer;
}


/*

* nieuwsbrief

*/

.nieuwsbrief label {
margin: 0 5px 0 0;
}

.nieuwsbrief input {
border: 1px solid #BBB;
width: 75%;
margin: 5px 0;
}

.nieuwsbrief .fbsubmit {
border: 1px solid #BBB;
width: 50px;
margin: 2px 0 0 120px;
background: #cb1f1f;
color: #EEE;
}

/* End of 'skyway-css' */