/* HTML-Tags */
*{
	padding: 0;
	margin: 0;
	outline:none;
}
body{
   background:#a5b7d7 url('../bg_body.jpg') repeat-x top left;
   background-attachment:fixed;
   color:#034c69;
   font-family:Tahoma,Verdana,Arial,sans-serif;
   font-size:0.7em;
}
h1{
	font-size:1.4em;
	font-family:Helvetica,Arial,sans-serif;
	color:#000;
	margin:34px 31px;
}
h2{
	font-size:1.4em;
	font-family:Helvetica,Arial,sans-serif;
	color:#FFF;
	margin:6px 0px;
	padding:6px 10px;
}
h3{
	font-size:1.2em;
	font-family:Helvetica,Arial,sans-serif;
	color:#000;
	margin:6px 0px;
}

p{margin-bottom:1.2em;} 

a{color: #277bba;text-decoration:none;}
a:hover,a:focus,a:active{color:#034c69;text-decoration:underline;}

img{border:none;}

.header{
	width:884px;
	height:65px;
	margin:20px auto 10px auto;
	position:relative;
}
.header .logo{	
	margin:0 0 0 2px;
	display:block;
	height:65px;
	width:183px;
	overflow:hidden;
	background:transparent url('../logo_webxells.png') no-repeat top left;
}

.container{
	margin:0 auto 15px auto;
    width:884px;
}

.box_top{
	overflow:hidden;
	background:transparent url('../bg_ctop.png') no-repeat top left;
	height:17px;
	width:884px;
}
.box_middle{
	overflow:hidden;
	background:transparent url('../bg_cmiddle.png') repeat-y top left;
	padding:0px 4px;	
	width:876px;
}
.box_bottom{
	overflow:hidden;
	height:15px;
	width:884px;
	background:transparent url('../bg_cbottom.png') no-repeat top left;
}

.content{
	position:relative;
	background:transparent url('../bg_content.gif') no-repeat bottom right;
}

.leftBox{
	overflow:hidden;
	width:587px;
	padding:3px;
	float:left;
	background:transparent url('../bg_formular.jpg') no-repeat top right;
	min-height:400px;
}

.leftBox h1 {
	color:#277BBA;
	font-size:36px;
}

.rightBox{
	width:270px;
	padding:3px 3px 3px 9px;
	float:left;
}

.clb{clear:both;}
.cll{clear:left;}
.clr{clear:right;}

.footer{
	display:block;
	position:absolute;
	color:#034c69;
	right:296px;
	z-index:99;
	bottom:10px;
	text-decoration:none;
}
.footer:hover,.footer:active,.footer:focus{
	color:#000;
	text-decoration:none;
}

.back{
	display:block;
	position:absolute;
	color:#034c69;
	left:15px;
	z-index:99;
	bottom:10px;
	text-decoration:none;
}
.back:hover,.back:active,.back:focus{
	color:#000;
	text-decoration:none;
}
.vcf{
	padding:5px 0 10px 18px;
	display:block;
}

.vcf span{
	position:relative;
	left:-10px;
	top:-10px;
	float:left;
	width:61px;
	height:73px;	
	background:transparent url('../icon_vcf.png') no-repeat top left;
	cursor:pointer;
}

.flyer{
	position:relative;
	left:-3px;
	float:left;
	width:144px;
	height:161px;
	overflow:hidden;
	background:transparent url('../cover_flyer.png') no-repeat top left;
}
.flyerinfo b{display:block;margin-top:20px;font-size:13px;}
.flyerinfo a{line-height:22px;font-family:Helvetica,Verdana, Arial, sans-serif;font-size:15px;}

.contactinfo{	
	background:transparent url('../bg_box.gif') repeat-x top left;
	padding:12px 15px;
	margin:15px 0;
	position:relative;
	left:-3px;
	width:247px;
}

fieldset{	
	padding:15px;
	margin:10px 20px;
	border:none !important;
	display:block;
	width:517px;
}

label{
	display:block;
	float:left;
	width:190px;
	position:relative;
	top:4px;
	cursor:pointer;
}

#desc {
	margin-top:5px;
	width:262px;
}

#typ {
	width:100px;
}

input,textarea{
    margin:3px 0;
    background-color:#DDD;
	border:1px solid #DDD;
    padding:3px 6px;
}

textarea{
	margin:6px 0;
	width:452px;
	font-family:Tahoma,Verdana,Arial,sans-serif;
	color:#034c69;
}

input:hover,input:active,input:focus,
textarea:hover,textarea:active,textarea:focus{
    background:#F1F1F1;
	border:1px solid #CCC;
}

.button{ 
	margin:3px 0;
	border:none;
    padding:3px 6px;
	color:#fff;	
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
}
.delete{background-color:#555;}

.delete:hover,.delete:focus,.delete:active{
	background-color:#034c69;
	border:none;
}

.fault{
	border:1px dotted #f9b412;
	background-color:#ffd572;
	color:#DC143C;
}

.info{
	display:block;
	background-color:#EEE;
	color:#000;
	padding:20px;
	margin:10px 20px;
	text-align:center;
}

.error {
	color:#f00;
}

#send:hover, .issue:hover, #sub {
	cursor:pointer;
}

#logout_form {
	display:block;
	width:100px;
	margin-left:840px;
	margin-top:-5px;
	text-decoration:none;
}

#adresse, #passwort {
	width:143px;
}

#wiki {
	position:absolute;
	right:60px;
	bottom:-8px;
	color:#277BBA;
	text-decoration:none;
}

.logobox{
	width:271px;
	height:311px;
	/*margin:-9px 0 35px -3px;*/
	overflow:hidden;
	position:relative;
	top:35px;
}

.logobox table{
	width:271px;
	border-collapse:collapse;
	position:absolute;
	left:0px;
}
.logobox table tr td{
	border:1px solid #ededed;
	background-color:#fff;
	width:138px;
	height:60px;
	text-align:center;
	vertical-align:middle;
}

.slogan {
	position:absolute;
	bottom:-3px;
}

.slogan h2 {
	color:#277BBA;
	font-size:14px;
}

.docfields fieldset {
	display:none;
	width:490px;
	margin:0;
}

.docfields label {
	width:135px;
}

.docclass {
	margin-right:25px;
}

.submit{
	height:26px;
	margin-left:15px;	
}

.linie {
	border-bottom:1px solid #848484;
	height:1px;
	font-size:0px;
}

.document_table table tr td {
	width:50%;
}

.change_project {
	width:270px;
	height:40px;
}

.change_project label {
	float:left;
	width:100px;
	margin-left:15px;	
}

div.scrollable { 
    position:relative; 
    overflow:hidden; 
    height: 311px; 
    width: 271px; 
} 

div.scrollable div.items div {
	border:1px solid #ededed;
	background-color:#fff;
	width:133px;
	height:60px;
	text-align:center;
	float:left;
}

div.scrollable div.items div span {
	line-height:60px;
	height:60px;
	display:block;
}

div.scrollable div.items div img {
	vertical-align:middle;
}

div.scrollable div.items {
    position:absolute; 
    height:20000em; 
}