@charset utf-8;

body {
	font-size:.8em;

	
/* Resets 1em to 10px */
	font-family:TitilliumText14L400wt, Helvetica, Arial, Sans-Serif;
	font-family:TitilliumText22LRegular, Helvetica, Arial, sans-serif;
	margin:0;

	
/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding:0;
	text-align:center;

	
/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#444;
	line-height:150%;
}

#strip-top {
	height:20px;
}

#strip-bottom {
	background:#fff url(../images/separator-shadow-bottom.jpeg) no-repeat center bottom;
	height:20px;
}

#pagewrapper {
	background:#fff;
}

#page {
	width:860px;
	margin:0 auto;

	
/* the auto margins (in conjunction with a width) center the page */
}

a:active {
	outline:none;
}

:focus {
	-moz-outline-style:none;
}

a {
	color:#956698;
	text-decoration:none;
}

a:visited {
	color:#956698;
}

a:hover {
	color:#ef7e0e;
}

img {
	border:0;
}

#headerwrapper {
	background:#553171;
	padding:0;

	
/*border-bottom: 3px solid #f5a141;*/
}

#footerwrapper {
	padding:10px 0;

	
/*border-bottom: 3px solid #f5a141;*/
}

#header,#footer {
	width:900px;
	margin:0 auto;
	position:relative;
}

#header #logo {
	margin:0 0 0 70px;
}

#header img {
	margin:10px;
}

#header a {
	color:#bcadc3;
	text-decoration:none;
}

#header a:visited {
	color:#bcadc3;
}

#footer {
	height:165px;
}

#footer img.logos {
	float:left;
	margin:41px 0 0 13px;
}

#footer-menu {
	float:right;
	margin:30px 15px 50px 0;
	text-align:left;
	width:275px;
}

#footer-menu ul {
	color:#666;
}

#footer a {
}

#footer a:hover {
	color:#ef7e0e;
}

#mainContent {
	padding:15px 0;
	position:relative;
}

#container {
	height:100%;
	text-align:left;

	
/* this overrides the text-align: center on the body element. */
	position:relative;
	min-height:100%;
}

#featured-area {
	height:326px;
	margin:0;
}

#keynotes ul li a {
	position:relative;
	width:320px;
	z-index:1000;
}

a.tag:hover {
	background-position:right bottom;
}

a.tag.purple {
	background-image:url(../assets/tag.png);
	color:#fff;
}

a.tag {
	background-position:right top;
	background-repeat:no-repeat;
	border:0 none!important;
	display:block;
	height:27px;
	line-height:27px;
	outline:medium none;
	text-indent:10px;
	margin:10px 0 0;
	position:absolute;
	right:-20px;
}

#keynotes {
	background-color:#f7931e;
	float:left;
	height:276px;
	padding:20px;
	width:250px;
}

#keynotes a {
	color:#532f75;
}

#keynotes a:hover {
	font-weight:bold;
}

.introduction {
	font-size:1.5em;
	line-height:1.3em;
	margin:0;
	color:#fff;
}

.columns {
	margin:0;
	padding:0;
}

.columns td {
	vertical-align:top;
	width:33.33%;
	margin:0;
	padding:0;
}

.columns div {
	padding:0;
}

.columns div img {
	margin:0 15px 2px 0;
	float:left;
}

.columns div h1 {
	font-size:1.5em;
	font-weight:normal;
	padding:0 0 10px;
	border-bottom:1px solid #000;
	color:#4E0054;
}

.left {
	margin:0 14px 0 0;
}

.middle {
	margin:0 4px;
}

.right {
	margin:0 0 0 14px;
}

.more {
	margin-top:10px;
	display:block;
}


	
/* Menu */
#menu {
	position:absolute;
	margin:117px 15px 0 300px;
}

ul {
	list-style:none;
	margin:0;
	padding:0;
	color:#78327d;
	font-weight:normal;
	font-size:1em;
}

#menu li {
	display:inline;
}

#menu li a {
  	voice-family: "\"}\""; 
  	voice-family: inherit;  
	text-decoration: none;
	padding-right:12px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:10px;
}

#menu li.selected a,#menu li.selected a:hover {
	font-family:TitilliumText14L800wt, Helvetica, Arial, Sans-Serif;
	font-family:TitilliumText22LBold, Helvetica, Arial, sans-serif;
	color:#f0871e;
}

#menu li a:hover {
	color:#f0871e;
	background-repeat:no-repeat;
	background-position:right 4px;
}

ul ul li {
	padding-right:15px;
}

ul ul li a {
	font-weight:normal;
}

ul ul li a:hover {
	background-repeat:no-repeat;
}

.menu_select {
	color:#f0871e!important;
	background-repeat:no-repeat;
	background-position:right 4px;
	font-weight:normal;
}

.sub_menu {
	background-color:#f2f2f2;
}

#menu a:hover,#menu li:hover>a {
	color:#f0871e;
}

ul li ul li .sub_selected .menu_sub {
	background-repeat:no-repeat;
	background-position:right 4px;
	color:#f0871e;
}

#deleteknop {
	cursor:pointer;
	margin-bottom:20px;
}

#deleteknop a {
	color:#FFF;
	text-decoration:none;
	background-color:#000;
	border:1px solid #000;
	padding-top:2px;
	padding-right:7px;
	padding-bottom:2px;
	padding-left:7px;
}

#deleteknop a:hover {
	color:#FFF;
	background-color:#F00;
}


	
/* Additions */
#topmenu {
	position:absolute;
	right:15px;
	top:0; 
	background:url(../images/search_bg.jpeg) no-repeat;
	background-position:0 -5px;
	width:400px;
	height:91px;
}

#topmenu div {
	position:absolute;
}

#topmenu #search {
	top:15px;
	right:40px;
	width:250px;
}

#header a.button {
	border:1px solid #aaa;
	background:#ddd;
	color:#444;
	padding:2px 10px;
	cursor:pointer;
}

#header a.button:hover {
	background:#eee;
	color:#333;
}


	
/* Navigation */
.navigationwrapper {
	width:235px;
	position:absolute;
	
/*background-color:#faf1dd;*/
}

.navigation {
	margin:5px 15px 20px;
}

.navigation #contact {
	float:right;
	margin:30px 0;
}

.navigation ul {
	text-align:right;
}

.navigation ul li {
	line-height:180%;
}

.navigation ul li a.selected {
	font-family:TitilliumText14L800wt, Helvetica, Arial, Sans-Serif;
	font-family:TitilliumText22LBold, Helvetica, Arial, sans-serif;
	color:#ff942f;
}

.content {
	width:550px;
	margin:0 0 0 290px;
	font-size:1.1em;
	line-height:150%;
	
	min-height: 350px;
	height:auto !important;
	*height:350px;	
}

.content .breadcrumb {
	font-size:.8em;
	margin:5px 0 20px;
}

.content h1 {
	margin:8px 0 15px;
	font-family:TitilliumText14L400wt, Helvetica, Arial, Sans-Serif;
	font-family:TitilliumText22LRegular, Helvetica, Arial, sans-serif;

	
/*color: #4E0054;*/
	font-size:1.6em;
}

.content h2 {
	margin:8px 0 15px;
	font-family:TitilliumText14L400wt, Helvetica, Arial, Sans-Serif;
	font-family:TitilliumText22LRegular, Helvetica, Arial, sans-serif;

	
/*color: #4E0054;*/
	font-size:1em;
}

.content img {
	margin:10px 0;
}

.content .teaser {
	font-size:1.3em;
	font-family:TitilliumText14L400wt, Helvetica, Arial, Sans-Serif;
	font-family:TitilliumText22LRegular, Helvetica, Arial, sans-serif;
	text-decoration:italic;
	line-height:150%;
	text-align:left;
}

.content p {
	text-align:left;
}

.content .teaser p {
	text-align:left;
}
.content table tr td {
	font-size:75%;
}