/*
###########################################################
#
# Filename:			body.css
#
# Copyright:		S-Inside
# Project:			www.uitinregiovenlo.nl
# Platform:			CSS
# Date created: 	jan, 2008 
#
    used colours for this website:
    #ffffe5		light yellow for textboxes
    
#
###########################################################
*/


body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	background-color: #ffffff;
}

.addressinfo {
	position: absolute;
	display: none;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9pt;
	width: 300px;
	min-height: 80px;
	border: 1px solid black;
	z-index: 1000; 
	color: #000000;
	background-color: #ffffff;
}

#container {
	position: relative;
	width: 1024px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-style: none;
	background-color: #ffffff;
}

#container a:hover {text-decoration: none;}
#container a {
	font-size: 9pt;
	color: #ffffff;
}

#header {
	width: 748px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	height: 401px;
	background-color: #ffffff;
	background-image: url(../afbeeldingen/kop/kop-basis.gif);
} 

#header h1 {
	margin: 0; 
	padding: 10px 0; 
}

.thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 h3 , .datumplattetekst #sidebar2 p, #sidebar1 p{
	margin-left: 10px; 
	margin-right: 10px;
}

#mainContent {
	padding-left: 140px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #ffffff;
	font-size: 10pt;
	padding-top: 10px;
	/*background-color: transparent;*/
	
	background-image: url(../afbeeldingen/balk-links/balk-li-bckgr.gif);
	background-repeat: repeat-y;
	background-color: #0091ab;
}

.adreskop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11pt;
	color: #ffffff;
}

.adressen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	color: #ffffff;
}

/* gedeelte voor de plus sectie */
#mainContentplus {
	padding-left: 140px;
	padding-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12pt;
	background-color: #96bd0d;
	color: #000000;
}

#containerplus {
	position: relative;
	width: 1024px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-style: none;
	background-image: url(../afbeeldingen/basispag/Achtergrond-plus.gif);
	background-repeat: repeat-x;
	background-color: #96bd0d;
	color: #ffffff;
} 

#containerplus a:hover {text-decoration: none;}
#containerplus a {
	font-size: 9pt;
	color: #000000;
}
/* einde plus sectie */

/* gedeelte voor de theater sectie */
#mainContenttheater {
	padding-left: 140px;
	padding-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12pt;
	background-color: #e2001a;
	color: #ffffff;
}

#containertheater {
	position: relative;
	width: 1024px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-style: none;
	background-image: url(../afbeeldingen/basispag/Achtergrond-theater.gif);
	background-repeat: repeat-x;
	background-color: #e2001a;
} 

#containertheater a:hover {text-decoration: none;}
#containertheater a {
	font-size: 9pt;
	color: #ffffff;
}
/* einde theater sectie */

/* gedeelte voor de muziek sectie */
#mainContentmuziek {
	padding-left: 140px;
	padding-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12pt;
	background-color: #ee7f00;
	color: #000000;
}

#containermuziek {
	position: relative;
	width: 1024px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-style: none;
	background-image: url(../afbeeldingen/basispag/Achtergrond-muziek.gif);
	background-repeat: repeat-x;
	background-color: #ee7f00;
} 

#containermuziek a:hover {text-decoration: none;}
#containermuziek a {
	font-size: 9pt;
	color: #000000;
}
/* einde muziek sectie */

/* gedeelte voor de expo sectie */
#mainContentexpo {
	padding-left: 140px;
	padding-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12pt;
	background-color: #93117e;
	color: #ffffff;
}

#containerexpo {
	position: relative;
	width: 1024px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-style: none;
	background-image: url(../afbeeldingen/basispag/Achtergrond-expo.gif);
	background-repeat: repeat-x;
	background-color: #93117e;
} 

#containerexpo a:hover {text-decoration: none;}
#containerexpo a {
	font-size: 9pt;
	color: #ffffff;
}
/* einde expo sectie */

/* gedeelte voor de film sectie */
#mainContentfilm {
	padding-left: 140px;
	padding-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12pt;
	background-color: #3aaadc;
	color: #000000;
}

#containerfilm {
	position: relative;
	width: 1024px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-style: none;
	background-image: url(../afbeeldingen/basispag/Achtergrond-film.gif);
	background-repeat: repeat-x;
	background-color: #3aaadc;
} 

#containerfilm a:hover {text-decoration: none;}
#containerfilm a {
	font-size: 9pt;
	color: #000000;
}
/* einde film sectie */

/* gedeelte voor de jeugd sectie */
#mainContentjeugd {
	padding-left: 140px;
	padding-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12pt;
	background-color: #f5c900;
	color: #000000;
}

#containerjeugd {
	position: relative;
	width: 1024px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-style: none;
	background-image: url(../afbeeldingen/basispag/Achtergrond-jeugd.gif);
	background-repeat: repeat-x;
	background-color: #f5c900;
} 

#containerjeugd a:hover {text-decoration: none;}
#containerjeugd a {
	font-size: 9pt;
	color: #000000;
}
/* einde jeugd sectie */


#sidebar1 {
	float: left; 
	width: 153px;
	background-repeat: repeat;
	height: 10em;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}

#sidebar2 {
	position: absolute;
	right: 0px;
	width: 276px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../afbeeldingen/navi-rechts/navi-r-bkgr.gif);
	margin-top: -401px;
}

#sidebar2 a{
	font-size: 0pt;
}


#sidebar2genre {
	position: absolute;
	right: 0px;
	width: 278px;
	padding: 0px;
	margin-right: -1px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#sidebar2genre a{
	font-size: 0pt;
}

/* Miscellaneous classes for reuse */
.fltrt { /* dit exemplaar van class kan worden gebruikt om een element aan de rechterzijde van uw pagina te laten zweven. Het zwevende element moet voorafgaan aan het element dat, op de pagina, naast het zwevende element moet staan. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* dit exemplaar van class kan worden gebruikt om een element aan de linkerzijde van uw pagina te laten zweven. Het zwevende element moet voorafgaan aan het element dat, op de pagina, naast het zwevende element moet staan. */
	float: left;
	margin-right: 8px;
}

.datumkop { /* dit exemplaar van class moet op een element div of break zijn geplaatst en dient het laatste element te zijn vóór de afsluiting van een container (hoofdobject) die op zijn beurt onderliggende zwevende objecten dient te bevatten */
	clear: both;
	height: 0;
	font-size: 10pt;
	font-weight: bold;
	line-height: normal;
	border-bottom-style: dashed;
	border-bottom-width: 2px;
	border-bottom-color: #ffffff;
}

.datumtekst {
	height: 78px;
	white-space: nowrap;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	line-height: 10px;
	white-space: nowrap;
	text-align: center;
	/*vertical-align: middle;*/
}

.datum {
	font-size: 9pt;
	line-height: 10px;
	border-color: #ffffff;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
}

a.datum_dag {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

body,td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.platte-tekst {
	color: #000000;
	font-size: 9pt;
	font-weight: normal;
}

.articletext {
	font-size: 10pt;
	font-weight: normal;
}

.koppen {
	color: #96bd0d;
	font-size: 10pt;
	font-weight: bold;
}

.stijl4 {font-weight: bold}
.platte-tekst-vet {
	font-size: 10pt;
	color: #000000;
	font-weight: bold;
}

.homelist {
	line-height: normal;
	padding: 0px;
	margin: 0px;
}

.address {
	font-size: 9pt;
	/*font-weight: bold;*/
}


/*
.addresslink:hover {text-decoration: none;}
.addresslink {
	font-size: 9pt;
	color: #ffffff;
}

.articlelink:hover {text-decoration: none;}
.articlelink {
	font-size: 9pt;
	color: #ffffff;
} */

/* formulier */
.knop {
	width: 80pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
	background-color: #e6f7fa;
	border-top-color: #01414c;
	border-left-color: #01414c;
	border-right-color: #000000;	
	border-bottom-color: #000000;
	border-top-style: outset;
	border-right-style: outset;
	border-left-style: outset;
	border-bottom-style: outset;
}

.textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	width: 420px;
	height: 20px;
	border: 1px solid #01414c;
	background-color: #e6f7fa;
	color: #000000;
}

.datebox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	width: 250px;
	height: 20px;
	border: 1px solid #01414c;
	background-color: #e6f7fa;
	color: #000000;
}

.textfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	width: 420px;
	height: 120px;
	border: 1px solid #01414c;
	background-color: #e6f7fa;
	color: #000000;
}

.selectfield{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	width: 424px;
	height: 24px;
	border: 1px solid #01414c;
	background-color: #e6f7fa;
	color: #000000;
}