/* ==============================

 GENERELLE STYLES 

================================*/

body,html{
	margin:0;
	padding:0;
	font-family:Arial, Verdana, sans-serif;
	font-size:12px;
	color:#000000;
	background:#fbf4df url(images/page_bg.jpg) repeat-x scroll 0 0;
	text-align:center;
	margin-bottom:1px;
	height:100%;
}

img{
	display:block;
	border-style:none;
}
a{
	text-decoration:none;
}
a:active{
  outline: none;
}

h1,h2,h3,p,form,table,ul,fieldset{
	margin:0;
	padding:0;
}
table{
	font-size:100%;
	width:100%;
	border-collapse:collapse;
}
div#lightbox img{
	display:inline;
}
ul{
	list-style-type:none;
}

li{
	padding-left:15px;
	background:url(images/list_bullet.gif) no-repeat scroll left 7px;
}

tr.tr-even td{
	background-color:#e5e5e5;
}
tr td{
	padding:7px;
}
.clear-it{
	clear:both;
}

h1{
	font-size:20px;
	color:#000000;
	font-weight:normal;
	margin:20px 0 20px 0;
	padding:0;
}
.csc-firstHeader { margin-top:0;}
.td-0,.td-1{width:200px;}

/* ==============================

 WEBSEITEN STYLES 

================================*/


.page-wrap{
	width:950px;
	margin:0 auto;
	text-align:left;
}
.top{
	position:relative;
	height:257px;
}
.logo-usys{
	position:absolute;
	top:50px;
	left:50px;
}

.header{
	position:absolute;
	left:284px;
	top:0px;
}
.navshadow-tl{
	position:absolute;
	top:194px;
	left:20px;
	background-image:url(images/navshadow_top_left.jpg);
	width:264px;
	height:3px;
}

.content{
	width:918px;
	background:url(images/content_bg.jpg) repeat-y scroll 0 0;
	margin-left:16px;
}

/* ==============================
 MAINNAV 
================================*/

.main-nav{
	height:56px;
	position:absolute;
	top:197px;
	width:918px;
	margin-left:16px;
	background:url(images/nav_bg.jpg) repeat-x scroll 0 0;
	z-index:1;
}
.main-nav a{
	display:block;
	height:56px;
	line-height:56px;
	color:#FFFFFF;
	font-size:14px;
	float:left;
	padding:0 25px;
}

.main-nav a:hover,
.main-nav a.act{
	background:url(images/mainnav_hover.jpg) repeat-x scroll 0 0;
	color:#000000;
}
.main-nav a.first,
.main-nav a.first-act{
	background:url(images/nav_bg_left.jpg) no-repeat scroll 0 0;
	padding-left:35px;
}
.main-nav a.first-act,
.main-nav a.first-act:hover{
	background-image:url(images/nav_bg_left_hover.jpg);
	color:#000000;
}
.main-nav a.first:hover,
.main-nav a.first.act{
	/*background-image:url(images/nav_bg_left_hover.jpg);*/
}
.main-nav a.first:hover,
.main-nav a.first .act{
	background-image:url(images/nav_bg_left_hover.jpg);
}
.main-nav .trenner{
	display:block;
	float:left;
	height:56px;
	width:3px;
	background:url(images/nav_trenner.jpg) no-repeat scroll right 0;
	overflow:hidden;
}
.mainnav-bottom{
	height:4px;
	width:918px;
	position:absolute;
	top:253px;
	left:16px;
	background-image:url(images/mainnav_bottom.jpg);
	overflow:hidden;
}
.content{
	padding-top:50px;
}

.nav-right{
	width:13px;
	height:58px;
	top:195px;
	position:absolute;
	right:16px;
	background-image:url(images/nav_bg_right.jpg);
	z-index:2;
}

/* ==============================
 SUBNAV
================================*/

.left-col{
	width:205px;
	float:left;
	margin-left:34px;
	display:inline; /* IE6 margin/float fix */
}
.sub-nav{
	width:205px;
}

.sub-nav a,
span.page-name{
	display:block;
	background:url(images/subnav_divider.jpg) repeat-x scroll left bottom;
	color:#747257;
	padding:7px 0;
}
.page-name{
	font-weight:bold;
}
.sub-nav a.first{
	font-weight:bold;
}
.sub-nav a:hover,
.sub-nav a.act{
	color:#ee8e00;
}


.right-col{
	width:560px;
	float:right;
	margin-right:30px;
	display:inline; /* IE6 margin/float fix */
	line-height:20px;
}
.right-col a{
	color:#007197;
}
.right-col h1{
	padding-top:25px;
}
.right-col h1.csc-firstHeader{
	padding-top:0px;
}


.footer{
	background-color:#1d1d1d;
	color:#e3e2e2;
	height:33px;
	line-height:33px;
	width:910px;
	margin-left:4px;
	margin-top:250px;
	font-size:11px;
}
.footer a{
	color:#e3e2e2;
}
.footer-left{
	float:left;
	margin-left:30px;
}
.footer-right{
	float:right;
	margin-right:30px;
}



/*=================================
FORMULARE
=================================*/


fieldset{
	border-style:none;
}
input,textarea{
	border:1px solid #c0b79c;
	background-color:#f7f6ec;
	padding:4px 3px;
	color:#39290d;
	font-family:"Arial","Verdana",sans-serif;
	font-size:100%;
}
div.csc-mailform-field{
	padding-bottom:10px;
}
div.csc-mailform-field label{

	display:block;
}
div.csc-mailform-field input,
div.csc-mailform-field textarea{
	width:400px;
}

div.csc-mailform-field input.csc-mailform-submit{
	width:auto;
}
div.csc-mailform-field input.csc-mailform-check,
div.csc-mailform-field input.csc-mailform-radio{
	width:auto;
	background-color:transparent;
	border-style:none;
}
.logo-bucca{
	position:absolute;
	top:7px;
	left:4px;
}