/* ====================================================================
GENERAL STYLING
-------------------------------------------------------------------- */
/* border:nones are for NN4 */
html { margin: 0px; padding: 0px; }
body
	{
	margin: 0px;
	padding: 0px;
	background-color: #c0c4c8;
	}

a img {
	border:none;
}
div { margin: 0px; padding: 0px; }
p {padding: 0px; margin: 0px;}
.clear { clear: both;} /* CSS HACK: only for NN4, so now use Caio hack to cleanse palette */
/*/*/ .clear { display: none; } /* */
/* box-wrap is only needed if you want to set a background color for the columns, put a border round the content block or fix the content width */
.box-wrap
	{
	color : #000000;
	background: #dedeb9;
	border: 5px solid #ffffff;
/* CSS HACK: width increased for browsers whose box model is not CSS2 compliant */
	width: 840px;
/*/*/
	wid\th: 830px;
/* */;
	margin: 10px auto 1px;
	margin: 10px auto;
}
.box-header
	{
	color: #000000;
	background: #ccc679;
	margin: 0px;
	border: none;
	height: 110px;
	width: 830px;
	padding: 0;
}
h1 { margin: 0px;
	color: #990000;
	font: bold 16px Geneva, Arial, Helvetica, sans-serif;
	padding: 10px 16px 20px;
}
h2
	{
	color: #302f2f;
	font: bold 13px Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 10px 16px 2px;
} 
.box-footer
	{
	background: #ccc679;
	clear: both;
	border: none;
	height: 40px;
}

.box-footer p {
	font: 10px Geneva, Arial, Helvetica, sans-serif;
	color: #003366;
	text-align: center;
	padding-top: 10px;
	margin-top: 0;
}

.box-footer a {
	font: 10px Geneva, Arial, Helvetica, sans-serif;
	color: #003366;
	text-align: center;
	padding-top: 10px;
	margin-top: 0;
	text-decoration: underline;
}
/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */

/*<group=Formulare>*/
#form-module * {
	padding:0px;
	margin:0px;
}

#form-module {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-right: 16px;
	padding-left: 16px;
}

#form-module fieldset {
}

#form-module legend {
	display:none;
}

#form-module p {
	margin:0;
	color: #302f2f;
	font: 11px Geneva, Arial, Helvetica, sans-serif;
}

#form-module .element {
}

#form-module label {
	margin-bottom: 6px;
	color: #6f6d6d;
	font: 11px Geneva, Arial, Helvetica, sans-serif;
}

#form-module label.checkbox {
}

#form-module input, 
#form-module select, 
#form-module textarea {
}

#form-module textarea {
	height: 80px;
	margin-bottom: 6px;
	width: 253px;
	border: 1px solid #003164;
}

#form-module input.text {
	margin-bottom: 6px;
	border: 1px solid #003164;
	background: #ffffff;
	width: 250px;
	color: #000000;
	font: 11px Geneva, Arial, Helvetica, sans-serif;
	padding: 3px 0 3px 3px;
}

#form-module input.checkbox {
	padding:0;
}

#form-module input.submit {
	cursor:pointer;
	width: 100px;
	border: 1px solid #003164;
	color: #003164;
	font: 11px Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	margin-left: 155px;
	background: #dedeb9;
	padding: 1px;
}

#form-module label.textarea, 
#form-module textarea.textarea {
	margin-bottom: 6px;
}

#form-module-thanks {
}

/*</group>*/

/*<group=Menue>*/

#list {
	background: #ccc679 none repeat;
	clear: both;
	display: block;
	padding: 0 0 4px;
	margin-top: 3px;
	margin-left: 0;
}
#list ul{
list-style:none;
	background: #ccc679;
	padding: 2px 0 0;
}

#list li{display:inline;
	padding: 0;
}

#list a{
color: #990000;
font: bold 11px Geneva, Arial, Helvetica, sans-serif;
text-decoration:none;
	margin: 0;
	display: inline;
	height: 11px;
	padding: 2px 8px 6px;
}

#list a:hover{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	display: inline;
	text-decoration: underline;
	padding-right: 8px;
	padding-left: 8px;
}

#list li.active a{
color: #003164;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	display: inline;
	padding: 4px 8px 8px;
	background: #ffffff url(../files/content_active_fond.gif) repeat;
}

/*</group>*/
.columns-float
	{
	float: left;
	width: 650px;
	}
.column-one
	{
	float: right;
	width: 470px;
	margin: 0;
	background: none;
}
/* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */
/*/*/
.column-two { margin-right: 470px;
}
.column-three {margin-left: 650px;}
/* */
.column-one-content, .column-two-content, .column-three-content
	{
	border: none;
	color: #000000;
	}
.column-one-content { background: #ffffff url(content_fond.gif) repeat-x;
	padding-top: 1px;
}

.column-one-content p { background: none;
	color: #000000;
	padding: 0 16px 10px;
	font: 14px/1.4em Times New Roman, Times, serif;
}

.column-one-content a {
	overflow: auto;
	font: 14px/1.4em Times New Roman, Times, serif;
	text-decoration: underline;
	color: #990000;
	margin-right: auto;
	margin-left: auto;
}

.column-one-content a:active {
	overflow: auto;
	font: 14px/1.4em Times New Roman, Times, serif;
	text-decoration: underline;
	color: #003164;
	margin-right: auto;
	margin-left: auto;
}

.column-one-content cite {
	font-style: normal;
	font-weight: bold;
	color: #797676;
}
.column-two-content { background: #dedeb9 no-repeat url(../files/fond_left.gif);
	padding-top: 52px;
	padding-right: 16px;
	padding-left: 16px;
}

.column-two-content p {
	color: #003164;
	padding-bottom: 10px;
	font: 11px/1.4em Geneva, Arial, Helvetica, sans-serif;
}

.column-two-content a {
	color: #990000;
	font: bold 12px/1.4em Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.column-two-content a:hover {
	color: #990000;
	font: bold 12px/1.4em Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

.column-two-content a:active {
	color: #003366;
	font: bold 12px/1.4em Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.column-three-content { background: #dedeb9 url(../files/fond_right.gif) no-repeat;
	padding-top: 52px;
	padding-right: 16px;
	padding-left: 16px;
}

.column-three-content p {
	color: #003164;
	padding-bottom: 10px;
	font: 11px/1.4em Geneva, Arial, Helvetica, sans-serif;
}

.column-three-content a {
	color: #990000;
	font: bold 12px/1.4em Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.column-three-content a:hover {
	color: #990000;
	font: bold 12px/1.4em Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

.column-three-content a:active {
	color: #003366;
	font: bold 12px/1.4em Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
/* VERTICAL PADDING ABOVE COLUMNS */
.box-header
	{ margin-bottom: 0px; }
.column_padding_after
	{
	height:0px;
	font-size: 1px;
	line-height: 0px;
	clear: both;
	}
/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */ 
/*/*/
.box-wrap, .columns-float, .column-one, .column-two, .column-three, h2
	{ p\osition: relative; }
/* */

.top {
	padding-right: 15px;
	padding-top: 0;
	padding-bottom: 10px;
	width: 455px;
	text-align: right;
}