/*//layout//*/


/* twitter */

body.frontpage #sidebar a.twitter {
	background: transparent url(../images/twitter.png) no-repeat;
	width: 61px;
	height: 23px;
	padding:0;
	margin:0 0 10px 75px;
	display:block;

}





body{
}

#pageframe{
    width: 746px;
    border: 2px solid white;
	background: white url(../images/column.gif) repeat-y top left;
    margin: 0 auto;
}
#header {
	background: #5A6384 url(../images/header.jpg) no-repeat right;
    height: 75px;
}
#header a.knot{
    display:block;
    height: 75px;
    width: 25px;
    text-decoration: none;
    float: left;
	background: transparent url(../images/knot.gif) no-repeat right;
}
#nav {
}
#wrapper {
    clear: left;
}
#container {
	width: 100%;
	float: right;
	margin-left: -390px;
}
h1{
    margin: 0;
    float: left;
    min-width: 302px;
    width: auto !important;
    width: 302px;
}
#content {
    padding: 1px;
margin-left: 390px;
}
/* 04022009 christian */
#content2 {
	padding: 1px;
	background: white none repeat scroll 
} 

#sidebar {
	width: 390px;
	float: left;
    margin: 2.5em 0 0 0;
    padding: 0;
}
#footer {
}
/*//styling//*/

body {
    font-size: 100%;
    font-family: "Trebuchet MS",sans-serif;
    padding:0;
    margin:0;
    background: #eee;
}
h1{
    padding: 2px;
    font-size:140%;
    color: white;
    background: #d02 url(../images/background.gif) left top;
	font-variant: small-caps;
}
h2{
    font-size:120%;
}
h2 a{
    text-decoration: none;
    color: auto;
}
h3{
    font-size:110%;
}
p{
    font-size:100%;
}

#infostart, #agendastart, #agendaend{
    display:none;
}

#content ol{
	list-style: none;
	padding: 2px 4px 2px 15px;
	margin: 0;
    background: white url(../images/watermark_content.gif) no-repeat top left;
    border: 1px solid #ccc;
    font-size:85%;
}
#content ol li{
    margin: 0;
    padding: 0;
    padding-left: 30px;
}
#content ol li.show {
    padding-left: 0;
}
#content ol li h2{
    font-weight: normal;
    color: #d02;
    padding: 0;
    margin: 0;
    border:none;
    cursor: Pointer;
    font-size: 90%;
}
#content ol li.show h2{
    font-weight: bold;
    cursor: default;
    font-size:120%;
    background: transparent url(../images/h2_icon3.gif) no-repeat left top;
    padding-left: 40px;
    padding-top: 4px;
    height: 31px;
    margin: 10px 0;
}
#content ol li p, #content ol li hr, #content ol li ul, #content ol li li{
    display:none;
}
#content ol li.show p, #content ol li.show hr, #content ol li.show ul{
    display:block;
}
#content ol li.show li{
    display:list-item;
}
#content p{
    margin: 5px 0;
    padding: 0;
}
#content hr{
    width:50%;
    height: 2px;
    color: #ccc;
    padding: 0;
}
#content ul{
	list-style: url(../images/boei.gif) circle;
}
#sidebar{
}
#sidebar img{
    margin: 0;
    border: 1px solid #d02;
    padding: 2px;
    width:300px;
}
#footer {
    background: #d02 url(../images/background.gif) left top;
    font-family: Tahoma, "Trebuchet MS", sans-serif;
    font-size: 10px;
    color: #bbb;
    padding: 1px 5px;
    border-top: 2px solid #fff;
}
#footer a{
    color: #bbb;
}
#footer .disclaimer{
    float:right;
}

.clearing {
    overflow:hidden;
	height: 0px;
	clear: both;
}

/*
Frame for displaying news and agenda
*/

.infoframe {
    margin: 0px;
    margin-bottom: 5px;
    width: 305px;
    border: 1px solid #ccc;
    padding: 0;
    background: white;
}
.infoframe h2{
    margin:0;
    padding-left:3px;
    background: #d02 url(../images/background.gif) left top;
    font-size:120%;
	font-variant: small-caps;
    color: white;
    border-bottom: 1px solid #ccc;
}
.infoframe .item{
    background: white url(../images/menu_background.gif) repeat-y top left;
    font-size:90%;
    padding:1px;
    display: block;
    text-decoration: none;
    color: black;
}
.infoframe .item .date{
    font-size:80%;
    margin-right: 5px;
}
/*MENU*/
#nav{
    border-top: 1px solid #999;
    background: #d02 url(../images/background.gif) left top;
    font-family: tahoma, "Trebuchet MS", sans-serif;
    font-size: 12px;
    height:1.4em;
    border-bottom: 2px solid white;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li { /* all list items */
	float: left;
	position: relative;
    height:1.4em;

    font-weight: bold;
    color: white;
    padding-left: 5px;
    padding-right:15px;
    cursor: default;
}

#nav a{
    text-decoration:none;
    color: white;
}

#nav a:hover{
    text-decoration:none;
    color: #ccc;
}

#nav li:hover, #nav li.over{
	color:#ccc;
}

#nav ul li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1.4em;
	left: 0;

    width:13em;
    z-index:1000;
    border: 1px solid #c80021;
/*    border-top: none;*/
    background: white url(../images/menu_background.gif) repeat-y bottom left;
}

#nav ul li ul li { /* second-level lists */
    padding: 5px 15px;
    border: none;
}

#nav ul li ul li a{
	color:black;
}
#nav ul li ul li a:hover{
	color:#d02;
}

#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
	display: block;
}

/*
EXCEPTIONS:

First page
*/
body.frontpage #wrapper {
	background: transparent url(../images/map_background.jpg) no-repeat left top;
    margin: -1px;
    border: 1px solid white;
}
body.frontpage h1{
    display: none;
}
body.frontpage #sidebar{
    margin: 0 0 0 0;
}
body.frontpage #photolist{
    float:right;
    margin: -1px 1px;
}

body.frontpage #photolist img{
    width: auto;
    border: 0;
    padding: 1px;
    display:block;
}
body.frontpage #sidebar a{
    display: block;
    text-decoration: none;
    font-weight: bold;
    color: #d02;
    height: 55px;
    padding-left: 80px;
    padding-top: 25px;
}
body.frontpage #sidebar a.thumblink{
	display: inline;
	padding: 0px;
	height: auto;
}
body.frontpage #sidebar a.zeilinstructie{
    background: transparent url(../images/zeilinstructie.gif) no-repeat left top;
}
body.frontpage #sidebar a.bootverhuur{
    background: transparent url(../images/bootverhuur.gif) no-repeat left top;
}
body.frontpage #sidebar a.accomodatie{
    background: transparent url(../images/accomodatie.gif) no-repeat left top;
}
body.frontpage #sidebar a.bedrijfsact{
    background: transparent url(../images/bedrijfsarrangement3.gif) no-repeat left top;
}

body.frontpage .infoframe {
    margin: 5px;
    margin-left: 400px;
}
body.frontpage .infoframe h2{
    font-size:100%;
}

/*NEWS*/

body.news h1, body.forum  h1, body.photo h1{
    margin-left: 390px;
    padding-left: 5px;
    float: none;
    min-width: auto;
    width: auto;
}
body.news #sidebar, body.forum #sidebar, body.photo #sidebar{
    margin: 0;
}
body.news #infostart, body.news #agendastart, body.news #agendaend, body.photo #agendastart, body.photo #agendaend{
    margin-left: 390px;
    padding-left: 5px;
    font-size:90%;
    display: block;
}

body.forum #fotoboek img, body.photo #fotoboek img{
    width: auto;
    border: 0;
    padding: 1px;
}
form{
    margin: 0;
    padding: 0;
    border:0;
}
legend{
    color: white;
    font-weight: bold;
}
label{
    float: left;
    font-size: 80%;
    width: 60px;
    color: white;
}
textarea{
    width: 250px;
}
a.forumframe{
    display: block;
    color: black;
    text-decoration: none;
}
.forumframe{
    border: 1px solid #ccc;
    background: white url(../images/menu_background.gif) repeat-y top left;
    font-size: 100%;
    margin: 5px 1px;
}
.forumframe h3{
    margin: 0;
    padding-left: 2px;
    background: #d02 url(../images/background.gif) left top;
    font-size: 90%;
    color: white;
    color: #d02;
    background: transparent;
}
.forumframe h3 .date{
    font-size: 80%;
}
a.forumframe{
    font-size:90%;
}
a.forumframe h3{
    border-bottom: 1px solid #d02;
}
body.photo #content img{
    padding: 1px;
    margin: 1px;
    border: 1px solid white;
}
body.photo .infoframe{
    width: 380px;
}
body.photo .infoframe span.kopje{
    font-weight: bold;
}
a.edit{
    float: right;
}
a.edit img{
    border:0;
}


/* temp fix van christian voor de nieuwe content2*/

#content2 ol{
	list-style: none;
	padding: 2px 4px 2px 15px;
	margin: 0;
    background: white url(../images/watermark_content.gif) no-repeat top left;
    border: 1px solid #ccc;
    font-size:85%;
}
#content2 ol li{
    margin: 0;
    padding: 0;
    padding-left: 30px;
}
#content2 ol li.show {
    padding-left: 0;
}
#content2 ol li h2{
    font-weight: normal;
    color: #d02;
    padding: 0;
    margin: 0;
    border:none;
    cursor: Pointer;
    font-size: 90%;
}
#content2 ol li.show h2{
    font-weight: bold;
    cursor: default;
    font-size:120%;
    background: transparent url(../images/h2_icon3.gif) no-repeat left top;
    padding-left: 40px;
    padding-top: 4px;
    height: 31px;
    margin: 10px 0;
}
#content2 ol li p, #content ol li hr, #content ol li ul, #content ol li li{
    display:none;
}
#content2 ol li.show p, #content ol li.show hr, #content ol li.show ul{
    display:block;
}
#content2 ol li.show li{
    display:list-item;
}
#content2 p{
    margin: 5px 0;
    padding: 0;
}
#content2 hr{
    width:50%;
    height: 2px;
    color: #ccc;
    padding: 0;
}
#content2 ul{
	list-style: url(../images/boei.gif) circle;
}