/* @override http://burns.idium.net/syscomworld.com/filestore/dev/CSS/layout.css */

/*
## layout.css - Contains style for page layout
*/

.internalLink img{
  border:0px;
}

#content .frontpage h2 {
  left:4px;
  position:relative;
  top:5px;
  width:260px;
}

#content .frontpage h2 a {
  color: #333;
  text-decoration: none;
  position: absolute;
  top:  0px;
  left: 0;
}

#content .frontpage .summary img {
  border: 1px solid #D4D4D4;
  padding: 2px;
}

#content .frontpage .summary img.big {
  border:0;
  padding:0;
  height: 202px;
  width: 270px;
}

#content .frontpage div.summary {
  float:left;
  height: 202px;
  width: 270px;
  padding:10px 10px 10px 0;
}

 
/* Normalizes margin and padding */
/*
body, dl, dt, dd, ul, ol li h1, h2, h3, h4, h5, pre, input, p, blockquote, th, td {
   margin: 0;
   padding: 0;
}
*/



* { 
  margin: 0;
  padding: 0;
}

/*#bestillDemo {
  float: right;
  clear: both;
  margin-bottom: 10px;
}*/

.pomelding{
  background-color:#DFE8F6;
  border-left:1px solid #dfdfdf;
  border-right:1px solid #dfdfdf;
  border-bottom:1px solid #dfdfdf;
  padding:3px;
}


.rightMenuHeaderPomelding{
  background-color:#DFE8F6;
  border:none;
  border-top:1px solid #dfdfdf;
  border-left:1px solid #dfdfdf;
  border-right:1px solid #dfdfdf;
  padding:3px;
}

/*#bestillDemo {
  background: url("/syscomworld.com/filestore/dev/GFX/demobg.jpg") no-repeat top;
  width: 163px;
  height: 22px;
  color: #fff;
  border:0px;
  font-weight:bold;
  padding-top:5px;
  padding-left:10px;
}

#bestillDemo a{
  color: #fff;
  text-decoration: none;
  font-size:90%;
}

#bestillDemo a:hover{
  text-decoration: underline;
}

#bestillDemo:hover {
  background: url("/syscomworld.com/filestore/dev/GFX/demobg_hover.jpg") no-repeat top;
}*/

.rightMenuHeaderText{
  float:left;
  color:#333333;
  font-size:125%;
  font-weight:bold;
}

.rightMenuHeaderText a{
  text-decoration:none;
}

.rightMenuHeader{
  border:1px solid #dfdfdf;
  background-color:#EFEFEF;
  padding:3px;
}

.rightMenuContentDiv{
  border-left:1px solid #DFDFDF;
  border-right:1px solid #DFDFDF;
  border-bottom:1px solid #DFDFDF;
  padding:3px;
}

/* Normalizes article content elements */
#content p,
#content dl.fileObject,
#content h2,
#content h3,#content h4,
#content h5,
#content .image-box,
#content ol,
#content ul,
#content .flashContent,
#content .mediaPlayer,
#content .user-table,
#content .bordered-user-table,
#content .outlined-user-table,
#content .outlined-horizontal-user-table,
#contant .horizontal-user-table,
#content .outlined-vertical-user-table,
#content .vertical-user-table,
#content .user-box,
#content form {
  margin-bottom: 12px;
}

.noborder img{
border:0 none;
}


h1, h2, h3, h4, h5 {
  font-weight: normal;
}

h1 {
  font-weight: bold;
  font-size: 130%;
  padding-bottom:15px;
}

h2 {
  font-weight: bold;
  font-size: 120%;
}

h3 {
  font-weight: bold;
  font-size: 110%;
}

h4 {
  font-weight: normal;
  font-size: 120%;
}

h5 {
  font-weight: normal;
  font-size: 100%;
}

/** Custom h elements in middle column **/

#midColumn h3 {

}

#midColumn h4 {

}

#midColumn h5 {

}

img, fieldset {
  border:0;
}

img
{
  border: 1px solid #D4D4D4;
  padding: 2px;
}
.imgnoborder
{
border: 0px;
}

.noImageBorder {
  border: 0px;
}

a {
  text-decoration: underline;
  color: #0035AD;
}

a:hover {
  text-decoration: underline;
  color: #666666;
}

a:visited {
  text-decoration: underline;
  /*color: #999999;*/
  color: #0035AD;
}

ul, ol {
  padding-left:22px;
}

/** 75% sets medium size to 12px in standard browsers **/
body {
  font:75% Arial,Verdana, Tahoma, Helvetica, sans-serif;
  background-color:#ffffff;
  color:#333333;
  behavior: url("/syscomworld.com/filestore/dev/JS/ADxMenu.htc");   
}

img {
  display:block;
}

/*input {
  font-size:105%;
}*/

#product {
  float: left;
}

/*
## CLEARFIX
*/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1px;
}
.clearfix {
  display: block;
 }
/* End hide from IE-mac */

/*
## Framework style
*/

#wrapper {
  margin: 0 auto;
  width: 960px;
  border: 0px solid #FFF;
  background: #FFF;
}

#outerwrap
{
  background: transparent url("/syscomworld.com/filestore/dev/GFX/background_left_line.gif") no-repeat scroll left top;
  margin: 0px auto;
  width: 994px;
}

#outerouterwrap
{
  background: transparent url("/syscomworld.com/filestore/dev/GFX/background_right_line.gif") no-repeat scroll right top;
  margin: 0px auto;
  width: 994px;
}

#header {
  height: 125px;
  /*background: #eceded;*/
  margin-bottom: 10px;
  background: url("/syscomworld.com/filestore/dev/GFX/web_header.jpg") no-repeat;
}

#breadCrumb {
  margin: 0px 0px 10px 10px;
  font-size:80%;
}

#printLogo {
  display: none;
}

#top_container {
  background-color: #eceded;
}

#main {}

#leftColumn {
  float: left;
  width: 155px;
  margin: 0px 0px 0px 10px;

}

#midColumn {
  float: left;
  display: block;
  width: 565px;
  min-height:560px;
  height:auto !important;
  height:560px;
  /* margin: 0 15px 0 0px; */
  padding-bottom: 0px;
  padding-left: 20px;
  padding-right: 20px;
  /*border-left: 1px solid #DFDFDF;*/
  /*border-right: 1px solid #DFDFDF;*/
}

#rightColumn {
  float: left;
  display: block;
  width: 180px;
  /*padding-right: 5px;*/
  margin-top: 0px;
}

#content {
  margin-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

/******************
## COMMON STYLES ##
******************/
h4.boxTitle {
  color: #FFFFFF;
  background: #A1A1A1;
  padding: 5px 20px;
  margin-bottom: 0;
}

div.box {
  border-bottom: 1px solid #F0F0F0;
}

div.box .content {
  padding: 15px 10px;
}

/*************************
## SUMMARY|ARTICLE LIST ##
*************************/
/*
div#content.article-list .summary, #content.article-list .article {
  border-bottom: 1px solid #F0F0F0;
}

#content .summary, #content .article {
  border-bottom: 1px solid #F0F0F0;
}

#content .summary, #content .article {
  padding: 20px 0;
}

#content .summary h1 {
  font-size: 110%;
}

#content .summary h1 a {
  font-size: 120%;
  font-weight: bold;
}

#content .summary h2 a {
  font-size: 95%;
  font-weight: bold;
  margin-bottom: 20px;
}

#content h1 a.title, #content h2 a.title {
  font-size: 125%
  font-weight: bold;
}

#content .article h1, #content .article h2 {
  font-size: 100%;
  font-weight: bold;
}

#content .article .text {
  font-size: 125%;
}

#content .article .odd {
  width: 550px;
}



//*** ## RIGHT MENU ## ***/

#content .article .text {
  font-weight: bold;
}

#rightColumn .rightMenu {
  margin-bottom: 25px;
}


#rightColumn .bestilling {
  background: url("/syscomworld.com/filestore/dev/GFX/demobg.jpg") no-repeat top left;
  padding: 5px;
  margin-top:5px;
}

#rightColumn .bestilling:hover {
  background: url("/syscomworld.com/filestore/dev/GFX/demobg_hover.jpg") no-repeat top left;
  padding: 5px;
  margin-top:5px;
}

#rightColumn .bestilling a {
  color:#ffffff;
  text-decoration:none;
}

#rightColumn h3 {
  font-size: 110%;  
  font-weight: bold;
  color: #333333;
  margin-bottom: 10px;
}

#rightColumn .rightMenu h3{
  text-decoration:none;  
}

#rightColumn h4 {
  font-size: 100%;
  margin-bottom: 3px;
  padding-bottom: 0px;
  font-weight: bold;
}

#rightColumn p.readmore a {
  color: #0035AD;
  text-decoration: underline;
}

#rightColumn .rightMenuContent {
  /*margin-bottom: 7px;*/
  font-size:90%;
  padding:5px 0px 5px 0px;
/*  border-bottom:1px solid #DFDFDF*/
}

#rightColumn .rightMenuContent a{
  text-decoration: none;
  color:#333333;
}

#rightColumn .rightMenuContent a:hover{
  text-decoration: underline;
}


#rightColumn .rightMenu h3 {
  /*font-size: 120%;*/
  font-weight: bold;
  margin-bottom: 10px;
}

#rightColumn .bold {
  font-weight: bold;
}

/*** ## FOOTER ## ***/

#footer .footercontentLeft {
  float: left; 
  padding: 3px;
  font-size:90%;
  height:70px;
}

#footer .footercontentLeft img {
  border:0px;
  padding: 0px;
  margin: 0px;
}

#footer .footercontentRight {
  border-left: 1px solid #dfdfdf; 
  float: right; 
  padding: 5px; 
  width: 170px;
  font-size:90%;
  height:90px;
}
#footer a{
  color:#333;
}

#footer{
  background-color:#efefef;
  border:1px solid #dfdfdf;
  height:100px;
  margin-left:10px;
  margin-right:10px;
}

/*** ## HEADER ## ***/

#header .syscomLogo {
  padding: 10px; 
}

#header .headerText {
  width: 350px;
  padding-left: 15px;
  color: white; 
  font-weight: bold;
  font-size:12px;
}

#header .headerText a {
  text-decoration: none;
}

#header .headerText a:hover {
  text-decoration: underline;
}

#headerLang{
  clear: both; 
  text-align: right; 
  height: 35px;
}

#headerLanguage {
  float: right;
  display: block;
  margin-top: 10px;
  margin-right: 20px;
  paddint-top: 0px;
  padding-left: 0px;
}

#headerLanguage img {
  float: left;
  display: block;
  padding-right: 5px;
  border:0px;
}

/*** ## SEMINARPAGE ## ***/

.seminar {  
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px #DFDFDF solid;
}

.seminarDate {
  display: block;
  float: left;
  width: 80px;
  padding-left: 5px;
}

.seminarText {
  padding-top: 0px;
  display: block;
  float: left;
  width: 230px;
  padding-right: 20px;
  min-height: 1px;
}

.seminarText p {
  padding-top: -10px;
  margin-top: -10px;
}

.seminarText a {
  display: inline;
  padding-top: -10px;
  margin-top: -10px;
}

h2.seminarTextTitle  {
  font-size: 115%;
}

.seminarTextLink a {
  float: left; 
  display: inline;
}

.seminarTown {
  display: block;
  float: left;
  width: 60px;
  padding-right: 5px;
}

.seminarTime {
  display: block;
  float: left;
  width: 70px;
  padding-right: 5px;
}

.seminarPrice {
  display: block;
  float: left;
  width: 50px;
}

.seminarContentHeader { 
  background-color: #DFDFDF;
  padding-bottom: 4px;
  font-weight: bold;
}

.seminarPageTitel {  
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 130%;
}

.seminarSummary .seminarTextContent a {  
  float: left;
}

.seminarBack {
  margin-top: 30px;
  margin-bottom: 20px;
  float: left;
}

.seminarBack a { 
  font-size: 115%;
  font-weight: bold;
}

/*** ## PRESSCONTACTS ## ***/

.pageTitel {  
  margin-bottom: 35px;
  font-weight: bold;
  font-size: 130%;
}

.pressContacts {  
  padding-bottom: 10px;
  border-bottom: #DFDFDF solid 1px;
  margin-bottom: 15px;
  height: 80px; 
  width: 455px;
}

.pressContacts img {  
  display: block;
  float: right;
  margin-right: -90px;
}

/*** ## ARTICLE EXPANDED ## ***/

.articleExpanded p {  
  font-weight: bold;
}

.articleExpanded {  
  width: 450px;
  padding-bottom: 25px;
}

.articleExpanded img {  
  display: block;
  float: right;
  padding-left: 10px;
  padding-bottom: 10px;
  margin-right: -110px;
}

/*** ## MENU BELOW ARTICLE ## ***/

#navArticle {
  margin-top: 0px;
  margin-left: 0px;
  list-style-type:none;
  padding:0;
  /*width: 540px;*/
}

#navArticle li {
  list-style-type:none;
  float:left;
  margin: 0px 0px 15px 10px;
  width: 170px;
}

#navArticle{ 
  clear:both;
}

#navArticle li a {
  font-weight: bold;
  display:block;
  padding:2px 0px;
}

#navArticle li a:hover {
  color:#666666;
}

#navArticle li ul {
  padding-left: 0px;
  margin-left: 0px;
}

#navArticle li ul li {
  padding-left: 0px;
  margin-bottom: 0px;
}

#navArticle li ul li a {
  font-weight: normal;
  padding-left: 15px;
  margin-bottom: 0px;
}

/*** ## SEMINAR ARTICLE EXPANDED ## ***/


#map{
  margin-top:10px;
}

.seminarBold {  
  font-weight: bold;
  float: left;
  padding-right: 3px;
}

/*.seminarInfo { 
  margin-top: 35px;
}*/

.seminarSummary .summary { 
  border-top: 1px solid #DFDFDF;
  padding-top: 5px;
  margin-bottom: 10px;
}

.seminarArticle { 
  width: 350px;
  float: left;
}

.seminarTitle { 
  margin-bottom: 10px;
}

.seminarArticleImage { 
  float: right;
  display: block;
  /*width: 170px;
  margin-bottom: 15px;*/
}

.seminarArticleInfo { 
  margin-bottom: 2px;
}

/*** ## SUMMARY / ARTICLE ## ***/

.summary {
  padding-bottom: 20px;
}

.summary h1 {
  font-size: 120%;
  font-weight:  bold;
  padding-bottom: 15px;
  width: 280px;
}

.odd {  
  float: left;
  display: block;
  width: 264px;
  margin-bottom: 10px;
  padding-right: 15px;
}

.even {  
  float: right;
  display: block;
  width: 265px;
  margin-bottom:  10px;
  padding-left: 10px;
}


.summaryContent {  
  padding-left: 5px;
}

.summary .frontDate {  
  text-align: left;
  font-weight:  bold;
  margin-bottom: 10px;
}

.summary .text {  
  text-align: left;
}

.summary img { 
  margin-right: 10px;
  margin-bottom: 3px; 
  float: left;
}
 
.summary .summaryTextLink {  
  float: left;
  display: block;
}

.summary .summaryTextLink a {  
  float: left;
  display: block;
  font-weight: bold;
}

.externalUrl {
  float: left;
  margin-top: 5px;
}

hr.endBorder {   
  display: block;
  float: left;
  margin-bottom: 0px;
  padding-bottom: 0px;
  margin-top: 20px;
  width: 549px;
  border-bottom: 1px #DFDFDF solid;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  margin-top: -10px;
}

/*** ## PRESSE ## ***/

.press {
}

.press img {
  padding-bottom: 25px;
}

.press .pressPic {
  display: block;
  float: right;
}

.press .pressPic img {
  border: 2px solid #666;
  margin-top: 10px;
  margin-bottom: 20px;
}
.press .pressContent {
  display: block;
  float: left;
  width: 321px;
  padding-right: 20px;
  margin-top: 10px;
}

.press h2 {
  padding-bottom: 5px;
  font-weight: bold;
}

.press .parentLink {
  margin-top: 30px;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 115%;
}

.presseArticleExpanded {
  margin-bottom: 25px;
}
.presseArticleExpanded img {
  padding-bottom: 15px;
}

/*#pomelding {
   background-color:#DFE8F6;
  float: left;
  clear: both;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #DFDFDF;
  padding:5px;
}

#pomelding p {
  display: block;
  padding-top: 5px;
}*/

.eventDesc {
  display: block;
  float: none;
  margin: 10px 0px 10px 0px !important;
}


/*** ## Seminar/course form titel ## ***/
#content .seminarArticleImage h2 {
  margin: 20px 0px -10px 0px;
  font-weight: bold;
  font-size: 12px;
}

#content #subscribeForm input.radiobutton {
 float: left;
 margin-top: 1px;
 margin-right: 7px;
x display: inline;
}

#content #subscribeForm p.reserved {
  color: #DFDFDF;
}

/*** ## Custome1 form (editor) ## ***/

.custome1-user-table {
  
}


<!--[if lte IE 6]>
<style type="text/css" media="screen, tv, projection">
/*<![CDATA[*/

/* - - - ADxMenu: BASIC styles - - - */


.menu, .menu ul {	/* float.clear */
	zoom: 1;
}

.menu li.adxmhover {
	z-index: 10000;
}

.menu .adxmhoverUL {	/* li:hover>ul selector */
	visibility: visible;
}

.menu .adxmhoverUL {	/* 1st-level submenu go below their parent item */
	bottom: 100%;
	left: 0;
}

.menu .adxmhoverUL .adxmhoverUL {	/* 2nd+ levels go on the right side of the parent item */
	bottom: 0;
	left: 100%;
}

/* - - - ADxMenu: DESIGN styles - - - */

.menu ul a {	/* fix clickability-area problem */
	zoom: 1;
}

.menu li li {	/* fix white gap problem */
	float: left;
	width: 100%;
}

.menu li li {	/* prevent double-line between items */
	margin-top: -1px;
}

.menu a:hover, .menu .adxmhoverA {		/* li:hover>a selector */
	color: #fc3;
}

.menu .adxmhoverUL .adxmhoverUL {	/* inset 2nd+ submenus, to show off overlapping */
	bottom: 5px;
	left: 90%;
}

#menu li ul {
  bottom: 23px;
  top: auto !important;
}

.registred {
  border-style: dotted;
  border-color: #CCCA7A;
  padding: 5px;
  background-color: #FFFD99;
}

.added {
  display: block;
  margin-left: 15px;
  margin-top: 10px;
}

.contactme_icon {
  background: url("/syscomworld.com/filestore/dev/GFX/contactme_icon.png") no-repeat top;
  width: 36px;
  height: 36px;
}

.contactme_button{
  font-size:100%;
}

.contactme_button {
  background: url("/syscomworld.com/filestore/dev/GFX/contactme_button.gif") no-repeat top;
  width: 75px;
  height: 22px;
  color: #fff;
  border:0px;
  margin-top:5px;
  cursor:pointer;
}

.contactme_button:hover {
  background: url("/syscomworld.com/filestore/dev/GFX/contactme_button_hover.gif") no-repeat top;
  width: 75px;
  height: 22px;
  color: #fff;
  border:0px;
  margin-top:5px;
  cursor:pointer;
}

p.pamelding {
  margin: 11px 0 0;
}

.contactme_input {
  /*background-color: #fcfacc;*/
  height:18px;
  border: 1px solid #cecece;
  margin: 2px 0;
}

.course_icon {
  background: url("/syscomworld.com/filestore/dev/GFX/course_icon.png") no-repeat top;
  width: 36px;
  height: 36px;
}

.article_icon {
  background: url("/syscomworld.com/filestore/dev/GFX/articles_icon.png") no-repeat top;
  width: 30px;
  height: 30px;
}

.event_icon {
  background: url("/syscomworld.com/filestore/dev/GFX/event_icon.png") no-repeat top;
  width: 36px;
  height: 36px;
}

.eventBottom{
  border-bottom:1px solid #DFDFDF;
  margin-top:25px;
}

.courseBottom{
  border-bottom:1px solid #DFDFDF;
  margin-top:25px;
}

/*]]>*/
</style>f