
/* -------------------------------------------------- */
/*    GLOBAL STUFF                                    */
/* -------------------------------------------------- */


html, body, div, p, h1, h2, h3, h4, img, ul, ol, li, a, dl, dt, form, fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px none;
}

body {
	font-family: Trebuchet MS;
	text-align: left;
	font-size: 62.5%;  /* 1em = 10px , 1.4em = 14px */
}


a {
	text-decoration: underline;
	color: #000;
}


a:visited {
	color: #000;
}


a:hover {
	color: #000;
}





/* -------------------------------------------------- */
/*    POSITIONING                                     */
/* -------------------------------------------------- */

body {
	background-image:url(background.gif);
	text-align:center;
}

#all {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:976px;
	padding-top: 4px;
}



#head {
	background:url(bg_head.gif) no-repeat;
	height:79px;
	width:100%;
}


#logo {
	float:left;
	/*margin: 11px 0 0 17px;  for logo_glossy_bump*/
	margin: 17px 0 0 22px;
}
#metawrap {	
	float:right;
	margin: 14px 24px 0 0;
	width: 600px;
	height: 33px;
}
#languages, #metanav {
	display:inline;
}


#mainnav {
	clear:right;
	margin:0px 8px;
	height: 32px;
}

#headerimg, #wrapper {
	background: url(bg_cont.gif) repeat-y;
}

#headerimg .bar {
	background: #000;
	height:18px;
	margin: 0px 8px;
}

#headerimg .thin {
	height:9px;
}

#landscape {
	background: #000;
	margin: 0px 8px;
}



#contarea {
	background:url(subhead_bg.gif) no-repeat 8px 0px;
	padding: 0px 8px;
}


#subnav {
	float:left;
	width:237px;
	padding-top:12px;
}
body.start #subnav {
	display:none;
}

#cont {
	float:left;
	overflow:hidden;
	width:474px;
	padding-top:12px;
	
		overflow:visible;
}

body.start #cont {
	width:711px;
}


#contnormal {
	margin-left:16px;
	clear:both;
}

body.start #contnormal {
	margin-left:253px;
}


#rightcol{
	float:right;
	width:237px;
	padding-top:12px;
}

#contlargeboxes {
	clear:both;
	overflow: hidden;
}


#corner {
	clear:both;
	background:url(corner.gif) no-repeat;
	height:20px;
}



#database {
	position:relative;
	left:-225px;
	top:0px;
	width:700px;
}


#SlideshowLinkArea {
	display:block; 
	position:absolute; 
	width:215px; 
	height:145px; 
	z-index:50000;

	top:-145px;
/*
background: transparent;
border:1px dotted #666;
*/
}


/*
#blogbutton {
	position:absolute;
	top: 78px;
	display: block;
	margin-left: -16px;
}
#blogbutton a{
	outline:none;
}*/

/*
#blogbutton {
	position:absolute;
	top: 101px;
	display: block;
	margin-left: 8px;
}
#blogbutton a{
	outline:none;
}
*/

#blogbutton {
	display: none;
}

/* -------------------------------------------------- */
/*    BOXEN POSITION & BACKGROUNDS                    */
/* -------------------------------------------------- */


.contbox {
	width:237px;
	float:left;
	padding-bottom: 24px;
}


.contbox .csc-header {
	height:26px;
	margin-top: -34px;
	color: #FFF;
}


.boxhead, .boxbody, .boxfoot {
	margin-left:12px;
}


#rightcol .boxhead, #rightcol .boxbody, #rightcol .boxfoot {
	margin-left:0px;
	margin-right:12px;
}

.boxhead {
	background:url(box_head.png) no-repeat;
	color: #FFF;
	height: 32px;
}

.boxbody {
	background:url(box_body.png) repeat-y;
	color: #333;
	padding: 8px;
}

.boxfoot {
	background:url(box_footer.png) no-repeat left bottom;
	height:16px;
}

.boxbody .csc-textpic-imagewrap, .slideshow img {
	position: relative;
	left:-4px;
}

.boxbody .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap,
.boxbody .csc-textpic-intext-right .csc-textpic-imagewrap{
	position: relative;
	left:4px;
}



div.text .csc-header {
	height:30px;
	margin-top: -34px;
}

div.text .boxhead {
	background:url(box_text_head.png) no-repeat;
}

div.text .boxbody {
	background:url(box_text_body.png) no-repeat #FFF;
	color: #000;
}

div.text .boxfoot {
	background:url(box_text_footer.png) no-repeat left bottom;
}

div.nav .boxhead {
	background:url(box_nav_head.png) no-repeat;
}

div.nav .boxbody {
	background:url(box_nav_body.png) repeat-y;
	/* padding:0px 4px; */
	padding-bottom: 0px;
}

div.nav .boxfoot {
	background:url(box_nav_footer.jpg) no-repeat left top;
}




.contboxlarge {
	width:474px;
	float:left;
	padding-bottom: 24px;
}


div.contboxlarge .boxbody {
	background:url(box_large-top.jpg) no-repeat;
	padding-top:12px;
	overflow: hidden;
}

div.contboxlarge .boxfoot {
	background:url(box_large-bottom.jpg) no-repeat left top;
	clear:both;
}


.contboxlarge h1 {
	text-align:left;
	padding-bottom: 8px;
}






/* -------------------------------------------------- */
/*    NAVIGATION                                      */
/* -------------------------------------------------- */

#metanav ul {
	float:right;
	list-style:none;
	padding-right:12px;
}

#metanav li {
	float:left;
	padding-left:12px;
}


#languages ul {
	float:right;
	list-style:none;
	border-left: 1px solid #AAA;
}

#languages li {
	float:left;
	padding-left:12px;
}


#metawrap a {
	text-decoration: none;
	font-size: 11px;
	font-family: Trebuchet MS;
	color: #AAA;
}
#metawrap a:hover, #metawrap li.active a {
	color: #555;
}



#mainnav a {
	text-decoration: none;
	font-size: 18px;
	padding-top: 9px;
	display: block;
	color: #666;
}

#mainnav a:hover {
	color: #000;
}

#mainnav ul {
	list-style:none;
	float:right;
	overflow:hidden;
	height: 32px;
	width: 600px;
}

#mainnav li {
	float:left;
	width: 120px;
	height: 32px;
	text-align: center;
	background: url(bg_navigation.gif);

	margin:0px;
	padding:0px;
	line-height: 18px;
	font-family: Trebuchet MS;
}
#mainnav li:hover {
	background: url(bg_navigation_over.gif);
}


#mainnav li.active {
	background: url(bg_navigation_active.gif);
	/* background-image: none;*/
}



#mainnav li.active a, #mainnav li.active a:hover{
	color: #FFF;
	padding-top: 6px;
}

#subnav ul {
	list-style:none;
}
#subnav li {
	margin: 0px;
	padding: 0px;
	font-family: Trebuchet MS;
}
#subnav li a{
	text-decoration: none;

	display:block;
	padding:8px 0px 8px 12px;
	margin: 0px -4px;
	_margin: 0px -2px 0px -4px;
	border-bottom: 1px solid #111;
	border-top: 1px solid #555;
}


#subnav li.active a, #subnav li a:hover {
	background: #777;

	border-top: 1px solid #999;
	border-bottom: 1px solid #555;
}


#subnav li li a{
	padding: 4px 0px 4px 24px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #555;
	/*border-bottom: 0px none;*/
}

#subnav li li.active a, #subnav li li a:hover {
	background: #AAA;

	border-top: 1px solid #CCC;
	border-bottom: 1px solid #888;
}

#subnav a {
	font-size: 11px;
	color: #FFF;
}
#subnav h1 a {
	font-size: 18px;
}







/* -------------------------------------------------- */
/*    CONTENT DESIGN                                  */
/* -------------------------------------------------- */



p, li {
	font-size: 11px;
	line-height: 15px;
	padding-bottom:4px;
	font-family: Arial;
}

h1 {
	font-weight:normal;
	text-align:center;
	font-size: 18px;
	letter-spacing:1px;
}


.boxbody li , .normal li {
	margin-left: 30px;
}


.normal {
	padding-bottom:24px;
	overflow:hidden;
}

.normal h1 {
	text-align:left;
	padding-bottom: 8px;
	letter-spacing: 0px;
}

.normal .csc-header-n1 h1 {
	padding: 8px 0px 24px 0px;
	letter-spacing: 1px;
}

.normal p, .normal li {
	font-size: 13px;
	line-height: 18px;
	padding-bottom: 6px;
	font-weight: bold;
	color: #777;
}

.normal p b {
	color: #000;
}

.normal p a {
	color: #555;
}

.normal p a:hover {
	color: #111;
}


.normal .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,
.normal .csc-textpic-intext-left .csc-textpic-imagewrap,
.contboxlarge .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,
.contboxlarge .csc-textpic-intext-left .csc-textpic-imagewrap{
	/* width:217px; */
	/* width:221px; */
}





dd.csc-textpic-caption {
	font-size: 11px;
	color: #666;
	padding-bottom: 5px;
	font-family: Arial;
}






/* ---- Formulare -----*/


#borderlogin form span {
	width:65px;
	display:block;
	float:left;
	padding-top:2px;
}

#borderlogin p {
	padding-bottom:10px;
	clear:both;
}


legend {
	font-size: 11px;
	font-weight: bold;
}

label, input, select {
	font-size: 11px;
}


.tx_powermail_pi1_fieldwrap_html {
	clear: both;
	padding-top: 10px;
	overflow:hidden;
}

input.required {
	margin-top: 12px;
}

.powermail_mandatory {
	
	line-height:32px;
	font-size: 32px;
	color: #ccc;

	
	position: relative;
	top: 12px;
	left: 4px;
}

#contnormal label {
	float: left;
	width: 130px;
	padding-right: 10px;
}

#contnormal input, #contnormal textarea {
	float: left;
	width: 300px;
	border: 1px solid #ccc;

}

#contnormal .tx_powermail_pi1_fieldwrap_html_check  label {
	text-align: right;
}

#contnormal .tx_powermail_pi1_fieldwrap_html_check  input {
	float: left;
	width: auto;
	border: 0px none;
}

#contnormal .tx_powermail_pi1_fieldwrap_html_submit input {
	margin: 20px 0px 20px 140px ;
}


#contnormal input:focus, #contnormal textarea:focus {
	border-color:#333;
}


.tx_powermail_pi1_fieldwrap_html_captcha img {
	padding-top: 10px;
}

.powermail_mandatory_js {
	font-size: 11px;
	clear: both;
	margin-left: 140px;
	color: #F66;
}





table.blackLine {
	height:1px;
	position: relative;
	top:-12px;
	margin-bottom: 12px;
	/* width: 217px; */
	clear:both;
}
table.blackLine img, br.blackLineBR{
	display:none;
}




