/*
***********************************************************
Title:     Main
Author:    Martin van der Linden - Elegantchaos.nl
***********************************************************
*/

/* Global reset ////////////////////////////////////////////////////////////////////////////////*/
*	    { 	
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparant;
}

em { font-style: italic; }
strong { font-weight: bold; }
/*
table {	border-collapse: collapse; border-spacing: 0; }
*/
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
caption, th, td { font-weight:normal; text-align:left; }
ol, ul { list-style:none;}




table {
/*
float: left;
display: inline;
*/
}

/* Layout 3 cols ///////////////////////////////////////////////////////////////*/
#frame {
	margin: auto;
	width: 900px;
	height: 740px;
	position: relative;
	text-align: left;

}

#main, #left, #center, #right, #footer {
	float: left;
	display: inline; /* workaround for IE6*/
}

#main {
	background: url() repeat-y center;
	min-height: 740px;
	height: auto !important;
	height: 740px;
	text-align: left;
}

#header{
	background: url(/fileadmin/site/images/header-b.jpg) no-repeat bottom;
	margin-top:10px;
	height: 258px;
	width: 900px;
	border-bottom: 0px dotted #000;
}

#header-top{
	height: 110px;
}

#langselect {
	margin-top: 121px;
	margin-left: 750px;
	position: absolute;

}


#description, #skip, #logo span, #slogan span{
	display: none;
}

#left, #center, #right {
overflow: hidden;
}

/* Left  ////////////////////////////////////////////////////////////////////////*/
#left {
	width: 138px;
	width: 200px;
	padding-right: 18px;
	padding-top: 5px;
	height: 530px;
}

/*  Center ////////////////////////////////////////////////////////////////////////*/
#center{
	width: 440px;
	margin-right: 12px;
	height: 530px;
	overflow: auto;
	border-left:1px dotted #000;
	border-right:1px dotted #000;
}

#content {
	
	border-top:0px solid #FFFFFF;
	float:left;
	display: inline;
	padding-left:14px;
	padding-right:8px;
	padding-right:14px;
}

/* Right ////////////////////////////////////////////////////////////////////////*/
#right{

        height: 530px;
	padding-top: -5px;
}

#rechterkolom {
	width: 200px;
}


/* Overlay ////////////////////////////////////////////////////////////////////////*/

#overlay {
	background: #fff;
	height: 20px;
	width: 682px;
	z-index: 250;
	position: relative;
	margin-top: 500px;
	left: 218px;
}

/* Footer ////////////////////////////////////////////////////////////////////////*/
#footer {
	background: #fff;
	color: #008CB2;
	margin-top: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	height: 20px;
	width: 900px;
}

#copyright {
	width: 200px;
	margin-left: 695px;
}

#copyright a, copyright a:visited {
	color: #008CB2;
}


#top {
	height: 20px;
	width: 300px;
}


/* Forms ////////////////////////////////////////////////////////////////////////*/

form {
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

label {
	display: inline;
	width: 200px;
}

label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}


fieldset { border: none;}
legend {display:none;}
textarea { overflow: auto;}
select { width: auto; }

#content form {
	margin-top: 10px;
	margin-bottom: 10px;
}

.csc-mailform-field {
	clear: left;
	border-bottom: 4px solid #FFFFFF;
	margin-bottom: 4px;
}

.csc-mailform label {
	background: #D3D4E9;
	display: block;
	float: left;
	padding: 3px;
	padding-left: 9px;
	width: 130px;
}

/* radiobuttons ////////////////////////////////////////////////////*/

.csc-mailform-radio fieldset {
	float: left;
	width: 242px;
	*width: 260px;
}

input.csc-mailform-radio, input.csc-mailform-check {
	background: none;
	margin-left: 0px;
	*margin-left: 0;
}

#center .csc-mailform-radio label {
	background: none;
	display: normal;
	float: left;
	*float: none;
	vertical-align: top;


	width: 300px;
	width: 190px;
}


input.csc-mailform-radio, input.csc-mailform-check, input.pollanswer {
	background: none;
	border: none;
	width: 20px;
}

input.csc-mailform-radio, input.csc-mailform-req {
	clear: left;
	float: left;
}

/* buttons ///////////////////////////////////////////////*/
input.button, input.submit, input.csc-mailform-submit, 
input.tx-newloginbox-pi1-submit, input.tx-guestbook-submit {
	clear: left;
	background: #AC88BE;
	color: #fff;
	border: none;
	padding: 1px;
	width: auto;
	font-weight: normal;
	text-align: center;
}


span.csc-mailform-req {
	color: #990099;
	vertical-align: top;
}

#mailform .warning input {
	border: 1px solid red;
}

#mailform .warning label {
	color: red;
}


input {
	border: 1px solid #000;
}