/* HTML-Tags */
*{
	padding: 0;
	margin: 0;
	outline:none;
}
body{
   background:#a5b7d7 url(../img/bg_body.jpg) repeat-x top left;
   background-attachment:fixed;
   color:#034c69;
   font-family:Tahoma,Verdana,Arial,sans-serif;
   font-size:11px;
   line-height:16px;
}

h1{
	font-size:24px;
	line-height:28px;
	font-family:Helvetica,Arial,sans-serif;
	color:#277bba;
	margin:36px 0 20px 0;
}
h2{
	font-size:18px;
	font-family:Helvetica,Arial,sans-serif;
	color:#000;
	margin:36px 0 6px 0;
}
h3{
	font-size:14px;
	font-family:Helvetica,Arial,sans-serif;
	color:#034c69;
	margin:36px 0 4px 0;
}

p{margin-bottom:1.2em;}

table{border-collapse:collapse;}
th,td{
	vertical-align:top;
	text-align:left;
} 

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

img{border:none;}

hr{
	height:13px;
	width:533px;
	overflow:hidden;
	background:transparent url(../img/bg_hr.png) no-repeat top left;
	border:none;
}

ol{
	list-style:upper-roman;
	list-style-position:outside;
	margin:5px 0 5px 30px;
}

ul{
	list-style-position:outside;
	list-style:square;
	margin:0 0 0 20px;
	clear:both;
}
ul li{margin-bottom:8px;}


.header{
	position:relative;
	width:884px;
	height:65px;
	margin:20px auto 10px auto;
}
.header .logo{	
	margin:0 0 0 2px;
	display:block;
	height:61px;
	width:178px;
	overflow:hidden;
	background:transparent url(../img/logo_webxells.png) no-repeat top left;
}
.header .topnavi{
	position:absolute;
	right:-6px;
	bottom:-8px;
}
.header .topnavi a{
	margin-right:12px;
}

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

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

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

.leftBox{
	overflow:hidden;
	padding:5px 30px 80px 30px;
	width:533px;
	float:left;
	background:transparent url(../img/bg_formular.jpg) no-repeat top right;
}
.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;
	z-index:99;
	left:auto !important;
	right:296px !important;
	bottom:10px !important;
	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:15px 0 10px 18px;
	display:block;
}

.vcf span{
	position:relative;
	left:-10px;
	top:-10px;
	float:left;
	width:61px;
	height:73px;	
	background:transparent url(../img/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(../img/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(../img/bg_box.gif) repeat-x top left;
	padding:12px 15px;
	margin:15px 0;
	position:relative;
	left:-3px;
	width:247px;
}

fieldset{	
	border:none !important;
	display:block;
	width:517px;
}

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

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;
}
.submit{background-color:#277bba;}
.delete{background-color:#555;}

.submit:hover,.submit:focus,.submit:active,
.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;
}

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

.logobox{width:277px;margin:0 0 35px -3px;overflow:hidden;}

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

ol.workspace{
	font-size:14px;
	line-height:20px;
	margin:20px 60px;
}

ul.morelinks{
	font-size:14px;
	line-height:20px;
	margin:20px 30px;
}


table.workscope{border:none;}
table.workscope th,
table.workscope td{
	padding:8px;
	background-color:#f3f3f3;
	border:2px solid #fff;
	border-top:6px solid #fff;
}

div.partnerlist{margin:20px 0;}
div.partnerlist p{
	margin:10px 0;
	position:relative;
	padding:0 0 0 160px;
	min-height:60px;
	height:auto !important;  /* f�r moderne Browser */
	height:60px;  /*f�r den IE */
}
div.partnerlist p img{
	position:absolute;
	top:0px;
	left:0px;
}


img.p_logo{float:right;margin:0px 0px 20px 30px;}


.left{float:left;}
.right{float:right;}

.show{display:block;}
.hide{display:none;}

.clr{clear:both;}

#contact_form input {
	width:263px;
}

#contact_form input#plz {
	width:130px;
}

#contact_form input.button {
	width:auto;
}

#contact_form #captcha_img {
	margin-left:187px;
}




#flashoverlay, #loading {
	position:absolute;
	top:0px;
	left:0;
	width:100%;
	height:100%;
	min-height:100%;
	text-align:center;
	line-height:100%;
	z-index:999;
	display:none;
	font-size:36px;
}

#loading {
	padding:300px 0 0 0;
	background:transparent url(../img/bg_overlay.png) top left repeat;
}

#loading > div {
	background:none repeat scroll left top #FFFFFF;
	border:1px solid #CCCCCC;
	height:45px;
	margin:20px auto 18px;
	padding:24px 24px 24px 17px;
	width:221px;
	box-shadow: 10px 10px 5px #888;
}


ul.tabs{
	list-style:none;
	height:30px;
	line-height:30px;
}
ul.tabs li{float:left;}
ul.tabs a{
	background: url(../img/tab.png) transparent no-repeat 0 -60px;
	font-size:14px;
	display:block;
	height: 30px;
	line-height:26px;
	width: 110px;
	text-align:center;
	text-decoration:none;
	color:#034c69;
	padding:0;
	margin:0 15px 0 0;
	position:relative;
	top:1px;
}
.tabs a:hover{background: url(../img/tab.png) transparent no-repeat 0 -30px;}
.tabs a:active, .tabs a.current{
	outline:none;
	background: url(../img/tab.png) transparent no-repeat 0 0;
}