CSS - http://www.cultuurnetwerk.nl/actueel/kc/index.asp

    * Collapse All
    * Expand All

http://www.cultuurnetwerk.nl/actueel/kc/index.asp
http://www.cultuurnetwerk.nl/actueel/kc/kunst.css

/* CSS Document */

html {

	overflow: hidden;

	height: 95%;

}



body {

	

      /*background-color: #c6b8ba;*/                                

      font-family: Verdana, Arial, Helvetica, sans-serif;

      font-size: 0.7em;

      margin: 0;        

      padding:0;  



}



#box {

	border-right: 2px solid #6f5659;

	border-bottom: 2px solid #6f5659;

	background-color: #fff;

	margin: auto;

	padding: 0px;

	color: #000;

	text-align: left;

	height: 635px;

	width: 790px;

}



p {

	line-height: 1.25em;

}

h1 {

	font-size: 1.15em;

	font-weight: bold;

}

h2 {

	font-size: 0.9em;

	font-style: italic;

}

h3 {

	font-size: 0.9em;

	font-weight: bold;

}

em {

	font-size: 0.8em;

	font-style: italic;

}

.bold {

	font-weight: bold;

}

img {

	float: left;

	padding-left: 6px;

	padding-top: 12px;

}

a, a:link, a:visited {
      text-decoration: none;
      color: #000;
      font-weight: bold;
      /*font-size: 0.9em;*/ 
}




a:hover {

      color: #f40884;

}





/* The header and footer */

#header {

	width: 790px;

	height: 55px;

}

.headerNav {

}

#logo {

	float: left;

	background-image: url(images/logo_kc.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

	width: 140px;

	height: 55px;

}

/*subheader*/

#subheader2 {

	float: left;

	width: 312px;

	height: 47px;

	padding: 4px;

}

#zoek_venster {

	float: right;

	background-color: #ff96cd;

	border-left: 1px solid #800043;

	border-top: 1px solid #800043;

	border-bottom: 1px solid #f40884;

	border-right: 1px solid #f40884;

	width: 80px;

	height: 14px;

	padding-left: 6px;

}



#menuhorizontaal {

	clear: both;

	line-height: 46px;

	text-align: right;

	font-size: 0.9em;

}

#menuhorizontaal a.menu, a.menu:link, a.menu:visited{

	color: #000;

	font-weight: bold;

	text-decoration: none;

	padding-right: 3px;

	padding-left: 3px;

}

#menuhorizontaal a.menu:hover {

	color: #DA0069;

}

.active {

	color: #f40884;

	font-weight: bold;

	padding-right: 3px;

	padding-left: 3px;

}

/*subheader*/

#subheader3 {

	float: left;

	width: 44px;

	padding: 4px;

}

a.zoek:link, a.zoek:visited {

	color: #000;

	font-weight: bold;

	font-size: 0.9em;

	line-height: 14px;

}

a.zoek:hover {

	color: #f40884;

}

/*subheader*/

#subheader4 {

	float: right;

	width: 200px;

}

.inloggen {

	display: block;

	float: right;

}

#inloggen_venster {

	padding-left: 6px;

	background-color: #ddffa6;

	border-left: 1px solid #4c7c00;

	border-top: 1px solid #4c7c00;

	border-bottom: 1px solid #a2e03f;

	border-right: 1px solid #a2e03f;

	width: 80px;

	height: 12px;

}

.font-size {

	font-size: 0.9em;

}

.login {

	background-color: #f40884;

	color: #fff;

	padding-left: 6px;

}

span.login1b {

	display: block;

	width: 86px;

	height: 12px;

	border-style: solid;

	border-width: 1px;

	border-bottom-color: #333;

	border-right-color: #000;

	border-top-color: #fff;

	border-left-color: #fff;

}

#subheader4 a.login, a.login:link {

	display: block;

	color: #fff;

	text-decoration: none;

}

#subheader4 span.login1b:hover, a.login:hover{

	display: block;

	background-color: #b60b64;

	border-style: solid;

	border-width: 1px;

	border-top-color: #333;

	border-left-color: #444;

	border-bottom-color: #999;

	border-right-color: #666;

	color: #fff;

	font-weight: bold;

}

/*sfeerbanner*/

#container_sfeer {

	display: block;

}

#left_pink {

	float: left;

	background-color: #f40884;

	height: 150px;

	width: 140px;

}

#sfeer1 {

	float: left;

	background-image: url(images/sfeer1.jpg);

	background-repeat: no-repeat;

	height: 150px;

	width: 485px;

}

#sfeer2 {

	float: left;

	background-image: url(images/sfeer2.jpg);

	background-repeat: no-repeat;

	height: 150px;

	width: 485px;

}

#sfeer3 {

	float: left;

	background-image: url(images/sfeer3.jpg);

	background-repeat: no-repeat;

	height: 150px;

	width: 485px;

}

#sfeer4 {

	float: left;

	background-image: url(images/sfeer4.jpg);

	background-repeat: no-repeat;

	height: 150px;

	width: 485px;

}

#sfeer5 {

	float: left;

	background-image: url(images/sfeer5.jpg);

	background-repeat: no-repeat;

	height: 150px;

	width: 485px;

}

#sfeer6 {

	float: left;

	background-image: url(images/sfeer6.jpg);

	background-repeat: no-repeat;

	height: 150px;

	width: 485px;

}

#sfeer7 {

	float: left;

	background-image: url(images/sfeer7.jpg);

	background-repeat: no-repeat;

	height: 150px;

	width: 485px;

}

#right_green {

	float: left;

	background-color: #A2e03f;

	height: 150px;

	width: 165px;

}

/*footer*/

#footer {

	float: left;

	background-image: url(images/footer_img.jpg);

	background-repeat: no-repeat;

	height: 100px;

	width: 625px;

}

#footer img {

	float: left;

	padding-left: 6px;

	padding-top: 92px;

}

#foot {

	font-size: 0.8em;

	padding-top: 68px;

	padding-left: 152px;

}

#foot a.menu, a.menu:link, a.menu:visited{

	color: #a2e03f;

	font-weight: bold;

	text-decoration: none;

	padding-right: 6px;

	padding-left: 6px;

}

#foot a.menu:hover {

	color: #DA0069;

}

#foot a.impd, a.impd:link, a.impd:visited{

	color: #ddffa6;

	font-weight: bold;

	text-decoration: none;

}

#foot a.impd:hover {

	color: #a2e03f;

}

#schaduwrand {

	background-image: url(images/schaduwrand.jpg);

	background-repeat: repeat-y;

	height: 630px;

	width: 10px;

}

#schaduwbottom {

	background-image: url(images/schaduwbottom.jpg);

	background-repeat: repeat-x;

	margin-left: 1px;

	width: 790px;

}



/*basiselementen layout*/

.clear {

	clear:both;

}

#container {

	display: block

}



/*navigatie vertikaal*/

#navigatie {

	float: left;

	width: 140px;

 	padding: 0;

	line-height: 22px;

	font-size: 0.9em;

}

#navigatie ul {

 	list-style: none;

 	margin: 0;

 	padding: 0;

}

#navigatie ul li {

 	margin: 0;

 	line-height: 20px;

}

.item1 {

	background-color: #f40884;

	border-style: solid;

	border-width: 1px;

	border-bottom-color: #666;

	border-right-color: #666;

	border-top-color: #ccc;

	border-left-color: #ccc;

	color: #fff;

	padding-left: 22px;

}

span.item1b {

	display: block;

	width: 138px;

	height: 22px;

	border-style: solid;

	border-width: 1px;

	border-bottom-color: #333;

	border-right-color: #000;

	border-top-color: #fff;

	border-left-color: #fff;



}

span.active_groen {

	display: block;

	width: 114px;

	height: 20px;

	background-color: #a4e03f;

	border-style: solid;

	border-width: 2px;

	border-bottom-color: #666;

	border-right-color: #666;

	border-top-color: #fff;

	border-left-color: #fff;

	color: #000;

	padding-left: 22px;

}



#navigatie ul li a{

 	width: auto;

}



#navigatie ul li a.item1, a.item1:link {

	display: block;

	color: #fff;

	text-decoration: none;

}

#navigatie ul li span.item1b:hover, a.item1:hover{

	display: block;

	background-color: #b60b64;

	border-style: solid;

	border-width: 1px;

	border-top-color: #333;

	border-left-color: #444;

	border-bottom-color: #999;

	border-right-color: #666;

	color: #fff;

	font-weight: bold;

}

#navigatie_vulling {

	background-color: #f40884;

	height: 88px;

	width: 140px;

}

.item2 {

	background-color: #d90976;

	border-style: solid;

	border-width: 1px;

	border-bottom-color: #333;

	border-right-color: #333;

	border-top-color: #fff;

	border-left-color: #fff;

	color: #fff;

	padding-left: 22px;

}



#navigatie ul li a.item2, a.item2:link {

	display: block;

	color: #fff;

	text-decoration: none;

}

#navigatie ul li a.item2:hover {

	display: block;

	background-color: #f40884;

	border-style: solid;

	border-width: 1px;

	border-top-color: #333;

	border-left-color: #333;

	border-bottom-color: #666;

	border-right-color: #666;

	color: #fff;

	font-weight: bold;

}



.item3 {

	background-color: #b60b64;

	border-style: solid;

	border-width: 1px;

	border-bottom-color: #333;

	border-right-color: #333;

	border-top-color: #fff;

	border-left-color: #fff;

	color: #fff;

	padding-left: 22px;

}

#navigatie ul li a.item3, a.item3:link {

	display: block;

	color: #fff;

	text-decoration: none;

}

#navigatie ul li a.item3:hover {

	display: block;

	background-color: #D90976;

	border-style: solid;

	border-width: 1px;

	border-top-color: #333;

	border-left-color: #333;

	border-bottom-color: #666;

	border-right-color: #666;

	color: #fff;

	font-weight: bold;

}

.selected {

	display: block;

	background-image: none;

	background-color: #DA0069;

	text-align: center;

	color: #fff;

}



/*tekst elemente*/

#content {

	width: 329px;

	float: left;

	scrollbar-3dlight-color: #888;

    scrollbar-arrow-color: #666;

    scrollbar-base-color: #fff;

    scrollbar-darkshadow-color: #999;

    scrollbar-face-color: #ff96cd;

    scrollbar-highlight-color: #fff;

    scrollbar-shadow-color: #666;

}

#content635 {

	width: 648px;

	float: left;

	overflow: auto;

	scrollbar-3dlight-color: #888;

    scrollbar-arrow-color: #666;

    scrollbar-base-color: #fff;

    scrollbar-darkshadow-color: #999;

    scrollbar-face-color: #ff96cd;

    scrollbar-highlight-color: #fff;

    scrollbar-shadow-color: #666;

}



#content635groen 

{

      width: 648px;

      float: left;

      overflow: auto;

      height: 369px;

      scrollbar-3dlight-color: #888;

      scrollbar-arrow-color: #666;

      scrollbar-base-color: #ddffa6;

      scrollbar-darkshadow-color: #999;

      scrollbar-face-color: #ddffa6;

      scrollbar-highlight-color: #fff;

      scrollbar-shadow-color: #666;

}

 

#container_groen {

      display: block;

      height: 300px;

      padding: 6px;

}

#container_roze {

      display: block;

      height: 300px;

      padding: 6px;



}

#actueel {

	display: block;

	padding: 6px;

}

#nieuws {

	float: left;
	width: 150px;
	overflow: hidden;

}

#agenda {

	float: left;

	width: 140px;
	overflow: hidden;
	padding-left: 12px;

}

.datum {

	font-size: 0.8em;

}

 a.titel, a.titel:link, a.titel:visited {

	color: #f40884;

	font-size: 1em;

	font-variant: small-caps;

	text-decoration: none;

}

a.titel:hover {

	color: #4c7c00;

	font-size: 1em;

	font-variant: small-caps;

}





.locatie {

	color: #f40884;

	font-size: 0.9em;

	font-weight: bold;

}

.meer a:link {

	color: #a2e03f;

	font-size: 1em;

	text-decoration: none;

}	

.meer a:hover {

	color: #f40884;

}	



/*zoekresultaten*/

#container_zoekresultaat {

	display: block;

	overflow: auto;

	float: left;

	width: 306px;

	height: 369px;

	padding: 6px;

	scrollbar-3dlight-color: #888;

    scrollbar-arrow-color: #666;

    scrollbar-base-color: #fff;

    scrollbar-darkshadow-color: #999;

    scrollbar-face-color: #ff96cd;

    scrollbar-highlight-color: #fff;

    scrollbar-shadow-color: #666;

}

#container_zoekresultaat table tr.groene_titelbalk td {

	background-color: #a2e03f;

	font-weight: bold;

	padding-left: 2px;

}

#container_zoekresultaat table tr.groene_subtitelbalk td {

	background-color: #ddffa6;

	border-bottom: 1px solid #a2e03f;

	border-top: 1px solid #a2e03f;

	font-weight: bold;

	padding-left: 2px;

}

#container_zoekresultaat table tr td {

	line-height: 20px;

}

a.gevonden:link, a.gevonden:visited {

	color: #000;

	line-height: 14px;

}

a.gevonden:hover {

	font-weight: bold;

	color: #4c7c00;

}

.roze {

	color: #f40884;

}

#container_roze {

	display: block;

	height: 369px;

	padding: 6px;

}

#container_roze table tr td { 

	vertical-align: top;

	padding: 4px;

}

#container_roze table tr.roze_titelbalk td {

	background-color: #f40884;

	color: #fff;

	font-weight: bold;

	padding-left: 2px;

}

#container_roze table tr.roze_subtitelbalk td {

	background-color: #ff96cd;

	border-bottom: 1px solid #f40884;

	border-top: 1px solid #f40884;

	font-weight: bold;

	padding-left: 2px;

}

.routenr {

	text-align: right;

	vertical-align: top;

	font-size: 0.9em;

}



#container_groen table tr td { 

	vertical-align: top;

	padding: 4px;

}

#container_groen table tr.groene_titelbalk td {

	background-color: #a2e03f;

	font-weight: bold;

	padding-left: 2px;

}

#container_groen table tr.groene_subtitelbalk td {

	background-color: #ddffa6;

	border-bottom: 1px solid #a2e03f;

	border-top: 1px solid #a2e03f;

	font-weight: bold;

	padding-left: 2px;

}

#container_groen table tr.groene_productbalk td {

	border-bottom: 1px solid #a2e03f;

	padding-left: 2px;

}

#container_zoekleden {

	display: block;

	height: 519px;

	padding: 6px;

}

#container_zoekleden table tr.roze_titelbalk td {

	background-color: #f40884;

	color: #fff;

	font-weight: bold;

	padding-left: 2px;

}

#container_zoekleden table tr.roze_subtitelbalk td {

	background-color: #ff96cd;

	border-bottom: 1px solid #f40884;

	border-top: 1px solid #f40884;

	font-weight: bold;

	padding-left: 2px;

}

#container_zoekleden table tr.roze_productbalk td {

	border-bottom: 1px solid #f40884;

	padding-left: 2px;

}

#container_roze table tr.roze_streep td {

	border-bottom: 1px solid #f40884;

}

#container_sitemap {

	display: block;

	height: 369px;

	padding: 6px;

}

#container_sitemap table tr.roze_titelbalk td {

	background-color: #f40884;

	color: #fff;

	font-weight: bold;

	padding-left: 2px;

}

#container_sitemap table tr.roze_subtitelbalk td {

	background-color: #ff96cd;

	border-bottom: 1px solid #f40884;

	border-top: 1px solid #f40884;

	font-weight: bold;

	padding-left: 2px;

}



#container_sitemap table tr.roze_productbalk td {

	border-bottom: 1px solid #f40884;

	padding-left: 2px;

	vertical-align: top;

}

a.sitemap:link, a.sitemap:visited {

	font-weight: bold;

	font-size: 1em;

	color: #000;

}

a.sitemap:hover {

	color: #f40884;

}



/*producten*/

.groene_box {

	width: 12px;

	height: 12px;

	border-top-color: #f40884;

	border-left-color: #4c7c00;

	border-right-color: #800043;

	border-bottom-color: #800043;

}

.invulveld {

	padding-left: 6px;

	background-color: #ddffa6;

	border-left: 1px solid #4c7c00;

	border-top: 1px solid #4c7c00;

	border-bottom: 1px solid #a2e03f;

	border-right: 1px solid #a2e03f;

	height: 12px;

}

.bestel_button {

	padding: 0px;

	font-size: 0.9em;

	font-weight: bold;

	background-color: #A2e03f;

	border-left: 1px solid #4c7c00;

	border-top: 1px solid #4c7c00;

	border-bottom: 1px solid #4c7c00;

	border-right: 1px solid #4c7c00;

	height: 18px;

}