/* Center - Script
*******************************************************************************/
html, body {height:100%; margin:0; padding:0; _text-align:center;}
#container{margin:0 auto; padding:0; position:relative; clear:left; overflow: hidden; _text-align:left; width:995px;}



/* Diverses
*******************************************************************************/
* {
	margin: 0;
	padding: 0;
	-moz-outline-width:0;
}

html{
	overflow:-moz-scrollbars-vertical;
	overflow-y:scroll;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#2F2E29;
	font-size:12px;
	background-image:url(../img/bg_body.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	background-color:#3483AB;
}

body.mceContentBody {
	background-image:none;
   	background-color:#3483AB;
	text-align:left;
}

img{
	border:0;
}

h1{
	font-size:17px;
	color:#32B1E6;
	background-image:url(../img/h1_arrow_white.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
	height:41px;
	display:block;
	padding:10px 0 0 31px;
	font-weight:bold;
}

.boxBlack h1{
	background-image:url(../img/h1_arrow_black.gif);
}

h1 .small{
	font-size:12px;
	color:#707070;
}

h2{
	font-size:12px;
	padding:0 0 2px 32px;
	color:#455B63;
	font-weight:bold;
}

hr{
	height:1px;
	background-color:#2F2E29;
	color:#2F2E29;
	border:none;
}

p{
	font-size:12px;
	padding:0px;
	color:#2F2E29;	
}

td{
	font-size:12px;
	padding:0px;
	color:#2F2E29;	
}

a:link,
a:visited {
	color: #32B1E6;
	text-decoration:underline;
}

a:hover,
a:active {
	color: #32B1E6;
	text-decoration:none;	
}

a.arrow:link,
a.arrow:visited {
	color: #32B1E6;
	text-decoration:underline;
	background-image:url(../img/link_arrow.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	height:15px;
	display:inline;
	padding-left:16px;
	line-height:normal;
}

a.arrow:hover,
a.arrow:active {
	color: #32B1E6;
	text-decoration:none;	
}

.right{
	text-align:right;
}

.floatRight{
	float:right;
}

.clear{
	clear:both;
}

.nowrap{
	white-space:nowrap;
}

.top{
	vertical-align:top;
}

ul{
	list-style-position:inside;
}

ol{
	list-style-position:outside;
	margin-left:29px;
}



/* Header / Navigation
*******************************************************************************/
#header{
	width:995px;
	height:175px;
	background-image:url(../img/bg_header.jpg);
	background-repeat:no-repeat;
}

#nav{
	height:152px;
	margin:0 0 0 397px;
}

#nav ul{
	list-style:none;
}

#nav li{
	float:left;
}

#nav a, #nav a:link, #nav a:visited {
	width:110px;
	height:152px;	
	display:block;
}

#nav a:active, #nav a:hover {
	background-position:0 -152px
}

#nav a.act, #nav a.act:hover, #nav a.act:active{
	background-position:0 -304px
}

#subNav{
	width:900px;
	height:37px;
	margin-left:47px;
	background-image:url(../img/bg_subNav.jpg);
	padding-top:3px;
}

#subNav ul{
	list-style:none;
}

#subNav li{
	float:left;
	height:36px;		
}

#subNav a, #subNav a:link, #subNav a:visited {
	display:block;
	height:36px;	
}

#subNav a:active, #subNav a:hover {
	background-position:0 -36px
}

#subNav a.act, #subNav a.act:hover, #subNav a.act:active{
	background-position:0 -72px
}

#subNav #btnHome{
	background-image:url(../img/nav_subNav_home.jpg);
	width:36px;
}

#subNav #breadcrumb{
	height:26px;	
	padding:10px 17px 0 12px;
	font-size:12px;
	color:#339DD5;
	font-weight:bold;
	background-image:url(../img/bg_breadcrumb.jpg);
}

#subNavEnd{
	background-image:url(../img/bg_subNavEnd.jpg);
	width:260px;
}

.navLine{
	width:2px;
	height:36px;
	background-image:url(../img/bg_navLine.jpg);
	overflow:hidden;
}

#globalNav{
	position:absolute;
	right:48px;
	_right:47px;
}



/* Content
*******************************************************************************/
#content{
	width:900px;
	margin-left:47px;
	background-image:url(../img/bg_content.jpg);
}

#contentLeftTop{
	width:680px;
	height:29px;
	background-image:url(../img/bg_contentLeftTop.jpg);
}

#contentLeft{
	width:680px;
	background-image:url(../img/bg_contentLeftBottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	min-height:574px;
	_height:574px;
	float:left;
}

#contentRight{
	width:220px;
	background-image:url(../img/bg_contentRight.jpg);
	background-repeat:no-repeat;
	background-color:#F0F0F1;
	float:left;
}



/* Footer
*******************************************************************************/
#footer{
	width:900px;
	height:75px;
	margin-left:47px;
	background-image:url(../img/bg_footer.png);
	_background-image:none; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/bg_footer.png", sizingMethod="crop");

}

#footer #address{
	width:650px;
	margin:9px 0 0 36px;
	font-size:11px;
	color:#E5E5E5;	
	position:absolute;
}

#footer #footerLinks{
	width:200px;
	margin:9px 0 0 685px;
	font-size:11px;
	color:#7C7C7C;
	text-align:right;
	position:absolute;
}

#footer span{
	color:#7C7C7C;
	padding:0 10px 0 10px;
}

#footer #address a{
	color:#E5E5E5;
	text-decoration:none;
	position:relative;
}

#footer #footerLinks a{
	color:#7C7C7C;
	text-decoration:none;
	position:relative;
}



/* News
*******************************************************************************/
#news{
	width:176px;
	padding:36px 0 0 22px;
}

#news .title{
	width:176px;
	height:42px;
	background-image:url(../img/title_aktuelles.jpg);
}

#news .item{
	width:176px;
	background-image:url(../img/bg_aktuelles_item.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:10px 0 18px 0;
}

#news h2{
	font-size:12px;
	font-weight:bold;
	color:#455B63;
	padding:0 0 6px 0;
}

#news p{
	font-size:11px;
	color:#2F2E29;
	padding-bottom:4px;
	line-height:16px;
}



/* Formulare
*******************************************************************************/
input.validation-failed, textarea.validation-failed {
}

.validation-advice {
	color : #32B1E6;
}



/* Content - Text (allgemein)
*******************************************************************************/
.boxWhite{
	width:560px;
	padding:3px 60px 50px 57px;
	color:#455B63;
}

.boxWhite p{
	padding:0 0 20px 32px;
	line-height:20px;
	text-align:justify;
	color:#455B63;
	font-size:12px;	
}


.boxBlack{
	width:563px;
	padding:33px 60px 50px 57px;
	background-image:url(../img/bg_black.jpg);
	background-repeat: no-repeat;
	background-color:#1e2327;
	_overflow-x:hidden;
}


.boxBlack p{
	padding:0 0 20px 32px;
	line-height:20px;
	text-align:justify;
	color:#d2d2d2;
	font-size:12px;	
}

.boxWhite ul{
	margin:0 0 19px 33px;
	list-style:none;
	list-style-position:outside;
}

.boxWhite li{
	color:#455B63;
	font-size:12px;
	background-image:url(../img/link_arrow.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding-left:16px;
	margin-bottom:5px;
}

.line{
	width:530px;
	height:45px;
	margin:4px 0 0 32px;
	*margin-top: 20px;
	background-image:url(../img/bg_hr.jpg);
	margin-bottom:-17px;
}



/* individuelle Formate für Seiten
*******************************************************************************/
#body_home .boxWhite{
	width:565px;
	padding:3px 10px 13px 57px;
}

#body_home .boxWhite img{
	margin:-24px -10px 0px 40px;
}

#body_home .boxBlack{
	width:583px;
	height:233px;
	padding:33px 40px 12px 57px;
}

#body_home h1 a, #body_services_webdesign h1 a, #body_services_onlineshop h1 a,  #body_services_programmierung h1 a{
	text-decoration: none;
	font-size:10px;
	font-weight:normal;
}

#body_focusnet_philosophie #content #contentLeft img{
	background-image:url(../img/bg_philosophie_foto.png);
	_background-image:none; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/bg_philosophie_foto.png", sizingMethod="crop");	
	width:125px;
	height:170px;
	padding:16px 20px 20px 15px;
	margin:-52px -16px 0 20px;
	float:right;
}

#body_focusnet_partner .boxWhite img{
	margin:-50px -10px 5px 40px;
}


#body_focusnet_partner div.image{
	float:left;
	margin-left:32px;
	_margin-left:16px;
	width:150px;
}

#body_focusnet_partner div.image img{
	margin:0;
}

#body_focusnet_partner div.text{
	float:left;
	width:320px;
}

#body_focusnet_partner div.text p{
	text-align:left;
	padding-left:0px;
}

#body_focusnet_partner .boxWhite{
	padding-bottom:38px;
}

#body_focusnet_partner .firstLine{
	width:530px;
	height:5px;
	margin:14px 0 0 32px;
	margin-bottom:-17px;
}

#body_services_webdesign .boxWhite{
	width:565px;
	padding:3px 10px 33px 57px;
}

#body_services_webdesign .boxBlack{
	width:583px;
	height:233px;
	padding:33px 40px 12px 57px;
}

#body_services_onlineshop .boxWhite{
	width:565px;
	padding:3px 10px 33px 57px;
}

#body_services_onlineshop .boxBlack{
	width:583px;
	height:233px;
	padding:33px 40px 12px 57px;
}

#body_services_programmierung .boxWhite{
	width:565px;
	padding:3px 10px 13px 57px;
}

#body_services_programmierung .boxBlack{
	width:583px;
	height:233px;
	padding:33px 40px 12px 57px;
}

#body_services_cms .cmsComment{
	margin:17px 80px 0 11px;
}

#body_services_cms .text{
	width:344px;
	_width:340px;
	float:left;
	margin-right:55px;
}

#body_services_cms .boxBlack .text p{
	text-align: left;
}

#body_services_cms .image{
	padding-top:19px;	
}

#body_services_cms .boxBlack{
	padding-bottom:0;
	height:245px;
}

#body_services_cms .boxWhite{
	padding-bottom:13px;
}

#body_kontakt .list a.ansicht{
	color:#d2d2d2;
	text-decoration:none;
}

#body_kontakt #mapZoom{
	text-align:right;
	position:absolute;
	right:20px;
	top:9px;
	width:100px;
}

#body_kontakt #mapZoom div{
	float:right;
	margin:3px 1px 0 0;
	cursor:pointer;
}

#body_kontakt .formComment, #body_services_cms .formComment{
	margin:27px 0 0 47px;
}

#body_impressum .boxWhite span, #body_kontakt .boxWhite span, #body_kontakt .description span{
	display:block;
	float:left;
	width:36px;
}

#body_sitemap table{
	margin-left:32px;
}

#body_sitemap b a, #sitemap h2 a{
	color:#455B63;
}

#body_login label{
	display:block;
	width:90px;
	float:left;
	margin:3px 0 0 32px;
	_margin-left:16px;
}

#body_login input{
	display:block;
	border:1px solid #9F9F9F;
	color:#455B63;
	width:170px;
	font-size:12px;
	padding:2px;
	clear:right;
	margin:0 0 5px 0;
}

#body_login input.submit{
	margin:4px 0 20px 121px;
	_margin-left:124px;
	width:auto;
	height:auto;
	border:0;
	padding:0;
}

#body_login .validation-advice {
	margin:-2px 0 8px 122px;
}

#kontaktform{
	background:none;
	background-color:#FFFFFF;
	padding:30px 30px 0 30px;
	height:auto;
}

#kontaktform label{
	display:block;
	width:90px;
	float:left;
	margin:3px 0 0 32px;
	_margin-left:16px;
	_text-align:left;
}

#kontaktform input{
	display:block;
	border:1px solid #9F9F9F;
	color:#455B63;
	width:250px;
	font-size:12px;
	padding:2px;
	clear:right;
	margin:0 0 5px 0;
}

#kontaktform textarea{
	display:block;
	border:1px solid #9F9F9F;
	color:#455B63;
	width:250px;
	height:90px;
	font-size:12px;
	padding:2px;
	clear:right;
	margin:0 0 5px 0;
	font-family:Arial;
}

#kontaktform input.submit{
	margin:20px 0 20px 121px;
	_margin-left:-55px;
	width:auto;
	height:auto;
	border:0;
	padding:0;
}

#kontaktform h1{
	_text-align:left;
}

#kontaktform .validation-advice {
	margin:-2px 0 8px 122px;
}



/* Referenzen
*******************************************************************************/

#body_referenzen .boxWhite{
	padding-bottom:20px;
}

#body_referenzen .boxBlack{
	width:583px;
	min-height:348px;
	_height:348px;
	padding:23px 40px 50px 57px;
	background-image:url(../img/bg_blackReferenzen.jpg);
	background-color:#111416;
	
}

#body_home .boxBlack p{
	text-align: left;
}

#body_home .boxBlack span.small{
	font-size:11px;
	line-height:normal;
}

#referenzen{
	padding:0 0 0 26px;
}

#referenzen .preview{
	width:158px;
	height:115px;
	margin:6px 0 0 6px; 
}

#referenzen h2{
	margin:6px 0 0 14px;
	*margin-top:3px;
	padding:0px;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
}

#referenzen p{
	margin:2px 0 0 14px;
	padding:0;	
	font-size:11px;
	color:#d2d2d2;
}

#referenzen .referenz{
	width:170px;
	height:167px;
	background-image:url(../img/bg_referenzen.gif);
	float:left;
	margin:0 15px 15px 0;
}

#referenzen a{
	text-decoration:none;
}



/* Newsletter
*******************************************************************************/
#newsletter{
	width:176px;
	height:230px;
	padding:21px 22px 0 22px;
	background-image:url(../img/bg_newsletter.gif);
	background-repeat:repeat-x;
	background-color:#34383C;
}

#newsletter .title{
	width:176px;
	height:42px;
	background-image:url(../img/title_newsletter.jpg);
}

#newsletter p{
	font-size:11px;
	color:#FFFFFF;
	line-height:16px;	
	padding-bottom:12px;
}

#newsletter input{
	border:1px solid #9F9F9F;
	background-color:#F0F0F1;
	color:#9F9F9F;
	width:170px;
	font-size:12px;
	padding:2px;
	margin:0;
}

#newsletter input.submit{
	width:auto;
	height:auto;
	border:0;
	background:0;
	padding:0;
	margin:16px 0 0 0;
	float:right;
}

#newsletter .validation-advice {
	padding-top:3px;
	color : #32B1E6;
	margin:0;
}