/* SIKJM / ISJM / ISM */

/* 06.05.2011 KB: new basic styles for standard cms */
/* 27.09.2011 KB: initial */
/* 25.10.2011 PB: content styles, colors, padding, lineheights */
/* 06.02.2014 PB: a.tag */


/**
 * SIKJM Layout
------------------------------------------------- */
/* colors
----------------------------
main bg:	#f4f4f1
text color: #424242
link color: #3399ff
border gray: #ccc

footer bg: #dcdbd8
footer border: #b3b3b2
*/


/**
 * Font Faces
  ************************************************************************************* */
@font-face {
	font-family: 'DinBold';
	src: url('font/DINWeb-Bold.eot');
	src: url('font/DINWeb-Bold.eot?#iefix') format('embedded-opentype'),
	     /*url('avenilig-webfont.woff') format('woff'),*/
	     url('font/DINComp-Bold.ttf') format('truetype'),
	     url('font/avenilig-webfont.svg#AvenirRegular') format('svg');
	font-weight: normal;
	font-style: normal;

}

/**
 * General elements
 ************************************************************************************* */
body {
	background: #dcdbd8;
	color: #424242;
	font: 10px/1.1 arial,helvetica,verdana,sans-serif;
}

h1 {
	color: #424242;
	font-size: 2.2em;
	line-height: 1.3em;
	margin-bottom: 0.5em;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-bottom: 0.25em;
	font-family: 'DinBold',arial,helvetica,verdana,sans-serif;
}

h2 {
	color: inherit;
	font-size: 1.8em;
	margin-top: 1.2em;
}

h2 > em {
	display: block;
	padding-bottom: 0.2em;
	border-bottom: 1px solid 
#ccc;
	margin-bottom: 0.4em;
	font-style: normal !important;
	clear: both;
}

h3 {
	font-size: 1.3em;
}

.content h3 {
	margin-top: 1.5em;
}

h4 {
	color: #424242;
	font-weight: bold;
	font-size: 1.3em;
}

a {
	color: #3399ff;
	text-decoration: none;
}

a:hover,
span.printPage:hover {
	text-decoration: underline;
}

a:visited, a:hover {
    color: #3399ff;
}

/*
a.external:after {
    background: none;
    content: "";
    display: none;
    display: block;
    height: 1.2em;
    text-decoration: none;
    width: 0;
}


a.external {
    white-space: nowrap;
}
*/

.mobileView, {
	border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;
}

/* icons */

.ico  {
	position: relative;
	display: inline-block;
}

.ico:before,
.ico:after {
 	background: url("/medias/sikjm/style/sprite2019.png") 0 0 no-repeat transparent;
	content: '';
	display: block;
	position: absolute;
}

.ico.up:before {
	background-position: -650px 0;
}

/* facebook */

.ico.facebook:before {
	background-position: -700px -200px;
	width: 33px;
	height: 33px;
}

.ico.facebook:hover:before {
	background-position: -700px -250px;
}

/* rss */
.rssLead + p img {
	float: left;
	margin-right: 1em;
}

.ico.rss:before {
	background-position: -750px -200px;
	width: 33px;
	height: 33px;
}

.ico.rss:hover:before {
	background-position: -750px -250px;
}

/* youtube */

.ico.youtube:before {
	background-position: -802px -200px;
	width: 34px;
	height: 33px;
}

.ico.youtube:hover:before {
	background-position: -802px -250px;
}

/* .quickLink */
a.quickLink {
	color: #3399ff;
	font-size: 1.4em;
	font-weight: bold;
	padding-left: 20px;
}

.ie7 a.quickLink { /* ie7 has no arrow before */
	padding-left: 0;
}

.ico.quickLink:before {
	background-position: -800px -49px;
	width: 11px;
	height: 11px;
	left: 3px;
	top: 1px;
}

/* print */
.ico.printPage {
	padding-left: 20px;
	cursor: pointer;
	color: #0782ED;
	opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}

.ico.printPage:after {
	background-position: -550px -100px;
	width: 13px;
	height: 13px;
	top: 0;
	left: 0;
}

.ico.printPage:hover {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

/* recommendation */
.ico.mailRecommend {
	padding-left: 20px;
	cursor: pointer;
	color: #0782ED;
	opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}

.ico.mailRecommend:after {
	background-position: -600px -100px;
	width: 13px;
	height: 13px;
	top: 0;
	left: 0;
}



/**
 * layout
 ************************************************************************************* */
#bg {
	background: #F4F4F1;
	min-width: 96.6em;
}

#wrapper {
	width: 95.6em;
	border: none;
	margin:0 auto;
	padding: 2em 0 0 10px;
}

#main {
    padding-left: 0;
    padding-right: 45.8em;
    width: 49.8em;
	margin-right: 0;
	margin-bottom:0;
}

#wrapper #header {
	padding: 20px 0 30px;
    position: relative;
    z-index: 100;
   	width: 95.6em;
   	margin-right: 0;
}

#alpha {
	padding-right: 1.8em;
	padding-top: 2em;
	width: 22em;
	margin-left: -100%;
	left: 49.8em;
}

#bsitemap #alpha,
#bnutzungsbedingungen #alpha,
#bimpressum #alpha {
	display: none;	
}

.bbrecension #alpha {
	padding-right: 0;
	width: 46em;
}

#beta {
	width: 22em;
	margin: 0 0 0  -100%;
	left: 73.6em;
	padding-top: 2em;
}

#bsitemap #beta {
	left: 53.6em;
}

.content {
    width: 48em;
    padding-right: 1.8em;
}

.ie7 .content {
	z-index: 100; /* for teaser flyOut to be higher than #alpha */
}

.content > * {
	margin-left: 0;
	margin-right: 0;
}

#footer {
	margin: 0 auto;
	padding: 2em 0 1em 0;
	border-top: 1px solid #b3b2b3;
}

/**
 * header
 ************************************************************************************* */
#logoScreen {
 	background: url("/medias/sikjm/style/sprite.png") 0 0 no-repeat transparent;
 	width: auto;
 	height: 60px;
 	width: 182px;
}

#brandingTxt {
	color: #575757;
	font-size: 13px;
	font-weight: bold;
	left: 206px;
	letter-spacing: 0.02em;
	position: absolute;
	top: 67px;
}

#branding {
	top: 20px;
	height: 60px;
	left: 0;
}

.lang_fr #logoScreen {
	background-position: 0 -100px;
}

.lang_it #logoScreen {
	background-position: 0 -200px;
}

/*
.lang_it #socialMedia {
	display: none;
}
*/
.lang_it #alpha .nav > div > ul {
	border-top: none;
}
.lang_it li.itnav { 
	width: 48px !important;
}

/*
#wrapper.lang_it #header {
	width: 48.5em;
}
*/


#header #mainNavWrapper {
	z-index: 10;
}

#serviceWrapper {
	top: -50px;
}

#serviceWrapper li {
	border-left: 1px solid #cbcbcb;
	padding: 0 0.5em;
}

#header .nav ul li a {
    color: #3399ff;
    font-size: 1.3em;

}

#serviceWrapper li:first-child {
	border-left: none;
}

#serviceWrapper ul li a {
	text-decoration: underline;
}

#socialMedia {
	position:absolute;
	left: 69em;
	top: -6em;
}

#socialMedia a {
	display: block;
	float: left;
	text-indent: -99999px;
	width: 33px;
	height: 33px;
	margin-right: 10px;
}

#header #mainNav > div > ul {
	background: #ccc;
	background-image: linear-gradient(bottom, #B3B3B3 24%, #CCCCCC 62%);
	background-image: -o-linear-gradient(bottom, #B3B3B3 24%, #CCCCCC 62%);
	background-image: -moz-linear-gradient(bottom, #B3B3B3 24%, #CCCCCC 62%);
	background-image: -webkit-linear-gradient(bottom, #B3B3B3 24%, #CCCCCC 62%);
	background-image: -ms-linear-gradient(bottom, #B3B3B3 24%, #CCCCCC 62%);
	background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0.24, #B3B3B3),	color-stop(0.62, #CCCCCC));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#B3B3B3');
	overflow: visible;
	height: 3.1em;

}

/* Level 1 only */

#mainNav > div > ul li {
	border-right: 1px solid #fff;
	position: relative;
}

.ie7 #mainNav > div > ul li {
	position: static;
}

#mainNav ul li ul {background: #999;}
#mainNav ul li ul li a:hover {background: #666;}
#mainNav ul li ul li.sactive a {background: #E1E1DE !important; color: #666}

#mainNav ul li.home {
	border: 0 none;
	clip: rect(0pt, 0pt, 0pt, 0pt);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

#mainNav ul li.aboutus {
	background-image: linear-gradient(bottom, #008ac7 24%, #0099dd 62%);
	background-image: -o-linear-gradient(bottom, #008ac7 24%, #0099dd 62%);
	background-image: -moz-linear-gradient(bottom, #008ac7 24%, #0099dd 62%);
	background-image: -webkit-linear-gradient(bottom, #008ac7 24%, #0099dd 62%);
	background-image: -ms-linear-gradient(bottom, #008ac7 24%, #0099dd 62%);
	background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0.24, #008ac7),	color-stop(0.62, #0099dd));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099dd', endColorstr='#008ac7');
}
/*#mainNav ul li.aboutus ul {background: #2290E2;}
#mainNav ul li.aboutus ul li a:hover {background: #1D7BC0;}
#mainNav ul li.aboutus ul li.sactive a {background: #90C7F0 !important;}*/



#mainNav ul li.library {
	background-image: linear-gradient(bottom, #2eb8e5 24%, #33ccff 62%);
	background-image: -o-linear-gradient(bottom, #2eb8e5 24%, #33ccff 62%);
	background-image: -moz-linear-gradient(bottom, #2eb8e5 24%, #33ccff 62%);
	background-image: -webkit-linear-gradient(bottom, #2eb8e5 24%, #33ccff 62%);
	background-image: -ms-linear-gradient(bottom, #2eb8e5 24%, #33ccff 62%);
	background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0.24, #2eb8e5),	color-stop(0.62, #33ccff));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33ccff', endColorstr='#2eb8e5');
}
/*#mainNav ul li.library ul {background: #58C4F7;}
#mainNav ul li.library ul li a:hover {background: #4BA7D2;}
#mainNav ul li.library ul li.sactive a {background: #ABE1FB !important;}*/

#mainNav ul li.research {
	background-image: linear-gradient(bottom, #ab0000 24%, #bb0000 62%);
	background-image: -o-linear-gradient(bottom, #ab0000 24%, #bb0000 62%);
	background-image: -moz-linear-gradient(bottom, #ab0000 24%, #bb0000 62%);
	background-image: -webkit-linear-gradient(bottom, #ab0000 24%, #bb0000 62%);
	background-image: -ms-linear-gradient(bottom, #ab0000 24%, #bb0000 62%);
	background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0.24, #ab0000),	color-stop(0.62, #bb0000));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb0000', endColorstr='#ab0000');
}
/*#mainNav ul li.research ul {background: #C11D00;}
#mainNav ul li.research ul li a:hover {background: #A41900;}
#mainNav ul li.research ul li.sactive a {background: #E08E7F !important;}*/

#mainNav ul li.support {
	background-image: linear-gradient(bottom, #e57a00 24%, #ff8800 62%);
	background-image: -o-linear-gradient(bottom, #e57a00 24%, #ff8800 62%);
	background-image: -moz-linear-gradient(bottom, #e57a00 24%, #ff8800 62%);
	background-image: -webkit-linear-gradient(bottom, #e57a00 24%, #ff8800 62%);
	background-image: -ms-linear-gradient(bottom, #e57a00 24%, #ff8800 62%);
	background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0.24, #e57a00),	color-stop(0.62, #ff8800));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8800', endColorstr='#e57a00');
}
/*#mainNav ul li.support ul  {background: #EC7100;}
#mainNav ul li.support ul li a:hover {background: #C96000;}
#mainNav ul li.support ul li.sactive a {background: #F5B87F !important;}*/

#mainNav ul li.publication {
	background-image: linear-gradient(bottom, #e5b800 24%, #ffcc00 62%);
	background-image: -o-linear-gradient(bottom, #e5b800 24%, #ffcc00 62%);
	background-image: -moz-linear-gradient(bottom, #e5b800 24%, #ffcc00 62%);
	background-image: -webkit-linear-gradient(bottom, #e5b800 24%, #ffcc00 62%);
	background-image: -ms-linear-gradient(bottom, #e5b800 24%, #ffcc00 62%);
	background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0.24, #e5b800),	color-stop(0.62, #ffcc00));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#e5b800');
}
/*#mainNav ul li.publication ul {background: #F4AC00;}
#mainNav ul li.publication ul li a:hover {background: #D09200;}
#mainNav ul li.publication ul li.sactive a {background: #F9D57F !important;}*/

#mainNav ul li.education {
	background-image: linear-gradient(bottom, #99b800 24%, #aacc00 62%);
	background-image: -o-linear-gradient(bottom, #99b800 24%, #aacc00 62%);
	background-image: -moz-linear-gradient(bottom, #99b800 24%, #aacc00 62%);
	background-image: -webkit-linear-gradient(bottom, #99b800 24%, #aacc00 62%);
	background-image: -ms-linear-gradient(bottom, #99b800 24%, #aacc00 62%);
	background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0.24, #99b800),	color-stop(0.62, #aacc00));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aacc00', endColorstr='#99b800');
}
/*#mainNav ul li.education ul {background: #67A900;}
#mainNav ul li.education ul li a:hover {background: #589000;}
#mainNav ul li.education ul li.sactive a {background: #B3D47F !important;}*/

#mainNav ul li.culture {
	background-image: linear-gradient(bottom, #00993d 24%, #00aa44 62%);
	background-image: -o-linear-gradient(bottom, #00993d 24%, #00aa44 62%);
	background-image: -moz-linear-gradient(bottom, #00993d 24%, #00aa44 62%);
	background-image: -webkit-linear-gradient(bottom, #00993d 24%, #00aa44 62%);
	background-image: -ms-linear-gradient(bottom, #00993d 24%, #00aa44 62%);
	background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0.24, #00993d),	color-stop(0.62, #00aa44));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aa44', endColorstr='#00993d');
}
/*#mainNav ul li.culture ul {background: #197E00;}
#mainNav ul li.culture ul li a:hover {background: #156B00;}
#mainNav ul li.culture ul li.sactive a {background: #8CBE7F !important;}*/

#mainNav ul li.sikjm,
#mainNav ul li.isjm,
#mainNav ul li.ismr {
	background-image: linear-gradient(bottom, #878787 24%, #9a9a9a 62%);
	background-image: -o-linear-gradient(bottom, #878787 24%, #9a9a9a 62%);
	background-image: -moz-linear-gradient(bottom, #878787 24%, #9A9A9A 62%);
	background-image: -webkit-linear-gradient(bottom, #878787 24%, #9a9a9a 62%);
	background-image: -ms-linear-gradient(bottom, #878787 24%, #9a9a9a 62%);
	background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0.24, #878787),	color-stop(0.62, #9a9a9a));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9a9a9a', endColorstr='#878787');
}

#header #mainNav a {
	color: #fff;
	margin-left: 0;
}

#header #mainNav > div > ul > li > a {
    font-size: 1.3em;
	color: #fff;
	padding: 9px 10px 8px 10px;
	position: relative; /* tooltip */
}

#header #mainNav > div > ul > li.sactive > a,
#header #mainNav > div > ul > ul li.sopen a {
	background: none repeat scroll 0 0 #f4f4f1;
    color: #424242;
    margin-top: 4px;
    padding-top: 5px;
}

#header #mainNav > div > ul > li.sactive  li.sactive > a,
#header #mainNav > div > ul > ul li.sopen li.sactive a {
	background: rgba(255,255,255, 0.7);
	color: #424242;
}


#header nav ul li a {
	display: block;
	background-color: rgb(240,245,245);
}

#header #mainNav > div > ul > li > a em {
	display: block;
	top: -4em;
	left:-99999px;
	font-size: 0.85em;
	color: #fff;
	background: #666666;
	width: 7em;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-transition: opacity 0.25s linear;
  	-webkit-transition: opacity 0.25s linear;
  	-o-transition: opacity 0.25s linear;
	transition: opacity 0.25s linear;
	cursor: default;
	height: 2.4em;
    opacity: 0;
    padding: 0.6em 0.5em 0.5em;
    position: absolute;
    text-align: center;
    top: -4em;
    width: 6.8em;
}

#header #mainNav > div > ul > li > a:hover em {
	left: -2em;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);

}

#header #mainNav > div > ul > li a em:after {
	border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #666666;
    content: "";
    display: block;
    height: 0;
    left: 48%;
    margin: 0 auto 0 -7px;
    position: absolute;
    top: 3.2em;
    width: 0;
}

/* Level 2 only */
#header #mainNav > div > ul li ul,
.touch #header #mainNav > div > ul li:hover ul {
	position: absolute;
	top: 3.1em;
	opacity: 0;
	left: -99999px;
	z-index: 100;
	overflow: visible; /* ie7 need it */
	/*min-width: 100%;*/
	filter: none !important;
	-ms-filter:none !important;
	-moz-transition: opacity 0.25s ease-in;
  	-webkit-transition: opacity 0.25s ease-in;
  	-o-transition: opacity 0.25s ease-in;
	transition: opacity 0.25s ease-in;
}

#header #mainNav > div > ul li:hover ul {
	opacity: 1;
	left: 0;
}

#header #mainNav > div > ul li ul li {
	float: none;
	border-right:none;
}

#header #mainNav > div > ul li ul li a {
	font-weight: normal;
	border-top: 1px solid #fff;
	white-space: nowrap;
	font-size: 1.3em;
	padding-top: 6px;
}

/**
 * #breadcrumbNav
 ************************************************************************************* */
#breadcrumbNav {
	margin-top: 10px;
	font-size: 1.1em;
	width: 100%;
}

#breadcrumbNav ol {
 	overflow: hidden;
}

#breadcrumbNav ol li:before {
    content: "/\0000a0\0000a0";
}

li.currentPage {
    font-weight: normal;
}

#breadcrumbNav ol li a {
	text-decoration: underline;
}

/**
 * #quickLinkNav
 ************************************************************************************* */
#quickLinkNavWrapper {
	margin-left: 0;
	margin-right: 0;
}

#quickLinkNavWrapper .desc {
	font-size: 1.1em;
	color: #999;
	margin-bottom: 0.5em;
	display: block;
}

#quickLinkNav {
	overflow: hidden;
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 0.5em;
}

#quickLinkNav li {
 	float: left;
 	list-style-type: none;
 	margin-right: 1.75em;
}

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

/**
 * .content
 ************************************************************************************* */
.content > * {
	/*width: 48em; 	*/
}

/**
 * #alpha
 ************************************************************************************* */
#alpha h2 {
	color: #424242;
	background: #ccc;
	font-weight: bold;
	background: transparent;
	border-bottom: 1px solid #CCCCCC;
	color: #AAAAAA;
	font-size: 1.1em;
	font-weight: bold;
	margin: 15px 0 0 15px;
	padding: 5px 0 1px;
	text-align: right;
	letter-spacing: 0.02em;
}

#bhome #alpha h2 {
	margin: 0;
	padding-top: 0;
}

/*
#alpha h2 a:before {
	width: 1.5em;
	height: 1.5em;
	background-position: -750px -50px;
	left: 0;
	top: 0.1em;
}
*/

#alpha .nav > div > ul {
	border-top: 1px solid #ccc;
}

#alpha .nav > div > ul > li {
	border-bottom: 1px solid #ccc;
}

#alpha .nav > div > ul > li a {
	font-weight: bold;
	font-size: 1.3em;
	padding: 6px 0 6px 5px;
	color: #3399ff;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.3;
	letter-spacing: 0.02em;
}

#alpha .nav > div > ul > li a:hover,
#searchResultList li a:hover {
	background: #E1E1DE;
}
#alpha .nav li.sactive > a {
	color: #353434;
}

/* Level 2 */
#alpha .nav .level2 {
	margin-top: -0.5em;
	margin-bottom: 0;
}

#alpha .level2 li {
	border-top: none;
}

#alpha .nav .level2 > li > a {
	font-size: 1.3em;
	font-weight: normal;
	padding: 4px 0 5px 5px;
	margin-left: 15px;
	letter-spacing: 0;
}

#alpha .nav .level2 > li:first-child > a {
	margin-top: 5px;
	padding-top: 6px;
}
/* --- */


/**
 * news
 *********** */

div#news-1 {
	border-top: none;
}

div.news {
	border-bottom: 1px solid #CCCCCC;
	padding: 9px 0 5px 5px;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 0;
}

.newsDate {
	font-weight: normal;
	font-size: 1.1em;
	color: #9a9a9a;
}

#newsWrapper > a {
	display: block;
}

#newsWrapper a:hover{
	background-color: #E1E1DE;
	text-decoration: none;
}

#newsWrapper a.sactive h3 {
	color: #424242;
}

.newsTitle {
	line-height: 1.3em;
	margin-bottom: 0;
}

/* #searchResult */

#searchResultList {
	margin-bottom: 0;
	margin-left: 1em;
	padding-left: 2em;
}

ol#searchResultList li {
	margin-bottom:0;
	list-style: decimal outside none;
	font-size: 1em;
	line-height: 2em;
}

ul#searchResultList li {
	margin-bottom:0;
	list-style: disc outside none;
}

#searchResultList li a,
#searchResultList li span {
	display: block;
}

#searchResultList li a {
	border-top: 1px solid #CCCCCC;
	font-weight: bold;
	margin-left: -2.2em;
	padding: 6px 0 6px 2em;
}

ul#searchResultList li a {
	padding-left: 2.5em;
}

ol#searchResultList li a {
	font-size: 1.3em;
}

#searchResultList li:first-child a {
	border-top: 1px solid #424242;
}

/*
#searchResultList li a:before {
	display: block;
	content: '• ';
	float: left;
	color: #424242;
	margin-left: -1em;
}
*/

#searchResultList li a span.author {
	color: #424242;
	font-weight: normal;
}

#searchResultList li a:hover  {
	text-decoration: none;	
}

#searchResultHeader {
	position: absolute;
	right: -46em;
	top: 2em;
	width: 46em;
	z-index: 10;
}

h2.searchResultTitle,
#alpha h2.searchResultTitle {
	color: #424242;
	font-size: 1.4em;
	text-align: left;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0.5em;
	font-weight: bold;
	line-height: 1.5;
	border-bottom: none;
}

#searchResultHeader h3 {
	float: left;
	font-size: 1.2em;
	font-weight: normal;
	margin-top: 0.6em;
}

#searchResult {
	margin-top: 5.5em;
	border-bottom: 1px solid #424242;
}

.ie7 #searchResult {
	margin-top: 6.8em;
}

#resultPaging {
	float: right;
}

#resultPaging > .next,
#resultPaging > .prev {
	background: url(/medias/sikjm/style/sprite.png) no-repeat 0 0 #3399ff;
	cursor: pointer;
	height: 24px;
	text-indent: -9999em;
	white-space: nowrap;
	width: 24px;
	z-index: 10;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	display: inline-block;
	position: relative;
	top: 0em;
	
}

#resultPaging > .prev  {
	background-position: -546px 6px;
}

#resultPaging > .next {
	background-position: -595px 6px;
}

#resultPaging > span.disabled {
	opacity: 0.2 !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)" !important;
	filter: alpha(opacity=20) !important;	
	cursor: default;
}

#resultPaging > a:hover {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

#resultPages {
	display: inline-block;
	text-align: center;
	white-space: nowrap;
}

/**
 * #beta
 ************************************************************************************ */
#beta > aside {
	background: transparent;
	padding: 0;
}

#frmNewsletter #email label {
	border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;
}

#frmRecensionSearchString,
#frmNewsletterEmail,
#frmNewsletterSubscriber_email
{
	width: 13em;
	background: #fff;
	color: #9a9a9a;
	float: left;
	margin-bottom: 0.75em;
	margin-right: -25px;
	padding: 4px 2.25em 4px 3px;
	height: 1.25em;
	box-shadow: inset 3px 3px 3px -2px #CCC;
	border: 1px solid #A1D3FE;
}

:focus:-moz-placeholder {
	color: transparent;  
}

:focus::-moz-placeholder {  /* Firefox 19+ */
   color: transparent;
}

:focus::-webkit-input-placeholder {
	color: transparent;
}

:focus::-ms-input-placeholder {  
	color: transparent;
}

#frmRecensionSearchString:focus,
#frmEmailString:focus,
#frmNewsletterEmail:focus {
	border: 1px solid #3399ff;
	outline: none;
	color: #424242;
}

#frmRecensionSearch h3 {
	margin-top: 0;
	line-height: 1.3;
}

/* recensionSearch */
#frmRecensionSearch {
	background: #A1D3FE;
	margin-bottom: 1em;
}

#recensionSearchString {
	position: relative;
}

#frmRecensionSearchSubmit {
	border: none;
	background: transparent url("/medias/sikjm/style/sprite.png") -548px -46px;
	width: 20px;
	height: 20px;
	font-size: 1px;
	line-height: 1px;
	margin-top: 1px;
}

#extendetSearch {
	clear: both;
	color: #3399ff !important;
	font-size: 1.2em;
	padding-left: 1.5em;
}

#extendetSearch:before {
	width: 1.5em;
	height: 1.5em;
	background-position: -800px -98px;
	left: 0;
}

#extendetSearch:hover {
	text-decoration: underline;
}

#bookDetail .articleBar li {
	float: left;
}

#bookDetail .articleBar li.printThis {
	padding-left: 0;
	text-align: left;
}

/* newsletter */
#frmNewsletter {
	background: transparent;
	margin-bottom: 1em;
	padding: 0;
}

#frmNewsletter #email {
	padding: 1px 0;
}

#frmNewsletter #sendform {
	position: relative;	
	overflow: visible;
}

#frmNewsletter #sendform button {
	left: 163px;
	margin-left: 0;
	position: absolute;
	top: -42px;
	z-index: 50;
	text-indent: -99999px;
	background: url("/medias/sikjm/style/sprite.png") -600px -47px white;
	width: 20px;
	height: 22px;
	padding: 0.1em;	
}

#frmNewsletter #sendform button:after {
	display: none;	
}

.ie7 #frmNewsletter #sendform button {
	top: -34px;
}

.ie8 #frmNewsletter #sendform button {
	top: -43px;
}

.ie9 #frmNewsletter #sendform button {
	top: -42px;
}

/* hidden mailtext */
#frmFsMailtext {
	display: none;
}

/**
 * #footer
 ************************************************************************************ */
#footer > * {
	font-size: 1.1em;
}

#footer .copy,
#footerNavWrapper {
	color: #9a9a9a;
	margin: 0 auto 1em auto;
	position: relative;
	width: 87em;
}

.validation,
.development {
	color: #F4F4F1;
    display: block;
    height: 1em;
    opacity: 0;
    overflow: hidden;
    width: 20px;
    position: absolute;
  }

.ie7 .validation,
.ie7 .development,
.ie8 .validation,
.ie8 .development,
.ie9 .validation,
.ie9 .development {
	display: none;
}

span.cms {
	float:right;
	text-align: right;
	line-height: 1.6em;
}

#szClaim {
	position: absolute;
	right: 0;
	top: -1em;
}

.ie7 #szClaim {
    right: auto;
}

#szClaim a {
	color: #bbb !important;
}

.print.addressBox {
	/* visuallyhidden */
	border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;
}

/**
 * RIO Freedoc Modules
 ************************************************************************************* */

/* standard */
p.fd {
	font-size: 1.3em;
	padding: 0.2em 0;
	margin-bottom: 0.6em;
}

.fd li,
.fd dt,
.fd dd {
	font-size: 1.3em;
	padding: 0;
	line-height: 1.5em;
}

.fd li ul li {
	font-size: 1em;
}

ul.fd {
	margin-bottom: 0.6em;
}

.content ul.fd {
	list-style-type: disc;
	padding-left: 2em;
	overflow: hidden;
}

ol.fd {
	padding-left: 2em;
}

.ie7 ol.fd {
	padding-left: 2.5em;
}

.content ul.fd ul {
	margin-left: 0;
	margin-top: 0.25em;
}

.fd li a,
.fd span {
	font-size: 1em;
}

img.fd {
	margin-bottom: 1.5em;
}

p, p.fd  {
	line-height: 1.5em;
}

img.ir {
    margin-left: 1.8em;
    margin-top: 0.7em;
}
img.il {
    margin-right: 1.8em;
    margin-top: 0.7em;
}

/* table */

table.fd th,
table.fd td {
	font-size: 1.3em;
    line-height: 1.5;
	padding: 0.5em 0.75em;
	font-family: arial;
	text-align: left;
}

table.fd th {
	border-bottom: 1px solid #000;
}

.tbl8.fd,
.tbl8.fd td {
	border: none;
}

.tbl8.fd td {
	padding: 0.3em 1em 0.75em 0;
}

.tbl8 th:first-child,
.tbl8 td:first-child,
.tbl th:first-child,
.tbl td:first-child {
	padding-left: 0;
}

/* fline */
.fline {
	border-top: 1px solid #cbcbcb;
	height: 1px;
	margin-bottom: 1.3em;
	margin-top: -1em;
}

/* addressBox */
.addressBox {
	margin-bottom: 1em;
}

.addressBox p {
	margin-bottom: 0;
	padding: 0;
}

.addressBox h2,
.addressBox h3,
.addressBox h4 {
	margin-top: 1em;
}

/* pictureBox */
.pictureBox {
    width: 48em;
	overflow: hidden;
}

.pictureBox + p:after {
	content: '';
	clear: both;
	float: none;
	display: block;
}

.pictureBox.right,
.pictureBox.left {
	width: 20em;
	width: 20em;
}

.pictureBox.left {
    margin-right: 1.8em;
    float: left;
}

.pictureBox.right {
    margin-right: 1.8em;
    float: right;
}

.ie7 .pictureBox.right + p,
.ie7 .pictureBox.left + p {
	overflow: hidden;
}

.pictureBox img {
	margin-bottom: 0.5em;
	padding-top: 0.5em;
}

.pictureBox p {
	font-size: 1.1em;
	border-bottom: 1px solid #CBCBCB;
	padding-bottom: 0.5em;
}

.pictureBox.left + p,
.pictureBox.right + p {
	padding-top: 0;
}

.pictureBox p > a.piclink {
	margin-bottom: -2em;
	display: block;
}

.pictureBox p > a.piclink:after {
	display: none;
}

/* linkBox */
.linkBox {
	border-top: 1px solid #aaa;
	text-align: right;
	padding-top: 3px;
}

#searchResult + .linkBox {
	border-top: none;
}

.linkBox.back {
	text-align: left;
}

.linkBox a {
	color: #fff;
	padding: 0.3em 2.5em 0.3em 0.5em;
	background-color: #3399FF;
	font-weight: bold;
	display: inline-block;
	position: relative;
	-moz-transition: background-color 0.25s ease-in;
  	-webkit-transition: background-color 0.25s ease-in;
  	-o-transition: background-color 0.25s ease-in;
}

.linkBox.back a {
	padding: 0.3em 0.5em 0.3em 2.5em;
}

.linkBox a:hover {
	background-color: #2480D1;
  	text-decoration: none;
}

.linkBox a:after {
	display: inline-block;
	content: '';
	width: 1.5em;
	height: 2em;
	position: absolute;
	right: 0;
	top: 0;
	background: url("/medias/sikjm/style/sprite.png") -600px 8px transparent;
}

.linkBox.back a:before {
	display: inline-block;
	content: '';
	width: 1.5em;
	height: 2em;
	position: absolute;
	left: 0;
	top: 0;
	background: url("/medias/sikjm/style/sprite.png") -546px 8px transparent;
}

.linkBox.back a:after {
	display: none;
}

.collapseBox .linkBox {
	text-align: left;
	border-top: none;
	float: left;
	margin-right: 1%;
	min-width: 47.5%;
}

.collapseBox .linkBox a {
	padding-right: 0.5em;
}

.collapseBox .linkBox a:after {
	display: none;
}

/* infobox */
div.infobox {
	background: #fff !important;
	padding: 1em 1em 1px 1em;
	margin-bottom: 1.3em;
}

.infobox h2{
	font-weight: bold;
}

div.infobox p {
	margin-bottom: 0.75em;
	padding: 0;
}

/* color boxes (.grayBox, .blueBox) */
.darkGrayBox,
.grayBox,
.blueBox,
.whiteBox {
	margin-bottom: 1em;
	padding: 1em 1em 1px 1em; /* every child element should have margin-bottom */
	overflow: hidden;
}

.darkGrayBox h2,
.grayBox h2,
.blueBox h2,
.whiteBox h2 {
	margin-top: 0;
}

.darkGrayBox h3,
.grayBox h3,
.blueBox h3,
.whiteBox h3 {
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 0;
	line-height: 1.3;
}

.darkGrayBox a,
.grayBox a,
.blueBox a,
.whiteBox a {
	/*display: block;
	overflow: hidden;*/
	color: #3399ff;
}

.darkGrayBox {
	background-color: #C7C7C7;
}

.grayBox {
	background-color: #E1E1DE;
}

.blueBox {
	background-color: #CFE8FE;
}

.whiteBox {
	background-color: #fff;
}

.grayBox img,
.blueBox img {
	width: 70px;
	height: auto;
	float: left;
	margin: 0.5em 0.9em 1em auto;
}

.grayBox img:after,
.blueBox img:after {
	content:'';
	clear: both;
	float: none;
}

.grayBox p,
.blueBox p {
	line-height: 1.3;
	margin-bottom: 0.75em;
	padding: 0;
	color: #424242;
	font-size: 1.2em;
}

.grayBox a:hover,
.blueBox a:hover {
	text-decoration: none;
}

.grayBox h2 a:hover,
.grayBox h3 a:hover,
.grayBox h4 a:hover,
.blueBox h2 a:hover,
.blueBox h3 a:hover,
.blueBox h4 a:hover {
	text-decoration: underline;
}

/* downloadBox */
.downloadBox ul {
	margin: 0;
	padding: 0 !important;
}

.downloadBox li {
	float: left;
	width: 150px;
	height: 150px;
	margin-left: 15px;
	margin-bottom: 15px !important;
	text-align: center;
	overflow: hidden;
	background: #eee;
	list-style-type: none;
}

.downloadBox li:nth-child(3n+1) {
	margin-left: 0;
}

.ie7 .downloadBox li,
.ie8 .downloadBox li {
	margin-left: 5px !important;
	margin-right: 5px !important;
}

.downloadBox li img {
	display: block;
	vertical-align: middle;
	max-width: 150px;
}
/* --- */

/* collapseBox */
.collapseBox {
	padding: 0.75em 1em 1px 1em;
	background: #fff;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	-moz-transition: height 0.25s;
	-webkit-transition: height 0.25s;
	-o-transition: height 0.25s;
	transition: height 0.25s;
	overflow: hidden;
	margin-bottom: 0;
}

.collapseBox + .collapseBox {
	border-top: none;
}

.collapseBox > h2,
.collapseBox > h3 {
	background: transparent;
	position: relative;
	padding: 0 2em 0.3em 0;
	color: #3399ff;
	font-weight: bold;
	margin-top: 0;
	font-size: 1.3em;
	line-height: 1.3;
}

.collapseBox > h2:after {
	content: '';
	width: 1em;
	height: 1em;
	background: transparent	url("/medias/sikjm/style/sprite.png") no-repeat scroll -600px -200px;
	display: inline-block;
	position: absolute;
	top: 0.2em;
	right: 0;
}

.collapseBox.active > h2 {
	color: #424242;
}

.collapseBox.active > h2:after {
	background-position: -550px -200px;
}

.collapseBox p,
.collapseBox ul {
	margin-bottom: 1.3em;	
}

/* --- */

/* personBox */
.personBox {
	min-height: 150px;
	margin-bottom: 1em;
	position: relative;
}

.collapseBox .personBox {
	min-height: 120px;
}

.personBox:after {
	content:'';
	clear: both;
	float: none;
}

.personBox img {
	margin-left: 0;
	margin-right: 1em;
	float: left;
}

.collapseBox .personBox img {
	position: absolute;
	left: 0;
	top: 0;
	width: 150px;
	height: auto;
	margin: 0;
}

.collapseBox .personBox > * {
	margin-left: 165px;
}

.personBox p {
	margin-bottom: 0;
	padding: 0;
}

.personBox a {
	font-weight: bold;
}

.personBox a[href^="mailto:"] {
	font-weight: normal;
}
/* --- */

/* PDF link */
a[href$='.pdf']:after {
	content: 'PDF';
	color: #bababa;
	font-size: 0.77em;
	text-decoration: none;
	background-image: none;
	display: inline-block;
	position: relative;
	right: -0.5em;
}

a[href$='.pdf']:hover:after {
	text-decoration: none;
}

a[href$='.pdf'] {
/*	position: relative;*/
}

a[href$='.pdf'].ico:after {
	right: -10px;
	top: 0.3em;
	position: absolute;
}

.ie8 a[href$='.pdf'].ico:after {
	top: 0.5em;
}


/**
 * RIO Freedoc Forms
 ************************************************************************************* */
div.xForm {
	padding: 1px; /* outline on focus */
	margin-top: 2em;
	background: transparent;
}

h1 + form > #frm {
	margin-top: 0;
}

div.xForm > div {
	margin-bottom: 1em;
}

.xForm input, .xForm textarea, .xForm select {
	background: #FDFDFD;
	display: block; /* new 09.01.2013 */
	border: 1px solid #e1e1e1;
}

.xForm input.radio {
	display: inline;
	background: transparent;
	transform: translateY(-0.01em) !important;
}

.xForm input:focus, .xForm textarea:focus, .xForm select:focus {
	background: #FDFDFD;
}

div.warning {
	padding: 1em;
}

div.warning,
.xForm label,
.xForm .label {
	font-size: 1.3em;
	float: none;
	display: inline-block; /* new 09.01.2013 block */;
	width: auto;
}

.xForm input[type="radio"] + label,
.xForm input[type="checkbox"] + label {
	padding-right: 1.5em;
}

#gender .label,
#gender2 .label {
	width: 100%;
}
#gender label,
#gender2 label {
	padding-left: 0.5em;
}


div.warning > *,
.xForm legend > *,
.xForm label > * {
	font-size: 1em;
}

div.required {
	background: transparent;
}

.xForm input:focus,
.xForm select:focus,
.xForm textarea:focus {
	outline: 1px solid #3399ff;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.xForm #captcha label {
	padding-top: 0;
}

#captcha div img {
	float: left;
	margin-right: 10px;
}

#captcha div img + input[type="text"]{
	font-size: 29px;
	width: 110px;
}

.xForm button[type="submit"] {
	color: #fff;
	font-size: 1.3em;
	padding: 0.5em 1em;
	margin-left: 0;
	background: none #3292E0;
	font-weight: bold;
	display: inline-block;
	position: relative;
 	border-radius: 0;
 	border: none;
	-moz-border-radius: 0;
 	-moz-box-shadow: none;
	box-shadow: none;
}

.xForm button[type="submit"]:hover {
	background-color: #2480D1;
}

.xForm button[type="submit"]:active {
	background-color: #206AA5;
	/*
	-moz-box-shadow:none;
	box-shadow: none;
	-moz-box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.8);
	box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.8);
	*/
}

.xForm input[type="radio"] {
	margin-left: 0;
}

.xForm #xFormInfo {
	/* visuallyhidden */
	border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;
}

.xForm fieldset {
	margin-bottom: 1.5em;
}

.xForm legend {
	color: #424242;
	background: transparent;
	font-weight: bold;
	border-bottom: none;
	font-size: 1.3em;
	margin-bottom: 0.5em;
	/*
	border-bottom: 1px solid #b0b0b0;
	padding-bottom: 8px;
	max-width: 90%
	*/
}

#frmEmailSubmit,
#sendform button {
	border: none;
	padding-right: 2.5em;
	background-color: #3399ff;
	background-image: none;
	position: relative;
	border-radius: 0;
	text-shadow: none;
	box-shadow: none; /*1px 1px 0px 0 rgba(0, 0, 0, 0.4);*/
	-moz-transition: background-color 0.2s;
  	-webkit-transition: background-color 0.2s;
  	-o-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

#frmEmailSubmit:hover,
#sendform button:hover {
	background-color: #1588EE;
}

#frmEmailSubmit:active,
#sendform button:active {
	opacity: 0.95;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity=95);
}

#frmEmailSubmit:after,
#sendform button:after {
	display: inline-block;
	content: '';
	width: 1.5em;
	height: 2em;
	position: absolute;
	right: 0.25em;
	top: 0.1em;
	background: url("/medias/sikjm/style/sprite.png") -600px 8px transparent;
}

.asistance {
	font-size: 1.1em;
	display: inline-block;
}

/* Erzählnacht */
#plakat,
#card {
	width: 115px;
	float: left;
}
#wrapper.lang_fr #plakat,
#wrapper.lang_fr #card {
	width: 135px;
}

#plakatEnd,
#cardEnd{
    clear: none;
    float: left;
    margin-top: 0.5em;
}

#plakat label,
#card label {
	width: 75px;
	float: left;	
}
#wrapper.lang_fr #plakat label,
#wrapper.lang_fr #card label {
	width: 95px;
}

#frmPlakat,
#frmCard {
	width: 20px;
}

#plakatTitle span,
#cardTitle span {
	margin-bottom: 0;	
}

#frmFsPublish span.label {
	width: 100%;	
}

#publishing {
	margin-left: 10em;
    margin-top: -3.5em;
}

#publishing span {
	display: block;
}

#publishing span.label {
	display: none;
}

#publishing span input {
	display: inline;
}
/*


#frmZip {
	width: 300px;
}

#zip {
	float:none;
	width: auto;
}
*/

#bsupport #zip {
	float:left;
	width: 50px;
}
#bsupport .lang_fr #zip {
	width: 105px;
}
#bsupport .lang_it #zip {
	width: 75px;
}

#bsupport #frmZip {
	width: 50px;
}
#bsupport .lang_fr #frmZip {
	width: 95px;
}
#bsupport .lang_it #frmZip {
	width: 65px;
}

#city {
	clear: none;
	float: left;
	width: 253px;
}
#bsupport .lang_fr #city {
	width: 198px;
}
#bsupport .lang_it #city {
	width: 230px;
}

#frmCity {
	width: 253px;
}
#bsupport .lang_fr #frmCity {
	width: 188px;
}
#bsupport .lang_it #frmCity {
	width: 218px;
}
/* --- */

/* Buch&Maus Einzelheftbestellung */
#releaseNo,
#releaseYear {
	width: 105px;
	clear: none;
}

#releaseNo {
	float: left;
}

#releaseNo select,
#releaseYear select {
	width: auto;
}

/* --- */

/* Event Anmeldung form 
 ***************************************************** */
#frmFsCost {
	position: relative;
}

#customerType > span,
#reservationType > span,
#confirmation > span,
#accommodation > span,
#conditions > span {
	float: none;
	clear: both;
	display: block;
	margin-bottom: 1em;
}
#customerType > span.label,
#reservationType > span.label,
#confirmation > span.label,
#accommodation > span.label,
#conditions > span.label {
	display: none;
}

#customerType label,
#reservationType label,
#confirmation label,
#accommodation label,
#conditions label {
	display: inline;
}

#customerType input,
#reservationType input,
#confirmation input,
#accommodation input,
#conditions input {
	margin-bottom: 1.25em;
	float: left;
	margin-right: 0.5em;
}


.notset {
	vertical-align: -webkit-baseline-middle;
}


#reservationType .notset:last-child input {
	margin-bottom: 2.5em;
}
#frmReservationInfo {
	margin: -26px 0 25px 20px;
}
#frmReservationInfo legend {
	font-weight: normal;
}

#frmFsWorkshops .label {
	width: auto;	
}

#myWorkshops .label,
#myWorkshops2 .label {
	width: 100%;
}

#myWorkshops input,
#myWorkshops2 input {
	display: inline-block;
}

#myWorkshops input[type="checkbox"] + label,
#myWorkshops2 input[type="checkbox"] + label {
    padding-right: 1em;
}

#myWorkshops.required label,
#myWorkshops2.required label {
	color: #424242;
}

#myWorkshops.required label:before,
#myWorkshops2.required label:before {
	display: none;
}

#customerType span:first-child + span {
	height: 9em;
}

#autillus {
	left: 2em;
	position: absolute;
	top: 4.5em;
}

#memberType span.label {
	width: 100%;	
}

#memberType label {
	vertical-align: top;
	width: 80%;
	padding-top: 2px;
}

#memberNo {
	left: 4em;
    position: relative;
    top: -12.7em;
    width: 75%;
    margin-bottom: -2em;
}
#wrapper.lang_fr #memberNo {
    left: 4.5em;
    top: -10em;
}
#wrapper.lang_it #memberNo {
    left: 3.8em;
    top: -10em;
}
    
#memberNo label {
	width: 175px;
	float: left;
}
#wrapper.lang_it #memberNo label {
	width: 185px;
}

#frmMemberNo {
	width: 90px;	
}

 /* --- */
 
 /* Member Anmeldung */
#memberType span {
	display: block;
	float: none;
}

/* formtest styles for manuel design */
#formtest div.warning,
#formtest .xForm label,
#formtest .xForm .label {
	display: inline-block;
	float: left;
	font-size: 1.3em;
	margin-right: 1em;
	text-align: right;
	width: 33%;
}

#formtest .xForm input,
#formtest .xForm textarea,
#formtest .xForm select {
	background: none repeat scroll 0 0 #FDFDFD;
	border: 1px solid #E1E1E1;
	display: block;
	width: 60%;
}

#formtest .memberType input {
	margin-left: 36%;
}

#formtest .xForm input.radio {
	display: inline;
	margin-top: 6px;
	background: transparent;
}

.ie8 #formtest .xForm input.radio {
	margin-top: 3px;
}

/* new */
#formtest #memberType span + span {
	margin-left: 36%;
}

#formtest #sendform {
	text-align: right;
}

#formtest #captcha div img + input[type="text"] {
	font-size: 29px;
	width: 105px;
}

/* --- */

/* Veranstaltungsliste */

.bbveranstaltungsliste #alpha,
.bbveranstaltungsliste #beta {
	display: none;
}

.bbveranstaltungsliste #main {
	width: auto;
	padding: 0;
}

.bbveranstaltungsliste .content {
	width: 100%;
}

#erzaehlnacht {
	table-layout: fixed;
}


#erzaehlnacht th,
#erzaehlnacht td {
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-size: 1.2em;
	word-wrap:break-word;
}

#erzaehlnacht th {
	word-wrap:normal;
	/*white-space: nowrap;*/
}

#erzaehlnacht tr:nth-child(2n+1) td {
	background: #EFEFEF;
}

#erzaehlnacht .canton {
    width: 4%;
    text-align: center;
}

#erzaehlnacht th.city {
    width: 12%;
}

#erzaehlnacht th.location {
    width: 12%;
}

#erzaehlnacht th.street {
    width: 12%;
}


#erzaehlnacht th.starttime {
    width: 12%;
}

#erzaehlnacht th.description {
    width: 22%;
}

#erzaehlnacht th.targetAudience {
    width: 15%;
}

#erzaehlnacht th.public {
    width: 6%;
}

#erzaehlnacht .contact {
    width: 14%;
    padding-right: 3px;
}
/* Recension Results */
#frmSort {
	overflow: hidden;
	width: 100%;
	border-top: 1px solid #ccc;
}

#frmSort input {
	display: block;
	float: left;
	margin-top: 0.6em;
	margin-left: 1em;
}

.ie7 #frmSort input,
.ie8 #frmSort input,
.ie9 #frmSort input {
	margin-top: 0.3em;
}

.ie9 #frmSort label {
	margin-top: 0.6em;
}

#frmSort #frmDateSort {
	margin-left: 1.2em;
}

#frmSort label {
	float: left;
	font-size: 1.2em;
	margin-top: 0.5em;
}
/* --- */
/*
 addthis
 ***************************************************** */
.at300bs {
	display: none !important;
}

/*
 .articleBar (print, mail recommendation, ilike)
 ***************************************************** */
.articleBar {
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	margin: -0.25em 0 1em 0;
	height: 2.3em; /* fix height for facebook-iframe insert via js */
}

.articleBar li {
	float: right;
	font-size: 1.1em;
	list-style-type: none;
	padding-left: 1.5em;
	padding-top: 3px;
	margin-bottom: 3px;
	line-height: 1.2em;
}

li.articleDate {
	float: left;
	padding-left: 0;
	color: #9a9a9a;
}

li.facebook {
	width: 120px;
	padding-top: 0;
}

li.facebook iframe {
	 width: 115px;
}

li.addthisEmail {
	width: auto;
}

li.printThis {
	width: auto;
}

/* Rezessionsdatenbank */

#abcList {
	overflow: hidden;
	margin:0;
}

#abcList li {
	list-style-type: none;
	float: left;
}

#abcList li a {
	color: #3399FF;
	display: block;
	font-weight: bold;
	padding: 5px 8px;
	text-transform: uppercase;
	font-size: 1.2em;
	padding: 4px 4px 3px 5px;
}

#abcList li a:hover {
	background: #E1E1DE;
	text-decoration: none;
}

#abcList li.sactive a {
	background: #3399ff;
	color: #fff;
}

#abcList li.noResult {
	display: none;
}

/* bookdetail */
#bookCover {
	float: left;
	margin-right: 1em;
	width: 150px;
}

#bookDetail dl {
	width:66%;
	overflow:hidden;
}

#bookDetail dt {
	float:left;
	width:28%; /* adjust the width; make sure the total of both is 100% */
	text-align: right;
	padding-right: 0.5em;
}

#bookDetail dd {
	float:left;
	width:69%; /* adjust the width; make sure the total of both is 100% */
}

.recension {
	clear: both;
	padding-top: 1px;
}
#tagTitle { margin-top: 10px; }
#tagValue { margin-top: 10px; }
a.tag { 
	background: #ff8800;
	color: #fff;
	padding: 1px 4px;
	line-height: 20px;
	display: inline-block;
	height: 18px;
  	text-decoration: none;
 	color: #fff;
	}
a.tag:hover { 
	background: #e57a00;
	color: #fff;
	padding: 1px 4px;
	line-height: 20px;
	display: inline-block;
	height: 18px;
  	text-decoration: none;
 	color: #fff;
	}
 	
/*
.tag:before {
	content:"";
	float:left;
	position:absolute;
	top:0;
	left:-10px;
	width:0;
	height:0;
	border-color:transparent #F4AB6F transparent transparent;
	border-style:solid;
	border-width:10px 10px 10px 0;		
	}

*/



/* --- */
/*
 sitemap
 ***************************************************** */
.sitemap {
	margin-top: 2em;
}

.sitemap ul {
	margin-left: 0;
}

.content #sitemapNav > div > ul > li {
	float: none;
	clear: both;
	width: auto;
}

#sitemapNav > div > ul > li a {
	display: inline-block;
	margin: 0.2em 0;
	color: #424242;
	font-size: 1.3em;
}

#sitemapNav > div > ul > li > a {
	font-size: 1.4em;
	margin-bottom: 0.4em;
}


.content #sitemapNav > div > ul > li a:hover {
	color: #3399ff;
}

/* Level 2 */
#sitemapNav > div > ul > li > div > ul > li {
	margin-bottom: 1em;
}

#sitemapNav > div > ul > li > div > ul > li:before { 
	display: none;
}

#sitemapNav > div > ul > li > div > ul > li > div > ul > li:before { /* Level 3 */
	float: left;
	margin-right: 0.5em;
	font-weight: bold;
	font-size: 1.5em;
}

#sitemapNav > div > ul > li > div > ul > li > div > ul > li {
	text-indent: -0.15em;
	margin-left: 13px;
}

#sitemapNav > div > ul > li > div > ul > li > div > ul > li a {
	padding-left: 0.5em;
}

#bsitemap .content {
	width: 68em;
}

#bsitemap .content h2 {
	display: none;
}

/* slimbox (image gallery popup
 ***************************************************** */
 #lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: red url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: red url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: red url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: red url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

.fd em {
	font-style: italic;	
}

/* sikjm syntax styles
 ***************************************************** */
table.tbl3 th,
table.tbl5 th {
	background: transparent;
}

table.tbl3 tr:nth-child(2n+1) td,
table.tbl4 tr:nth-child(2n) td {
	background: none repeat scroll 0 0 #CFE8FE;
}

table.tbl5 th {
	border-left: none;
}

.bbsyntax .tbl1 { width: 690px; }
.bbsyntax th.th1 { width: 300px; }
.bbsyntax th.th2 { width: 180px; }
.bbsyntax pre { width: 670px; margin-bottom: 20px; }
.bbsyntax p+pre { margin-top: 5px; }
.bbsyntax p.boxalert { padding: 1em; background: #e0e0e0; color: #556; }

.box9 {
	padding: 2px 10px !important;
	display: inline;
	background: #dcb;
	border-radius: 10px 10px 0 0;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
/*
	#wrapper {
		transform: scale(0.5,auto);
		-ms-transform: scale(2,4);
		-webkit-transform: scale(0.78) translate(3%,-15%);
		-o-transform: scale(2,4);
		-moz-transform: scale(2,4);
	}
*/
}



/**
 * Print styles.
 *
 */
@media print {
	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
	-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
	a, a:visited { color: #444 !important; text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")";}
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }	/* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
	tr, img { page-break-inside: avoid; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }
	
	/*  
	---- hiding elements  --------------------------- */
	#navTools,
	#header,
	.nav.start,
	#alpha,
	#beta,
	#navAlpha,	
	#logolink,
	#logoScreen,
	#socialNav,
	#brandingTxt,
	#szClaim,
	#footerNavWrapper,
	#quickLinkNavWrapper,
	.articleBar {
		display: none;
		border: 0 none;
		clip: rect(0pt, 0pt, 0pt, 0pt);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	
	/*
	---- show special print elements  --------------------------- */
	.mediaPrint {
		position: static;
		left: 0;
		display: block;
		margin: 0;
		padding: 0;
	}
	
	#logoPrint {
		width: 10cm;
		margin-top: 0.75cm;
	}
	
	/*
	---- layout  --------------------------- */
	body,
	#wrapper,
	#main,
	#branding,
/*	#colWrapper,
*/	
	#footer {
		width: 15cm; /* {width: 842px; equivalent to A4  margin: 0; }*/
		min-width: 15cm;
		max-width: 15cm;
		margin: 0 !important;
		padding: 0 0 0 0 !important;
		min-height: 1cm;
		overflow: visible;
		background-image: none;
		background-color: white;
		float: none;
		color: #000;
		font-family: Arial, Helvetica, Verdana , sans-serif;
		line-height: 10pt;
		position: static;
	}
	
	body {
		padding-left: 1cm !important;
	}
	
	#wrapper {
		margin-bottom: 1cm;
		border-bottom: none;
		padding-left: 0 !important;
	}
	
	#main {
		margin-top: 1cm !important;
	}
	
	.content {
		width: 100%;
		min-width: auto;
		margin: 0 !important;
		padding: 0 !important;
		min-height: 1cm;
		overflow: hidden;
		background-image: none;
		float: none;
		color: #000;
		font-family: Arial, Helvetica, Verdana , sans-serif;
		line-height: 10pt;
		position: static;
	}
	
	#footer {
		border-top: 0.5pt solid #000;
		color: #555 !important;
		padding-top: 0.3cm !important;
		height: 1cm;
	}
	
	#footer .copy {
		width: auto;
		min-width: auto;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden;
	}
	
	.print.addressBox {
		display: block;
		width: auto;
		height: auto;
		overflow: visible;
		font-family: arial, Helvetica,sans-serif;
		margin: 1.5cm 0 0 0;
		position: static;
		clip: auto;
		letter-spacing: 0.02em;
		line-height: 1.3;
	}

	#impressum {
		border-top: 1pt solid #ccc;
		clear: both;
		float: none;	
	}
	
	@page :left {
		margin: 1.5cm;
	}
	
	@page :right {
		margin: 0.8cm;
	}
	
	/*
	---- .content ---------------------------------- */ 
	p {
		color: #000;
		font-size: 10pt;
	}
	
	p a {
		word-wrap: break-word;
	}	
	
	img {
		max-width: 17cm;
	}
	
	.grayBox,
	.infobox  {
		border: 0.5pt solid #ccc;	
		width: 16cm;
	}
	
	.blueBox {
		border: 0.5pt solid #3399ff;	
		width: 16cm;
	}	
	
	/* debug styles 

	#main {background: pink !important;}	
	body {background-color: yellow !important; outline: 1px solid orange !important;}
	#colWrapper { background-color: pink !important;}
	.content {	background-color: orange !important;}
	#footer {background: cyan !important;}
	#branding {	background-color: pink !important;}
	#logoScreen {background-color: red !important;}	
	*/
	
}





/**
 * SampleZone Debug Styles
 */
/*
body {
	background: rgb(240,240,240);
}
*/
/*
#wrapper {
	background: rgb(255,255,255);
}
*/
/*
#header {
	background: rgb(240,240,240);
}
/*
#main {
	background: rgb(200,245,200);
}
 */

/*
#alpha {
	background: pink;
}
*/

/* debug */