@charset "utf-8";
/* CSS Document */

html {
	height:100%;	
}
* html #textcontainer, #container, #container_wrapper, #newsitems, #content {
height: auto;
}
body {
	background-color:#000000;
	background-image:url(http://www.trainband.nl/files/images/Bg_wood.jpg);
	background-repeat:repeat-x;	
	background-position:top left;
	height:100%;
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#F0F0F0;

}

form {
    padding: 0px;
    width: 620px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
	text-align: left;
   }

label {
	font-family: arial;
	font-size: small;
	color: #ffffff;
    float: left;
    width: 100px;
    text-align: left;
    margin-right: 15px;
}

input {
    background-color: #f5f5f5;
    font-size: small;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    margin-bottom: 11px;
}

select {
    width: 120px;
    font-size: small;
    background-color: #f5f5f5;
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 10px;
}

textarea {
    width: 265px;
    height: 150px;
    background-color: #f5f5f5;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    margin-bottom: 11px;
}

.voorbeeldfoto {
	border: 1px solid #A40000;
}

.menu{
	margin-left: 20px;
	width: 700px;
	height: 30px;
	margin-top: 70px;
	float: left;
	z-index: 300;
	}
	
/* CSS voor de navigatie */
a img {border-width: 0; background: top left no-repeat;}

a#home img {height: 26px; background: url(http://www.trainband.nl/files/images/buttons/Home.gif) top left no-repeat;}
a#agenda img {height: 26px; background: url(http://www.trainband.nl/files/images/buttons/Agenda.gif) top left no-repeat;}
a#downloads img {height: 26px; background: url(http://www.trainband.nl/files/images/buttons/Downloads.gif) top left no-repeat;}
a#fotoalbum img {height: 26px; background: url(http://www.trainband.nl/files/images/buttons/Fotoalbum.gif) top left no-repeat;}
a#gastenboek img {height: 26px; background: url(http://www.trainband.nl/files/images/buttons/Gastenboek.gif) top left no-repeat;}
a#biografie img {height: 26px; background: url(http://www.trainband.nl/files/images/buttons/Biografie.gif) top left no-repeat;}
a#contact img {height: 26px; background: url(http://www.trainband.nl/files/images/buttons/Contact.gif) top left no-repeat;}

a#home:hover img {background: url(http://www.trainband.nl/files/images/buttons/HomeOver.gif) top left no-repeat;}
a#agenda:hover img {background: url(http://www.trainband.nl/files/images/buttons/AgendaOver.gif) top left no-repeat;}
a#downloads:hover img {background: url(http://www.trainband.nl/files/images/buttons/DownloadsOver.gif) top left no-repeat;}
a#fotoalbum:hover img {background: url(http://www.trainband.nl/files/images/buttons/FotoalbumOver.gif) top left no-repeat;}
a#gastenboek:hover img {background: url(http://www.trainband.nl/files/images/buttons/GastenboekOver.gif) top left no-repeat;}
a#biografie:hover img {background: url(http://www.trainband.nl/files/images/buttons/BiografieOver.gif) top left no-repeat;}
a#contact:hover img {background: url(http://www.trainband.nl/files/images/buttons/ContactOver.gif) top left no-repeat;}

a#home:active img {background: url(http://www.trainband.nl/files/images/buttons/HomeOn.gif) top left no-repeat;}
a#agenda:active img {background: url(http://www.trainband.nl/files/images/buttons/AgendaOn.gif) top left no-repeat;}
a#downloads:active img {background: url(http://www.trainband.nl/files/images/buttons/DownloadsOn.gif) top left no-repeat;}
a#fotoalbum:active img {background: url(http://www.trainband.nl/files/images/buttons/FotoalbumOn.gif) top left no-repeat;}
a#contact:active img {background: url(http://www.trainband.nl/files/images/buttons/ContactOn.gif) top left no-repeat;}
a#gastenboek:active img {background: url(http://www.trainband.nl/files/images/buttons/GastenboekOn.gif) top left no-repeat;}
a#biografie:active img {background: url(http://www.trainband.nl/files/images/buttons/BiografieOn.gif) top left no-repeat;}

.nieuws_border{
	border-bottom: dashed;
	border-width: 1px;
	border-color: #d71921;
}

.nieuws_text{
	font-size: 10pt;
	color: #ffffff;
}

.header  {
	background-color:#000000;
	background-image:url(http://www.trainband.nl/files/images/Logo.gif);
	background-position: right top;
	background-repeat:no-repeat;
	position: absolute;
	overflow: hidden;
	left: 50%;
	width: 800px;
	margin-left: -400px;
	height: 340px;
	margin-top: 0px;
	text-align: left;
	z-index: 1;

}

.fotofade {
	position: absolute;
	overflow: hidden;
	left: 400px;
	width: 760px;
	margin-left: -380px;
	height: 280px;
	margin-top: 110px;
	text-align: left;
	background-image:url(http://www.trainband.nl/files/images/1.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	top: -3px;
	}	
.container_wrapper  {
	position: absolute;
	background-image:url(http://www.trainband.nl/files/images/border.png);
	background-repeat:repeat-x;
	left: 50%;
	width: 820px;
	margin-left: -410px;
	min-height: 100%;
	margin-top: 0px;
	text-align: left;
}
.container {
	background-color:#000000;
	position: absolute;
	overflow: hidden;
	left: 50%;
	width: 800px;
	margin-left: -400px;
	height: auto;
	margin-top: 320px;
	text-align: left;

}

.textcontainer{
		float: left;
		height: auto;
		width: 460px;
		padding: 10px;
		margin-left: 20px;
		margin-top: 20px;		
		background-image:url(http://www.trainband.nl/files/images/TextContainerBg.jpg);
		background-position:top left;
		background-repeat:no-repeat;
}

.newsitems{
		width: 280px;
		height: auto;
		padding: 10px;
		margin-top: 20px;
		margin-left: 480px;
		background-image:url(http://www.trainband.nl/files/images/NieuwsContainerBg.jpg);
		background-position:top right;
		background-repeat:no-repeat;
		}	


/* Kleine aanpassing voor IE, omdat anders de "Three Pixel Gap"-fout van IE fouten in de weergave oplevert*/
* html div#textcontainer {position:relative;left:-3px;}
	
.content{
		padding-top: 10px;

		height: auto;
	}
		
/* vanaf hier definities voor de content*/
.content h1{
		color:#d71921;
		font-size: 14px;
		font-weight: bold;
	}	
.content a{
		color: #ffffff;
	}
.content a:hover{
		color: #d71921;
	}
.content a:visited{
		color: #ffffff;
	}
	
.footer{
	float: clear;
	width: 780px;
	height: 18px;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
	margin-bottom: 5px;
	color: #ffffff;
	background-color: #111111;
	font-family: arial;
	font-size: 8pt;
}

.footer a {
	color: #ffffff;
	text-decoration: none;
	font-family: arial;
	font-size: 8pt;
}

.footer a:hover {
	color: #ccff00;
	text-decoration: underline;
	font-family: arial;
	font-size: 8pt;
}