@charset "ISO-8859-1";
/* CSS Document */

img.png { behavior: url(js/iepngfix.php) }

body#mainBody{
	margin:0;
	padding:0;
	background:#31596e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

body#popupBody {
	margin:0;
	padding:0;
	background-color: transparent; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

a:link, a:visited, a:hover, a:active{
	color:#004e78;
	text-decoration:none;
}

a:hover{
	text-decoration: underline;
}

a:hover p, a:hover img, a:hover span, a:hover h3, a:hover h4, a p:hover, a img:hover, a span:hover, a h3:hover{
	text-decoration: none;
}

a span.readMore:hover, a p.readMore:hover, a .readMore:hover, a .link:hover{
	text-decoration: underline;
}



/* DISPLAY INLINE */
#content, #contentLeft, #contentMiddle, #contentRight, #startWide, #startSlider, .bigFrameLeft, .bigFrameRight{
	display:inline;
}



/* FONTS */
h1{
	font-size:24px;
	line-height:26px;
	font-weight:bold;
	color:#333;
	margin:0;
	padding:0 0 10px 0;
}


h2{
	font-size:22px;
	font-weight:bold;
	color:#333;
	margin:0;
	padding:0px 0 3px 0;
	line-height:24px;
}

h3{
	font-size:16px;
	font-weight:bold;
	color:#333;
	margin:0;
	padding:0 0 2px 0;
}

h4{
	font-size:12px;
	font-weight:bold;
	color:#333;
	margin:0;
	padding:5px 0 2px 0;
	text-transform:uppercase;
	line-height:15px;
}

.red{
	color:#990000;
}


#contentMiddle ul, #contentMiddle ol{
	padding:0;
	margin:5px 0 5px 30px;
}

#contentMiddle p {
	padding:0 0 10px 0;
}




.bold{
	font-weight:bold;
}

.smallBold{
	font-weight:bold;
	font-size:11px;
}

/* TOP */

#top{
	flaot:left;
	clear:both;
	width:100%;
	height:35px;
}

#topContainer{
	margin:auto;
	width:960px;
	padding:8px;
}

#topContent{
	float:left;
	clear:both;
	width:100%;
	padding:0 0 0px 0;
}



#topButtons{
	float:right;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	padding:2px 0 0 0;
}

#topButtons img{
	margin:0 5px 0 0;
	vertical-align:middle;
}

#topButtons a:link, #topButtons a:active, #topButtons a:visited, #topButtons a:hover{
	color:#FFF;
	text-decoration:none;
	padding:0 8px 0 8px;
}

a.black:link, a.black:active, a.black:visited, a.black:hover{
	color:#FFF;
	text-decoration:none;
}

#topSearch{
	float:right;
	padding:0 10px 0 20px;
}

#topSearch input{
	background-color:#d6dee2;
	border:solid 1px #bccdd6;
	padding:1px;
}

#topSearch input[type=text]{
	background-color:#d6dee2;
	border:solid 1px #bccdd6;
	padding:2px;
	width:200px;
	color:#333;
}



/* PAGE */

#page{
	float:left;
	clear:both;
	width:100%;
}

#page, #page #pageBg{
	background-color:#FFF;
	background-image:url(../images/template/pageBg2.png);
	background-position:top;
	background-repeat:repeat-x;
}

#page #pageBg{
	float:left;
	clear:both;
	width:960px;
	margin:0 -50px 0 -50px;
	padding:0 50px 0 50px;
	display:inline;
}

.start #page, .start #page #pageBg, .reference #page, .reference #page #pageBg{
	background-image:url(../images/template/pageBgStart.png);
}
.support #page, .support #page #pageBg, .sitemap #page, .sitemap #page #pageBg {
	background-image:none;
	background-color:#FFF;
}


#pageContainer{
	margin:auto;
	width:960px;
	padding:0px;
}

#pageTop{
	float:left;
	clear:both;
	border-bottom:solid 1px #e2e2e2;
	width:100%;
}

#logo{
	padding:16px 20px 14px 20px;
	float:left;
	
}

#logo img {
	border:none;
}

ul#mainMenu{
	list-style:none;
	float:right;
	margin:49px 20px 0 0;
}

ul#mainMenu li{
	list-style:none;
	float:left;
	font-weight:bold;
	text-transform:uppercase;
}

ul#mainMenu li a:link, ul#mainMenu li a:visited, ul#mainMenu li a:active, ul#mainMenu li a:hover{
	padding:6px 14px 5px 14px;
	font-weight:bold;
	color:#666;
	text-decoration:none;
	display:inline;
	float:left;
}

ul#mainMenu li a:hover{
	border-bottom:solid 2px #CCC;
	padding:6px 14px 3px 14px;
}



ul#mainMenu li.active a:link, ul#mainMenu li.active a:visited, ul#mainMenu li.active a:active, ul#mainMenu li.active a:hover{
	color:#FFF;
	background-image:url(../images/template/mainMenuActiveBg.png);
	background-position:top;
	background-repeat:repeat-x;
	border-bottom:none;
	padding:6px 14px 5px 14px;
}



/* SERVICE SLIDER */

div#serviceSliderWrap {
	margin: auto;
	width: 100%;
	float:left;
	background-image:url(../images/template/navigationSliderBg.png);
	background-repeat:repeat-y;
	background-position:center;
	border-bottom:solid 1px #e2e2e2;
	padding-bottom:5px;
}

div#startSlider div#serviceSliderWrap {
	background-image: none;
	border-bottom:none;
	padding-bottom:5px;
}

div#serviceSliderWrap2 {
	width: 968px;
	margin: auto;
}
ul#serviceSlider {
	float:left;
	clear:both;
	width:968px;
	list-style:none;
}
ul#serviceSlider li{
	float:left;
	list-style:none;
	padding-right:10px;
}

ul#serviceSlider li a img{
	border:none;
	margin-bottom:-2px;

}

ul#serviceSlider li a:link, ul#serviceSlider li a:active, ul#serviceSlider li a:visited, ul#serviceSlider li a:hover{
	text-decoration:none;
	float:left;
	text-align:center;
	padding:4px 0 2px 0;
	width:78px;
	white-space:nowrap;
	color:#666;
	font-size:11px;
	font-weight:bold;
}

ul#serviceSlider li a:hover{
	color:#333;
}



.startToolTip div{
	width:110px;
	text-align:center;
}

.startToolTip div h4{
	line-height:normal;
	padding:0;
}

.startToolTip div p{
	font-size:11px;
	color:#333;
	line-height:normal;
}

.startToolTip div p.link{
	color:#004e78;
	padding:4px 0 0 0;
}

.startToolTip div p.link:hover{
	color:#004e78;
	padding:4px 0 0 0;
}




/*BIG FRAME*/

#bigFrame{
	float:left;
	clear:both;
	width:100%;
	margin:33px 0 0 0;
}

#bigFrameService{
	float:left;
	clear:both;
	width:100%;
	margin:0;
}

.bigFrameLeft{
	float:left;
	clear:left;
	width:360px;
	margin:0 10px 0 10px;
}

.bigFrameRight {
	clear:right;
	float:left;
	margin:35px 0 0 15px;
	width:450px;
}

.bigFrameRight h1{
	text-transform:uppercase;
	color:#900;
	font-size:14px;
	padding:0;
}

.bigFrameRight h2{
	color:#005e90;
	font-size:35px;
	line-height:37px;
	padding:0 0 5px 0;
}

.bigFrameRight p{
	line-height:17px;
}


.bigFrameRight .moviePlay{
	float:left;
	clear:both;
	width:100%;
	margin:15px 0 0 0;
}

.bigFrameRight .moviePlay img{
	background-repeat:no-repeat;
	background-position:center;
	float:left;
}

.bigFrameRight .moviePlay a.playButton:link, .bigFrameRight .moviePlay a.playButton:active, .bigFrameRight .moviePlay a.playButton:visited, .bigFrameRight .moviePlay a.playButton:hover{
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(../images/template/bigFrame/playButton.png);
	color:#FFF;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	padding:10px;
	width:120px;
	text-align:center;
	float:left;
	margin:20px 0 0 15px;
}



/* CONTENT */
#content{
	float:left;
	clear:both;
	width:100%;
}

#contentLeft{
	float:left;
	clear:left;
	width:220px;
	margin:10px;
}

a {
	outline: none;
}

.leftHead, .rightHead{
	color:#666;
	font-weight:bold;
	border-bottom:solid 1px #CCC;
	margin:0 0 5px 0;
}

/* SUBMENU */

ul#subMenu{
	list-style:none;
	float:left;
	clear:both;
	width:100%;
}

ul#subMenu li{
	list-style:none;
	float:left;
	clear:both;
	width:100%;
}

ul#subMenu li a:link, ul#subMenu li a:active, ul#subMenu li a:hover, ul#subMenu li a:visited{
	padding:8px 20px 10px 10px;
	background-image:url(../images/template/leftMenu/subMenu1.png);
	background-position:left top;
	background-repeat:no-repeat;
	width:190px;
	float:left;
	clear:both;
	color:#333;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	line-height:15px;
}

ul#subMenu li a:hover{
	background-image:url(../images/template/leftMenu/subMenu1_hover.png);
}

ul#subMenu li.active a:link, ul#subMenu li.active a:active, ul#subMenu li.active a:visited, ul#subMenu li.active a:hover{
	background-image:url(../images/template/leftMenu/subMenu1_active.png);
	color:#FFF;
}

/* 2 Lines */
ul#subMenu li a.height2:link, ul#subMenu li a.height2:active, ul#subMenu li a.height2:hover, ul#subMenu li a.height2:visited{
	padding:6px 20px 9px 10px;
	background-image: url(../images/template/leftMenu/subMenu2.png);
}
ul#subMenu li a.height2:hover{
	background-image: url(../images/template/leftMenu/subMenu2_hover.png);
}

ul#subMenu li.active a.height2:link, ul#subMenu li.active a.height2:active, ul#subMenu li.active a.height2:visited, ul#subMenu li.active a.height2:hover{
	background-image:url(../images/template/leftMenu/subMenu2_active.png);
}



/* 3 Lines */
ul#subMenu li a.height3:link, ul#subMenu li a.height3:active, ul#subMenu li a.height3:hover, ul#subMenu li a.height3:visited{
	padding:7px 20px 9px 10px;
	background-image: url(../images/template/leftMenu/subMenu3.png);
}
ul#subMenu li a.height3:hover{
	background-image: url(../images/template/leftMenu/subMenu3_hover.png);
}

ul#subMenu li.active a.height3:link, ul#subMenu li.active a.height3:active, ul#subMenu li.active a.height3:visited, ul#subMenu li.active a.height3:hover{
	background-image:url(../images/template/leftMenu/subMenu3_active.png);
}



/* SUBMENU 2*/

ul#subMenu2 {
	background-color:#e2ebf0;
	float:left;
	clear:both;
	width:186px;
	margin:2px 1px;
	padding:5px 5px 5px 10px;
	overflow:hidden;
	font-weight:normal;
}


ul#subMenu2 li a:link, ul#subMenu2 li a:active, ul#subMenu2 li a:visited, ul#subMenu2 li a:hover{
	background:none;
	font-size:12px;
	color:#333;
	padding:0;
	margin:0;
	float:none;
	clear:none;
}

ul#subMenu li.active ul li a:link, ul#subMenu li.active ul li a:active, ul#subMenu li.active ul li a:visited, ul#subMenu li.active ul li a:hover, ul#subMenu li.active ul li span{
	background-image:none;
	color:#004E78;
	margin:0 0 0 3px;
	font-weight:normal;
	font-size:12px;
}

ul#subMenu li.active ul li span{
	color: #333;
}
ul#subMenu li.active ul li a.selected:link, ul#subMenu li.active ul li a.selected:active, ul#subMenu li.active ul li a.selected:visited, ul#subMenu li.active ul li a.selected:hover, ul#subMenu li.active ul li span.selected{
	color:#333;
	font-weight:normal;
}

ul#subMenu li.active ul li a.active:link, ul#subMenu li.active ul li a.active:active, ul#subMenu li.active ul li a.active:visited, ul#subMenu li.active ul li a.active:hover, ul#subMenu li.active ul li span.active{
	color:#333;
	font-weight:bold;
}


ul#subMenu2 li div{
	float:left;
}

ul#subMenu2 li{
	width:170px;
}

ul#subMenu2 li ul li{
	width:150px;
}

ul#subMenu2 li ul li ul li{
	width:130px;
}





/*ul#subMenu li.active ul li ul li a:link, ul#subMenu li.active ul li ul li a:active, ul#subMenu li.active ul li ul li a:visited, ul#subMenu li.active ul li ul li a:hover, ul#subMenu li.active ul li ul li span{
	font-size:12px;
	font-weight:normal;
}

ul#subMenu li.active ul li ul li ul li a:link, ul#subMenu li.active ul li ul li ul li a:active, ul#subMenu li.active ul li ul li ul li a:visited, ul#subMenu li.active ul li ul li ul li a:hover, ul#subMenu li.active ul li ul li ul li span{
	font-weight:normal;
	font-size:11px;
}
*/



/* CONTACT DIRECT */

.contactDirect{
	float:left;
	clear:both;
	width:100%;
	margin:10px 0 0 0;
}

.contactDirect img{
	float:left;
	margin:0 10px 0 0;
}

.contactDirect h3{
	padding:2px 0 0 0;
	line-height:normal;
}

.contactDirect p{
	line-height:15px;
}



/* DOCUMENT */

.document{
	float:left;
	clear:both;
	width:100%;
	margin:10px 0 10px 0;
}

.document img{
	float:left;
	margin:0 10px 0 0;
	background-image:url(../images/template/documentBg.png);
	background-repeat:no-repeat;
	padding:2px 3px;
	margin:0 10px 0 0;
}

.document h3{
	padding:2px 0 0 0;
	line-height:normal;
}

.document ul{
	margin:0 0 0 15px;
	padding:0 0 0 0px;
	float:left;

}

.document ul li{
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	font-size:11px;
}

ul.referenceList{
	float:left;
	clear:both;
	width:100%;
	list-style:none;
	text-align:center;
	margin:8px 0 0 0;
}

ul.referenceList li{
	padding: 20px 0;
}

#contentLeft #shortFact ul {
	margin:2px 0 2px 20px;
}

#contentLeft #shortFact ul li {
	font-size:11px;
	font-weight:bold;
	line-height:13px;
	margin:2px 0 3px 20px;
}

/* MIDDLE */

#contentMiddle{
	float:left;
	clear:none;
	width: 420px;
	margin:10px;
	padding:10px 20px 15px 20px;
}

.support #contentMiddle{
	width: 580px;
}

.sitemap #contentMiddle{
	width: 900px;
}

#confirm {
	display: none;
	height: 200px;
	clear: both;
}

#contactForm{
	float:left;
	clear:both;
	width:100%;
	margin:0 0 0 0;
	display: block;
}

#contactForm div.container{
	float:left;
	width:200px;
	font-size:11px;
	padding:0 0 2px 0;
}

#contactForm p{
	padding:0;
}

#contactForm p.contactLable{
	padding:5px 0 0 0;
}


#contactForm div.left{
	margin:0 10px 0 0;
}

#contactForm div.container input[type=text]{
	width:180px;
}

#contactForm div.area{
	font-size:11px;
	padding:2px 0 0 0;
	float:left;
	clear:both;
	width:100%;
}

#contactForm div.area textarea{
	width:400px;
	height:80px;
}

#contactForm div.callInfo{
	float:left;
	clear:left;
	font-size:11px;
}

#contactForm div.callInfo img{
	vertical-align:middle;
	margin:0 8px 0 0;
}

#contactForm div.submit{
	float:right;
	clear:right;
	margin:0 15px 0 0;
}




/* REFERENSER */

#referencesFrame{
	float:left;
	clear:both;
	width:100%;
	margin:23px 0 0 0;
}

#referencesFrame .bigFrameRight{
	margin:35px 0 0 15px;
	width:450px;
}

#referencesFrame .bigFrameRight p{
	font-weight:bold;
}

#referencesFrame .bigFrameRight div.normal p {
	font-weight:normal;
}

ul.infoList{
	margin:2px 0 2px 20px;
}

ul.infoList li{
	margin:4px 0 4px 0;
	line-height:15px;
}

.screen{
	margin:15px 0 0 0;
}

.screen img{
	border:solid 2px #FFF;
	margin:0 0 4px 0; 
}

.screen p{
	font-size:11px;
	font-weight:bold;
}



.referenceText {
	float:left;
	width:300px;
	margin:0 0 0 -10px;
}

.referenceImage {
	float:right;
	width:112px;
}

.referenceImage img{
	border:solid 2px #FFF;
	margin:5px 0 5px 0;
}

.referenceImage p{
	font-weight:bold;
	font-size:9px;
	font-family:Verdana, Geneva, sans-serif;
	line-height:11px;
}


#contentMiddle ul.boxList{
	float:left;
	clear:both;
	width:100%;
	margin:20px 0 0 -10px;
	list-style:none;
	padding:0;
}

#contentMiddle ul.boxList li{
	list-style:none;
	float:left;
	clear:both;
	width:100%;
	margin:0 0 5px 0;
	background-color:#FFF;
	border:solid 1px #CCC;
}

#contentMiddle ul.boxList li table{
	width:100%;
}

#contentMiddle ul.boxList li td.image{
	width:158px;
	text-align:center;
	padding:10px 0 10px 0;
}

#contentMiddle ul.boxList li td.text{
	width:300px;
	text-align:left;
	padding:10px 0 10px 0;
}

#contentMiddle ul.boxList li td.text p.head{
	font-weight:bold;
	font-size:18px;
	font-style: italic;
	padding:0 0 2px 0;
	line-height:20px;
	margin:0;
}

#contentMiddle ul.boxList li td.text p.person{
	padding:3px 0 3px 0;
	margin:0;
	color:#333;
}

#contentMiddle ul.boxList li td.text p.readMore{
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:11px;
}

#contentMiddle ul.boxList li table tr td a:hover{
	text-decoration:none;
}



/* EXAMPLES */

#contentMiddle ul.exampleList{
	float:left;
	clear:both;
	width:100%;
	margin:10px 0 0 0;
	list-style:none;
	padding:0;
}

#contentMiddle ul.exampleList li{
	list-style:none;
	margin:0 0 5px 0;
}

#contentMiddle ul.exampleList li img{
	float:right;
	margin:0 0 5px 10px;
}




/* BIG ICONS */

#contentMiddle ul.bigIcons {
	float:left;
	width:660px;
}

#contentMiddle ul.bigIcons li{
	float:left;
	list-style:none;
	width:159px;
}


/*#contentMiddle ul.bigIcons li.order1{
	padding-top:20px;
}

#contentMiddle ul.bigIcons li.order2{
	padding-top:40px;
}


#contentMiddle ul.bigIcons li img{
	width:159px;
}
*/


span.readMore {
	font-weight:bold;
	font-size:11px;
	color: #004E78;
}


#contentRight .reference{
	margin:0 0 0 0;
	border:none;
}

#contentRight ul.serviceList{
	list-style:none;
	margin:5px 0 15px 0;
	float:left;
	clear:both;
	width:100%;
}

#contentRight ul.serviceList li{
	list-style:none;
	margin:0px 0 5px 0;
	float:left;
	clear:both;
	width:100%;
	cursor:pointer;
}

#contentRight ul.serviceList li a:hover{
	text-decoration:none;
}

#contentRight ul.serviceList li a h4:hover{
	text-decoration: underline;
}


#contentRight ul.serviceList li img{
	float:left;
	margin:0 7px 0 0;
}

#contentRight ul.serviceList li h4{
	text-transform:none;
	margin:3px 0 0 0;
	padding:0;
	color:#004E78;
	
}

#contentRight ul.serviceList li p{
	font-size:11px;
	line-height:14px;
	color:#333;
}


/* RIGHT */

#contentRight{
	float:right;
	width:220px;
	clear:right;
	margin:20px 0 0 0;
	padding:0px 9px 10px 10px;
	border-left:solid 1px #CCC;
}

/* SPECIAL OFFER */
.specialOffer{
	float:left;
	clear:both;
	width:100%;
	margin:5px 0 5px 0;
}

.specialOffer img{
	float:right;
	margin:-25px -15px 0 0;
}

.specialOffer p{
	font-size:11px;
	line-height:14px;
	color:#333;
	padding:0 0 5px 0;
}


/* ARGUMENT */
.argument{
	float:left;
	clear:both;
	width:100%;
	margin:5px 0 15px 0;
}

ul.argumentList{
	
}

ul.argumentList li{
	margin:2px 0 3px 20px;
	font-size:11px;
	font-weight:bold;
	line-height:13px;
}



/* MORE CROSSNET */
.moreCrossnet{}

.moreCrossnet p{
	padding:2px 0 7px 0;
	font-size:11px;
}

#contentRight .moreCrossnet p.argumentQuote{
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	line-height:normal;
	color:#333;
	
}

#contentRight .moreCrossnet a:hover {
	text-decoration:none;
}

#contentRight .moreCrossnet p a:hover {
	text-decoration:underline;
}






/* STAFF */
ul#staff{
	list-style:none;
	margin:25px 0 0 0;
}

ul#staff li{
	list-style:none;
	margin:5px 0 25px 0;
	float:left;
	clear:both;
	width:100%;
}

#staff li div.left{
	float:left;
	}

#staff li div.right{
	padding:5px 0 0 170px;
}

#staff li div.right h3{
	font-size:18px;
}

#staff li div.right p{
	line-height:16px;
}

#staff li div.right p.role{
	color:#666;
	font-size:11px;
}

#staff li div.right p.contact{
	padding: 0px 0 0 0;
}







/* STARTPAGE */

#startFrame{
	float:left;
	clear:both;
	width:100%;
	height:265px;
	margin:15px 0 0px 0;
}

#startFrame .infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px 20px 10px 10px;
  margin:0 0 0 0;
  height: 265px;
  width: 960px;
  background-image:none;
}


#startFrame .infiniteCarousel .wrapper {
  height: 265px;
}

#startFrame .bigFrameLeft{
	margin:0 10px 0 50px;
	width:270px;
}
#startFrame .bigFrameRight{
	clear:right;
	float:left;
	margin:30px 50px 0pt 50px;
	width:400px;
}

#startFrame .bigFrameRight h1{
	color:#333;
	font-size:35px;
	line-height:37px;
	padding:0;
	text-transform:none;
}

#startFrame .bigFrameRight p{
	line-height:17px;
}


/* STARTSLIDER */

#startSlider{
	float:left;
	clear:both;
	width:100%;
	background-image:url(../images/template/startSliderBg.png);
	background-repeat:no-repeat;
	background-position:center top;
	padding:25px 6px 25px 6px;
	margin:0 -6px 0 -6px;
}

#startSlider div{
	text-align:center;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#666;
	padding: 0px;
}

#startSlider ul{
	background-image:none;
}


#startMiddle{
	float:left;
	clear:both;
	width:100%;
}

#startMiddle #startContent{
	float:left;
	clear:left;
	width:720px;
}


#startMiddle #startContent #startCol1{ 
	float:left;
	clear:left;
	width:459px; 
	padding:10px;
	border-right:solid 1px #CCC;
}

#startMiddle #startContent #startCol1 img{ 
	float:right;
	margin:5px 10px 5px 10px;
}

#startMiddle #startContent #startCol1 h2{ 
	margin:0;
	padding:0;
	font-size:23px;
	line-height:26px;
}

#startMiddle #startContent #startCol1 a:link p, #startMiddle #startContent #startCol1 a:active p, #startMiddle #startContent #startCol1 a:visited p, #startMiddle #startContent #startCol1 a:hover p{
	color:#333;
}
#startMiddle #startContent #startCol1 p.moreNews{ 
	margin:0;
	padding:6px 0 0 0;
}



#startMiddle #startContent #startCol1 a h2:hover{
	text-decoration:underline;
}


#startMiddle #startContent #startCol1 p.date{ 
	font-size:11px;
	color:#666;
	padding:2px 0;
}

#startMiddle #startContent #startCol1 ul, #newsCol ul{
	list-style:none;
	margin:15px 0 0 0;
}



#startMiddle #startContent #startCol1 ul li{
	list-style:none;
	margin:0 0 2px 0;
	font-weight:bold;
}

#startMiddle #startContent #startCol1 ul li .date{
	font-weight:normal;
	color:#666;
	font-size:11px;
}






#startMiddle #startContent #startCol2{ 
	float:left;
	clear:right;
	width:200px; 
	padding:10px 20px 10px 20px;
}

#startMiddle #startContent #startCol2 #domainSearch h3{
	margin:0 0 14px 0;
	padding:6px 0 0 0;
}


#startMiddle #startContent #startCol2 #domainSearch .icon{
	float:left;
	margin:0 10px 0 0;
}

#startMiddle #startContent #startCol2 #domainSearch input[type=text]{
	width:120px;
}



#startMiddle #startContent #startCol2 #startOffer{
	padding:10px 10px 0 10px;;
	border-top:solid 1px #CCC;
	margin:15px -10px 0 -10px;
}

#startMiddle #startContent #startCol2 #startOffer img{
	float:right;
	margin:-10px -20px 0 0;
}

#startMiddle #startContent #startCol2 a:link p, #startMiddle #startContent #startCol2 a:active p, #startMiddle #startContent #startCol2 a:visited p, #startMiddle #startContent #startCol2 a:hover p{
	color:#333;
	font-size:11px;
	line-height:14px;
	padding:0 0 5px 0;
	text-decoration:none;
}

#startMiddle #startContent #startCol2 div a:hover{
	text-decoration:none;
}







#startMiddle #startContent #startWide{ 
	float:left;
	clear:both;
	width:710px; 
	padding:0; 
	border-top:solid 1px #CCC;
	margin:0 10px 0 0;

}

#startMiddle #startContent #startWide div{ 
	float:left;
	width:216px;
	padding:20px 10px 0 10px;
}

#startMiddle #startContent #startWide div a h3{
	line-height:normal;
	text-decoration:none;
}

#startMiddle #startContent #startWide div a:hover{
	text-decoration:none;
}

#startMiddle #startContent #startWide div p a:hover{
	text-decoration:underline;
}


#startMiddle #startContent #startWide div img{
	float:left;
	margin:0 10px 0 0 ;
}

#startMiddle #startContent #startWide div.startFacebook p, #startMiddle #startContent #startWide div.startFacebook h3{
	padding:0 0 0 40px;
}

#startMiddle #startContent #startWide div.startFacebook a:hover{
	text-decoration:none;
}

#startMiddle #startContent #startWide div.startFacebook img{
	margin:0px 10px 0 10px;
}

#startMiddle #startContent #startWide div.startFacebook p.link{
	line-height:normal;
	padding-top:3px;
}




#startRight{
	float:right;
	width:220px;
	padding:10px;
	background-color:#fdfdfd;
}

#mailLogin, #controlpanelLogin{
	padding:0 15px 5px 15px;
	float:left;
	clear:both;
}

#mailLogin h4 img.icon, #controlpanelLogin h4 img.icon{
	vertical-align:middle;
	margin:0px 5px 3px 0;
}

#startRight div.userName, #startRight #mailLogin div.password{
	float:left;
	clear:both;
	width:100%;
}

#startRight div.links{
	float:left;
	width:100px;
	font-size:11px;
	line-height:15px;
	padding:5px 0 0 0;
}

#startRight div.submit{
	float:right;
	padding:5px 0 0 0;
	width: 90px;
}


#startRight input[type=text], #startRight input[type=password]{
	width:170px;
}




/* REFERENCES */

#refereces, #referecesStart{
	float:left;
	clear:both;
	width:100%;
}
#refereces{
	background-color:#d2d2d2;
	padding:20px 0 0 0;
}


#referecesContainer{
	width:960px;
	margin:auto;

}

#referecesContainer #referecesContent{
	float:left;
	clear:both;
	width:100%;
	height:160px;
	margin:15px 0 0;
}
#refereces #referecesContainer #referecesContent { 
	background-color:#d2d2d2;
	margin:0 -50px 0 -50px;
	padding:0 50px 0 50px;

}

#referecesContent .infiniteCarousel ul li.cloned {
}


#referecesContent h3{
	text-align:center;
	padding:15px 0 8px 0;
}


.infiniteCarousel {
  width: 1040px;
  position: relative;
  margin:0 -42px 0 -42px;
}

.infiniteCarousel .wrapper {
  width: 961px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 125px;
  margin: 0 40px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
  border: 0px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.infiniteCarousel .wrapper ul {
  width: 1040px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px 20px 10px 10px;
  margin:0 0 0 0;
  height: 100px;
  width: 296px;
  background-image:url(../images/template/refItemBg3.png);
  background-repeat:no-repeat;
  background-position:top left;
}
#referecesStart .infiniteCarousel ul li {
  background-image:url(../images/template/refItemBg_start.png);
}

.infiniteCarousel ul li table {
	height:100px;
}

.infiniteCarousel ul li table tr td{
	vertical-align:middle;
}
.infiniteCarousel ul li table tr td.left {	width:120px; text-align:center;}


.infiniteCarousel ul li table tr td p.quote{
	font-size:16px;
	font-weight:bold;
	line-height:normal;
}

.infiniteCarousel ul li table tr td p.quoter{
	font-size:12px;
	font-weight:normal;
	line-height:normal;
	padding:5px 0 0 0;
	color:#333;
	
}

.infiniteCarousel ul li table tr td a:hover{
	text-decoration:none;
}

.infiniteCarousel ul li table tr td a:hover p.quote{
	text-decoration:underline;
}



.infiniteCarousel ul li img {
    -webkit-transition: border-color 400ms;
}

.infiniteCarousel ul:hover li img {
  border-color: #000;
  border:none;
}

.infiniteCarousel ul:hover li:hover img {
  border-color: #333;
  border:none;
}

.infiniteCarousel ul li a img {
	margin:0 10px 0 0;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background:  url(../images/template/referenceArrows.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
  outline: 0;
}



#refereces #referecesContainer #referecesContent .infiniteCarousel .arrow {
  color:#d2d2d2;
}
#referecesStart #referecesContainer #referecesContent .infiniteCarousel .arrow {
  color:#FFFFFF;
}
#startFrame .infiniteCarousel .arrow {
  color:#FFFFFF;
  display: none;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}

#referecesContent .moreReferences{
	text-align:center;
	padding:128px 0 8px 0;
	float:left;
	clear:both;
	width:100%;
	font-weight:bold;
}


#startFrame .infiniteCarousel .arrow {
  top: 0px;
  width:150px;
  height:250px;
  background-image:none;
}


#startFrame .infiniteCarousel:hover .forward {
	background-image:url(../images/template/arrowRight.png);
	background-position:0 0;
	right:0;
}

#startFrame .infiniteCarousel:hover .back {
	background-image:url(../images/template/arrowLeft.png);
	background-position:0 0;
  left: 0;
}

#startFrame .infiniteCarousel .forward:hover {
	background-image:url(../images/template/arrowRight_hover.png);
	background-position:0 0;
}

#startFrame .infiniteCarousel .back:hover {
	background-image:url(../images/template/arrowLeft_hover.png);
	background-position:0 0;
}




/* FORMS */
#contentMiddle .blue{
	background-color:#e5eff5;
}

#contentMiddle .radioChoice{
	padding:7px;
	margin:3px 0 0 0;
}

#contentMiddle .radioChoice div{
}

#contentMiddle .radioChoice div input[type=radio], #contentMiddle .radioChoice input[type=checkbox], #contentMiddle .payment input[type=radio]{
	float:left;
	vertical-align:middle;
}


#contentMiddle .radioChoice div div.radio, #contentMiddle .payment div.radio{
	padding:0 0 5px 25px;
}

#contentMiddle .radioChoice div div.radio p.bold, #contentMiddle .payment .radio p.bold{
	font-weight:bold;
	padding:0;
	line-height:22px;
}

#contentMiddle .radioChoice div div.radio p.infotext, #contentMiddle .payment .radio p.infotext{
	font-weight:normal;
	font-size:11px;
	color:#666;
	padding:0;
	line-height:normal;
}

.wrap_serchDomain{
	float:left;
	clear:none;
	margin:0 15px 0 0;
}
.wrap_serchDomainSubmit{
	float:right;
	white-space:nowrap;
}


table.formTable{
	float:left;
	clear:both;
	width:100%;
	border-collapse:collapse;
}

table.margin{
	margin:15px 0 0 0;
}

table.formTable tr td{
	padding:2px 5px;
	border-top:solid 1px #CCC;
	vertical-align:middle;
}

table.formTable tr th{
	/*background-color:#FBF7D8;*/
	background-color:#e5eff5;
	font-weight:bold;
	font-size:11px;
	padding:2px 5px;
}

table.domainSearch tr .nr1{ width:200px;}
table.domainSearch tr .nr2{ width:20px;}
table.domainSearch tr .nr3{ width:20px;}
table.domainSearch tr .nr4{ white-space:nowrap;}
table.domainSearch tr .nr5{ width:20px; white-space:nowrap; padding:2px 5px 0px 5px;}

table.domainSearch tr td.nr2, table.domainSearch tr td.nr3{
	text-align:center;
}

table.domainSearch tr.booked td{
	color:#999;
}

table.formTable tr.sum td{
	font-weight:bold;
	font-size:13px;
	border-top:solid 2px #CCC;
}

table.formTable tr .add a.remove:link, table.formTable tr .add a.remove:active, table.formTable tr .add a.remove:visited { color:#900;}

table.formTable tr .add a.remove:hover { color:#900;}



table.domainResult tr .nr1{ width:200px;}
table.domainResult tr .nr2{ width:60px;}
table.domainResult tr td.nr2{ padding:0 25px 0 25px;}

table.domainResult tr .nr3{ white-space:nowrap;}
table.domainResult tr .nr4{ width:20px; white-space:nowrap; padding:2px 5px 0px 5px;}




/* WEBHOTEL */
table.webhotel{
	width:100%;
	float:left;
	clear:both;
}

table.webhotel tr th{
	border-bottom:solid 2px #CCC;
	padding:2px 5px 2px 5px;
}

table.webhotel tr td{
	border-right:solid 1px #CCC;
	padding:2px 5px 2px 5px;
}

table.webhotel tr.price td.nr2, table.webhotel tr.price td.nr3{
	background-color:#E5EFF5;
}


/* TECHNICALINFO */

.technicalInfo{
	width:800px;
	float:left;
	clear:both;
}

.technicalInfo table {
	width:100%;
	float:left;
	clear:both;
}



/* SUMMERING */

table.formTable tr td.nr5, table.formTable tr th.nr5{
	text-align:right;
}

table.sumServices .nr4, table.sumServices .nr3{
	text-align:center;
}

.edit{
	float:left;
	clear:both;
	width:100%;
	text-align:right;
	padding:4px 0 25px 0;
}


#contentMiddle table.sumInfo tr td p{
	padding:5px 0 0 0;
	line-height:normal;
}

table.sumInfo tr td.nr1{
	padding-top:2px;
	padding-bottom:8px;
}

.last{
	padding:4px 0 0 0;
}

table.payment tr th{
	vertical-align:top;
	padding-top:8px;
	width:50%;
}

.paymentImage{
	margin:10px 0 5px 0;
}



/* EXTRATJÄNSTER */ 


.formPaddingText{
	padding:0px 0 5px 15px;
	font-size:11px;
	float:left;
	clear:both;
	width:100%;
}

.rightText{
	float:left;
	clear:both;
	width:100%;
	text-align:right;
	margin:15px 0 0 0;
}

.showPris{
	padding:5px 0 0 0;
}

/* Footer */

#footer{
	float:left;
	clear:both;
	width:100%;
	padding:0 0 20px 0;
}

#footer #footerContainer{
	width:940px;
	margin:auto;
	padding:10px;
	color:#CCC;
}




#footerContainer .crossnet{
	float:left;
	clear:both;
	width:100%;
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	padding:10px 0 5px 0;
	color:#FFF;
}

#footerContainer .contact, #footerContainer .products1, #footerContainer .products2{
	float:left;
	width:200px;
	font-size:12px;
	padding:0;
}

#footerContainer .products2{
	padding-left:50px;
}

#footerContainer .copyright{
	float:right;
	width:400px;
	font-size:12px;
	padding:0;
	text-align:right;
}

#footerContainer .copyright .wrap_parterIcons{
}

#footerContainer .copyright .wrap_parterIcons div{
	float:right;
	clear:both;
	width:100%;
	padding:7px 0 7px 0;
}




#footer #footerContainer div h5{
	color:#FFF;
	font-weight:bold;
	padding:0 0 5px 0;
}

#footer #footerContainer div p{
	padding:0 0 8px 0;
	line-height:16px;
}

#footer #footerContainer div p a:link, #footer #footerContainer div p a:active, #footer #footerContainer div p a:visited, #footer #footerContainer div p a:hover{
	color:#CCC;
	text-decoration:none;
}

#footer #footerContainer div p a:hover{
	color:#FFF;
}

.ps {
	background-color:#FFFFCC;
	border:1px solid #CCCCCC;
	padding:10px;
}

#contentMiddle p.ps {
	padding:10px;
}


/* Bubble pop-up */

.bubbleInfo {
	position: relative;
	top: 150px;
	left: 100px;
	width: 500px;
}
.trigger {
	position: absolute;
}

.popup {
		position: absolute;
		display: none;
		z-index: 50;
		border-collapse: collapse;
}

.popup td.corner {
		height: 15px;
		width: 19px;
}

.popup td#topleft { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-1.png); }
.popup td.top { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-2.png); }
.popup td#topright { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-3.png); }
.popup td.left { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-4.png); }
.popup td.right { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-5.png); }
.popup td#bottomleft { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-6.png); }
.popup td.bottom { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-7.png); text-align: center;}
.popup td.bottom img { display: block; margin: 0 auto; }
.popup td#bottomright { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-8.png); }

.popup table.popup-contents {
		font-size: 12px;
		line-height: 1.2em;
		background-color: #fff;
		color: #666;
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
		}

table.popup-contents th {
		text-align: right;
		text-transform: lowercase;
		}

table.popup-contents td {
		text-align: left;
		}

tr#release-notes th {
		text-align: left;
		text-indent: -9999px;
		background: url(http://jqueryfordesigners.com/demo/images/coda/starburst.gif) no-repeat top right;
		height: 17px;
		}

tr#release-notes td a {
		color: #333;
}

/* Error e-mail login pop-up */
div.boogle.up {
	background-image:url(/images/template/boogle_180_2.png);
	background-position:right top;
	padding-top:34px;
}

div.boogle {
	display:none;
	padding-bottom:34px;
	position:absolute;
	width:224px;
	height: 80px;
	z-index:20;
}

div.boogle div.boogle {
	background-position:left top;
	color:black;
	display:block;
	padding:25px 25px 0;
	position:static;
	width:174px;
}

div.boogle.up div.boogle.up {
	background-position:left bottom;
	padding:0 25px 25px;
}

div.boogle.up div.boogle.up {
	background-position:left bottom;
	padding: 5px 25px 25px;
}

div.buttonBar {
	margin-top:15px;
	text-align:right;
}
input.close {
	background-color:#888888;
	border:1px solid white;
	color:white;
	padding:3px 5px;
}

.newsImage {
	float:right;
	padding-bottom:5px;
	padding-left:10px;
}


#contentMiddle p.date{ 
	font-size:11px;
	color:#666;
	padding:2px 0;
}

#contentMiddle .date{ 
	color:#666;
}


/* SITEMAP */

.sitemap #contentMiddle{
	width: 900px;
}

.sitemap #contentMiddle ul li{
	float:left;
	width:290px;
	font-weight:bold;
	font-size:18px;
}

.sitemap #contentMiddle ul{
	margin-top:0px;
}

.sitemap #contentMiddle ul li.id182609{
	/*clear:left;*/
}

.sitemap #contentMiddle ul li.sitMapMenu{
	padding:15px 0 0 0;
}


.sitemap #contentMiddle ul li ul li{
	font-weight:bold;
	font-size:12px;
	border:none;
}

.sitemap #contentMiddle ul li ul li ul li{
	font-weight:normal;
	font-size:12px;
}

.sitemap #contentMiddle ul li ul li ul li ul li{
	font-weight:normal;
	font-size:11px;
}