/*LAYOUT*/
body {margin-top: 0px; background: #F6F7F9; }

#main {margin: auto; margin-top: 0; text-align: center; width: 1000px; height: 900px;}

#top { color: #ffffff; height: 126px; background: #000; } 

#topmenu { height: 56px; background-image: url('/csgraphics/top_menu.png'); padding-top: 7px; margin-left: -50px; margin-right: -50px; padding-left: 65px; margin-bottom: 10px;}
#topmenu a{ padding: 10px; font-weight: bold; font-size: 12px; }
#topmenu div{}
#topmenu div.activatedlink a{ background: url('/csgraphics/menu_item_active.png') repeat-x; float: left; height: 22px; padding-top: 15px; }
#topmenu div.passivelink a{ float: left; height: 22px; padding-top: 15px; }
#topmenu div.callme a{ float: right; height: 22px; padding-top: 15px; margin-right: 65px; }
#topmenu a:hover{ background: url('/csgraphics/menu_item_active.png') repeat-x; }

#logo { float: left; background-image: url('/csgraphics/logo.png');  width: 298px; height: 63px; margin-left: 60px; margin-top: 30px;}
#logo a{ display: block; width: 100%; height: 100%; }

#toolsmenu { padding-top: 50px; padding-right: 40px; float: right;}
#toolsmenu .menuitem {float: left; padding-right: 20px;}
#toolsmenu .menuitem a{color: white; font-size: 12px;}
#toolsmenu .menuitem a:hover{text-decoration: underline;}

#footer {  background-image: url('/csgraphics/footer.png'); width: 1000px; height: 107px; text-align: left; font-size: 12px;  margin:0px auto auto; text-align:center; color: #666;}

#footer div div { display:inline; color:#5683DC; font-size:18px; font-weight:bold; position:relative; top:2px; margin-left:2px; margin-right:3px; }
#footertext{ padding-top: 40px; }

#copyright { margin-top:22px;}

#body{margin: auto; padding: 0;width: 900px; margin-top: -20px; margin-bottom: -10px;}

#leftmenu {text-align: left; float: left; width: 240px;}
/* To add two concurrent backgrounds, it is required to add two nested div tags within the left menu div */

#leftmenu div.bottombackground{background: url('/csgraphics/leftmenu/main.png') repeat-y;}
#leftmenu div div.extrabackground{background: url('/csgraphics/leftmenu/footer.png') bottom center no-repeat; padding-bottom: 20px;}
#leftmenu .header{background: url('/csgraphics/leftmenu/top.png'); height: 10px;}
#leftmenu h5{ padding: 0px; margin: 0px; padding-left: 14px; padding-bottom: 10px;}

#leftmenuitems {padding-left: 18px; padding-right: 10px;}
#leftmenuitems .firstmenuitem 		{background: url('/csgraphics/leftmenu/entryicon_arrow.png') 	no-repeat center left; 	margin-bottom: 10px; padding-left: 17px; margin-left: -5px; }
#leftmenuitems .menuitem 		{background: url('/csgraphics/leftmenu/menu_item_blue.png') 		no-repeat center left; 	margin-bottom: 10px; padding-left: 12px;}
#leftmenuitems .menuitem2 		{background: url('/csgraphics/leftmenu/menu_item_blue.png') 		no-repeat center left; 	margin-bottom: 10px; padding-left: 12px; margin-left: 12px;}
#leftmenuitems .menuitem3 		{background: url('/csgraphics/leftmenu/menu_item_blue.png') 		no-repeat center left; 	margin-bottom: 10px; padding-left: 12px; margin-left: 24px;}

#leftmenuitems .selectedmenuitem	{background: url('/csgraphics/leftmenu/menu_item_blue.png') 		no-repeat center left; 	margin-bottom: 10px; padding-left: 12px; font-weight: bold;}

#rightcontent {text-align: left; float: left; width: 650px; margin-left: 10px;}

#splashimage { height: 291px; background-image: url('/csgraphics/main.png'); text-align: left;}
#splashimage div.textbox { width: 480px; padding-top: 30px; padding-left: 60px; }
#splashimage h1 { font-size: 20px; text-transform: uppercase;}
#splashimage h2 { float: left; }
#splashimage p { margin-top: 20px; margin-bottom: 30px; }
#splashimage a { font-size: 18px; color: #426FC8; text-decoration: none; text-transform: uppercase; font-weight: bold; margin-right: 25px; }

/* Frontpage layout */
.frontPage h2 { margin-top: 0px;} /* Because of the main picture there's too much white space above h2 on the front page if we do not set this to 0*/
#latestnews a{ color: #426FC8;}
#latestnews div.itembox { padding: 12px 8px; border: 0; border-bottom: 1px dashed #ccc; }
#latestnews div.odd { background-color: #f0f0f0; }
#latestnews div.hide { display: none; }

#directionsErrorPlaceholder { display: none; width: 400px; margin-top: 20px; }

#casecarousel {width: 410px; background-image: url('/csgraphics/carousel/carousel_bg.png');}
#casecarousel .frame {padding: 3px 5px 5px 5px;}
#casecarousel a{border: 0; text-decoration: none;}
#casecarousel img{border: 0; }

#casecarousel .headline {}
#casecarousel .casebody {z-index:1; height: 269px;}
#casecarousel .caseimage img{height: 200px; width:400px;}
#casecarousel .casebody .buttonprev {position: relative; bottom: 190px; left: -15px; width:35px; height: 37px; z-index:3;}
#casecarousel .casebody .buttonnext {position: relative; bottom: 227px; left: 380px; width:35px; height: 37px; z-index:3;}
#casecarousel .casebody .casedescr {height: 60px; padding: 5px 40px 5px 10px;}
#casecarousel .casebody .casedescr h1 {padding: 0px; margin: 0px; font-size: 14px;}
#casecarousel .casepicker {height: 45px;}
#casecarousel .casepicker .casebuttons {margin: 10px 10px 0px 0px; float: right; color: gray; vertical-align: center;}
#casecarousel .casepicker .casebuttonstext {margin: 14px 0px 0px 80px; float: left; color: gray;}

.nothere{ visibility: hidden; }
.there { visibility:visible; }


/*
div.dynamiccasebox { float: left; width: 300px; height: 225px; }
div.dynamiccasebox a { display: block; }
div.dynamiccasebox img { width: 300px; border: 0; }
div.dynamiccasebox div.caption { display: none; }
div.dynamiccasebox:hover div.caption { display: block; }
div.dynamiccasebox div.caption { height: 160px; position: relative; top:-163px; background-color: #000; color: #fff; filter:alpha(opacity=70);opacity: 0.7;-moz-opacity:0.7; }
*/

div.frontpagefirstcolumn { float: left; width: 430px;}
div.frontpagesecondcolumn { float: left; width: 430px;}
div.frontpagecolumnseparator { float: left; width: 40px; height: 1px;}

/* Subpages layout */
#content{text-align: left; }
div.article .splashimage { margin-top: 2px; width: 640px; height: 150px; }
div.article .blackbandtopdisplacer { height: 80px; }
div.article .whiteband { height: 40px; background-image: url('/csgraphics/white_opacity200.png'); padding: 4px 8px;}
div.article .blackband { height: 40px; background-image: url('/csgraphics/black_opacity150.png'); padding: 4px 8px;}
div.article .whiteband div.text { height: 40px;  display: table-cell; vertical-align: middle; font-style: italic; font-size: 16px; font-weight: bold; color: #0C3DB3; }
div.article .blackband div.text { height: 40px;  display: table-cell; vertical-align: middle; font-style: italic; font-size: 16px; font-weight: bold; color: #fff; }

#addressinfo {margin-bottom: 10px;}
#routemap {}
  #userrouteinput {margin-top: 10px;}
  #map_canvas {}
#routeinstructions {clear: both;}

#speechbubble {}
#speechbubble a{color: blue;}
#speechbubble .address{float: left;}
#speechbubble .image{float: left; padding-top: 18px; padding-left: 20px;}

.readmore a{color: #426FC8; font-style: italic;}

#subNavigation{width: 20em; float: right;}
#subNavigation ul{list-style: none; border: 1px solid #FFE8CD; background: #FFF9D8;}

/* FONTS standards */
body {font-size: 13px; background:#fff; font-family: "Verdana"	, Arial, sans-serif; }

/* h1, h2, h3, h4, h5, h6 {color: #0C3DB3; font-weight: 500;} */
h1, h2, h3, h4, h5, h6 {color: #000; font-weight: 500;} 
h1 {font-size:25px; line-height: 1; margin-bottom:0.5em; font-weight: bold; width: auto; }
h2 {font-size:20px; margin-bottom:0.75em;}

h3 {font-size: 16px;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {margin:0 0 1.5em; }
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

/* LINKS standards */
a { text-decoration: none; color: #666; }

/* h1 a, h2 a, h3 a, h4 a, h5 a { color: #0C3DB3;} */
h1 a, h2 a, h3 a, h4 a, h5 a { color: #000;}

/* ELEMENTS standards */

ul {list-style-image: url('/csgraphics/leftmenu/entryicon.png'); margin-top: 16px; margin-bottom: 16px;}
ul li{ margin: 0; padding:0; list-style-type:none; } 
ul.checkmarks {list-style-image: url('/csgraphics/check.png'); margin-left: 24px; }
ul.checkmarks li { margin-bottom: 4px; }

strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}

/* FORM ELEMENTS */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:300px;height:250px;padding:5px;}
blockquote 		{ background: transparent url('/csgraphics/blockquote_left_black.png') left top no-repeat; }
blockquote div.quote 	{ padding: 0 48px;  background: transparent url('/csgraphics/blockquote_right_black.png') right bottom no-repeat; font-style: italic; }
blockquote div.quotee 	{ margin-top: 8px; }
/*
This approach doesn't work in Chrome, although it would be preferable
blockquote { quotes: "\201C" "\201D"; } 
blockquote:before { content: open-quote; font-weight: bold; font-size: 24px; } 
blockquote:after { content: close-quote; font-weight: bold; font-size: 24px; }
*/
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.timestamp {color: #426FC8;}

.newslistitem { margin-bottom: 24px; }
.newslistitem img { border: 0; }
div.newslistitem .date{ margin-bottom: 4px; }

.caselistitem { margin-bottom: 24px; }
.caselistitem img {border: 0; }
.hr { height: 0; font-size: 0; line-height: 0; width: 100%; margin-top: 20px; }
.dotted { border-bottom: dotted 1px #ccc; }

.error ul{margin-bottom: 0; padding-bottom: 0;}

.floatL { float: left; }
.floatR { float: right; }
.clearB { clear: both; }

.middlecolumn { float:left; width:420px; margin-left: 12px; }

.rightcolumn { float:right; width:200px; margin-left: }
.rightcolumn img { width: 200px; }
.narrowbox { width: 200px; color: #666; margin-top: 8px; }
.narrowbox div.bottombackground{background: url('/csgraphics/rightcolumn/box_main_w200.png') repeat-y;}
.narrowbox div.extrabackground{background: url('/csgraphics/rightcolumn/box_footer_w200.png') bottom center no-repeat; padding-bottom: 10px;}
.narrowbox div.header{background: url('/csgraphics/rightcolumn/box_top_w200.png'); height: 10px;}
.narrowbox div.content{ padding-left: 12px; padding-right: 4px; padding-bottom: 8px; }
.narrowbox div.content .menuitem{ background: url('/csgraphics/leftmenu/entryicon.png') no-repeat center left; 	margin-bottom: 10px; padding-left: 12px; }
.narrowbox div.image{ padding: 0; overflow: hidden; background-color: red; }
.narrowbox ul { margin-left: 16px; }

/* CONTROLS */

.carousel ul {list-style: none; }

.partners { text-align: center; margin-top: 20px; }
.partners a { display: block; width: 100%; height: 100%; }
/*.partners .eurocloud { width: 156px; height: 58px; background-image: url('/csgraphics/eurocloudlogo.gif');  margin: 0 auto; } */
.partners .eurocloud { width: 120px; height: 50px; background-image: url('/csgraphics/logo_eurocloud_danmark.gif');  margin: 0 auto; }

















































































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */