/* @override 
	http://dev.cytolon-new.glutrot.de/fileadmin/templates/additions/main.css
	http://www.cytolon.com/fileadmin/templates/additions/main.css
*/

* {
	font-size: 12px;
	font-family: Helvetica, Arial;
	/*font-family: "Lucida Grande", Lucida, Tahoma, Verdana;*/	
}

body {
	background-image: url("/fileadmin/templates/images/system/professionals_background.jpg");
	background-repeat: no-repeat;
	/*background-color: #e1e1e1;*/
	/*background-color: #13191b;*/
	background-color: #1a2225;
	background-attachment: fixed;
	text-align: center;
	font-size:  1em;
}

body.menu_healthcareprofessionals {
	background-image: url("/fileadmin/templates/images/system/professionals_background.jpg");
	background-repeat: no-repeat; 
}

body.menu_patientsampfamilies {
	background-image: url("/fileadmin/templates/images/system/patients_background.jpg");
	background-repeat: no-repeat;
}

body.menu_thecompany {
	background-image: url("/fileadmin/templates/images/system/press_background.jpg");
	background-repeat: no-repeat;
}

a {
	color: #006ab3;
	text-decoration: none;
}

a:hover {
	color: 93117e;
}

a:focus {
	outline: none;
}

#container {
	width: 80em;
	min-height: 55em;
	height:auto !important;
	height: 55em;
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid transparent;
	background-image: url("/fileadmin/templates/images/system/header.png");
	background-repeat: no-repeat;
	background-color: #a1a1a1;
	/*box-shadow: 0em 0em 8em #13191b;*/
	box-shadow: 0em 0em 3em rgba(19,25,27,0.95);
	-moz-box-shadow: 0em 0em 3em rgba(19,25,27,0.95);
	-webkit-box-shadow: 0em 0em 3em rgba(19,25,27,0.95);
	
	border-radius: 1em 1em;
	-webkit-border-radius: 1em 1em;
	-moz-border-radius: 1em 1em;
}

#top {
	margin-top: 2em;
	padding-left: 2em;
	text-align: left;
	height: 11em;
}

#topmaincontent {
	margin-top: 2em;
	padding-left: 2em;
	text-align: left;
	height: 8em;
}

#topmaincontent img,
#top img {
	border:none;	
}

#top img {
	vertical-align: top;
}

#top p.claim {
	text-indent: -5em;
	display: inline-block;
	width: 8em;
	padding: 0em;
	margin-bottom: 0em;
	margin-right: 0em;
	margin-top: 0.1em;
	margin-left: 6.9em;
	font-family: Georgia,"Times New Roman",serif;
	line-height: 0.9em;
	font-size: 3.5em;
	color: white;
	vertical-align: 2em;
	text-shadow: 0.1em 0.1em 0.2em gray;
}

#introcloud {
	position: absolute;
	display: none;
	margin-left: 20em;
    margin-top: 6em;
	color: whitesmoke;
	padding: 0.5em;
	text-align: justify;
	width: 34em;
	
	/*
	width: 36em;
	text-align: left;
	border: 1px solid silver;
	border-radius: 8px 8px;
	-webkit-border-radius: 8px 8px;
	-moz-border-radius: 8px 8px;
	*/
	
    z-index: 1;
}

#introcloud p {
    /*font-size: 1.4em;*/
    font-size: 1.5em;
}



/* @group start page navigation */
.navigationcontainer {
	width: 90%;
	margin-left: 2em;
	margin-bottom: 2em;
	height: 107px;
	text-align: left;
	border-radius: 0.5em 0.5em;
	-webkit-border-radius: 0.5em 0.5em;
	-moz-border-radius: 0.5em 0.5em;
	overflow: hidden;
}

.link {
	display: none;	
}

.navigationcontainer img {

}

.navigation {
	position: relative;
	opacity: 0.9;
	margin-left: 8.2em;
	padding-left: 2em;
	display: block;
	height: 9em;
	width: 58em;
	left: 0;
	background-color: #444444;
	color: white;
	z-index: 3;
	border-top-right-radius: 0.5em 0.5em;
	border-bottom-right-radius: 0.5em 0.5em;
	-webkit-border-top-right-radius: 0.5em 0.5em;
	-webkit-border-bottom-right-radius: 0.5em 0.5em;
	-moz-border-radius-topright: 0.5em 0.5em;
	-moz-border-radius-bottomright: 0.5em 0.5em;
}


.navigation ul {
	list-style-type: none;
	list-style-position: outside;
	padding: 0;
	margin: 0;
}

.navigation li a{
	display: block;
	color: white;
	text-decoration: none;
	margin: 0;
	padding: 0;
	padding-left: 0.4em;
	width: 96%;
	padding-top: 0.2em;
	font-family: Georgia,"Times New Roman",serif;
	font-weight: normal;
	font-size: 2em;
}

.navigation li a:hover {
	color: grey;
}



/*.menu_healthcareprofessionals div.navigationcontainer a:hover {
	background-color: #970081;
}

.menu_patientsfamilies div.navigationcontainer a:hover {
	background-color: #006DB1;
}

.menu_thecompany div.navigationcontainer a:hover {
	/*background-color: #f29526;
	background-color: #F6A924;
}*/


/*.icon {
	z-index: 0;
	-webkit-box-reflect: right 3px -webkit-gradient(linear, left top, right top, from(transparent), color-stop(0.4, black), to(black));
}*/
.cover {
	display: none;
	position: absolute;
	height: 8.9em;
	width: 4em;
	background-color: #a1a1a1;
	margin-left: 1em;
	z-index: 4;
}

.icon {
	position: absolute;
	border: 0;
	z-index: 1000;
	margin-top: -108px;
	background-repeat: no-repeat;
	width: 107px;
	height: 107px;
}

.menu_patientsampfamilies .icon {
	background-image: url("/fileadmin/templates/images/system/patients.png");
}

.menu_healthcareprofessionals .icon {
	background-image: url("/fileadmin/templates/images/system/professionals.png");
}

.menu_thecompany .icon {
	background-image: url("/fileadmin/templates/images/system/pressinvestors.png");
}

/* @end */

#footer {
	clear: both;
	position: relative;
	top: 5em;
	height: 50px;
	border-top: 1px solid gray;
	background-image: url("/fileadmin/templates/images/system/footer.png");
	background-repeat: no-repeat;
}

#contentfooter {
	clear: both;
	top: 3.5em;
	border-top: 1px solid gray;
	height: 50px;
	background-image: url("/fileadmin/templates/images/system/footer.png");
	background-repeat: no-repeat;
}

#footer div,
#footer div a,
#contentfooter div,
#contentfooter div a {
	text-decoration: none;
	color: whitesmoke;
	padding: 0;
	margin: 0.6em;
	font-size: 0.9em;
}

div#contentfooter div div p.bodytext a {
	font-size: 1em !important;
}

/* @group Page title */
#subtitle {
	position: absolute;
	margin-left: 20em;
	background-color: #727879;
	height: 5.0em;
	width: 60em;
	text-align: left;
	/*border-top-right-radius: 0.5em 0.5em;
	border-bottom-right-radius: 0.5em 0.5em;*/
	border-top-left-radius: 0.5em 0.5em;
	border-bottom-left-radius: 0.5em 0.5em;
	/*-webkit-border-top-right-radius: 0.5em 0.5em;
	-webkit-border-bottom-right-radius: 0.5em 0.5em;*/
	-webkit-border-top-left-radius: 0.5em 0.5em;
	-webkit-border-bottom-left-radius: 0.5em 0.5em;
	/*-moz-border-radius-topright: 0.5em 0.5em;
	-moz-border-radius-bottomright: 0.5em 0.5em;*/
	-moz-border-radius-topleft: 0.5em 0.5em;
	-moz-border-radius-bottomleft: 0.5em 0.5em;
}

#subtitle h1 {
	margin: 1.1em 1.1em 1.1em 1.0em;
	font-size: 1.6em;
	font-family: Georgia,"Times New Roman",serif;
	color: white;
	font-weight: normal;
}

body.menu_healthcareprofessionals #subtitle {
	background-color: #970081;
}

body.menu_patientsfamilies #subtitle {
	background-color: #006DB1;
}

body.menu_thecompany #subtitle {
	background-color: #F6A924;
}
/* @end */

#leftcolumn {
	position: absolute;
	margin-left: 0;
	width: 17em;
}

#rightcolumn {
	position: absolute;
	margin-left: 59em;
	width: 17em;
	padding-top: 1.9em !important;
}

#rightcolumn p.csc-caption {
	font-size: 1em;
}

div#rightcolumn div.csc-textpic dd {
	padding-top: 0.5em;
	font-size: 0.9em;
}

/* @group Subnavigation */

/* @group Pulldown */
ul#subnavigation {
	height: 4.9em;
	list-style-type: none;
	text-align: left;
	margin: 0 0 0 2em;
	padding: 0;
	border: 0;
	z-index: 2;
}

ul#subnavigation li.subnavigation ul {
	position: absolute;
	margin: 0;
	padding: 0;
	border: 0;
	height: 0;
	list-style-type: none;
	text-align: left;
	/*width: 27em;*/
	width: 18em;
	z-index: 2;
	
	display: none; /* activated on hover by JS */
}

ul#subnavigation li.menu_patientsampfamilies ul {
	margin-left: -6em;
}

ul#subnavigation li.menu_thecompany ul {
	margin-left: -12em;
}

li.pfeil_navigation {
	height:10px ;
	/*
	width: 45px;
	width: 63px;
	*/
	background-image: url(/fileadmin/templates/images/system/pfeil_navigation.png);
	background-repeat: no-repeat;
}

ul#subnavigation li.menu_patientsampfamilies li.pfeil_navigation {
	background-position: 6em 0em;
}

ul#subnavigation li.menu_thecompany li.pfeil_navigation {
	background-position: 12em 0em;
}

ul#subnavigation li.subnavigation {
	float: left;
	width: 5em;
	line-height: 0;
	margin-right: 1em;
	z-index: 2;
}

ul#subnavigation li.subnavigation ul li a {
	display: block;
	/*
	opacity: 0.95;
	filter: alpha(opacity=95);
	*/
	line-height: 1.2em;
	background-color: #444444;
	padding: 0.4em;
	color: white;
	text-decoration: none;
	font-family: Georgia,"Times New Roman",serif;
	font-size: 1.2em;
	font-weight: normal;
}

ul#subnavigation li.subnavigation ul li a:hover {
	background-color: gray;
}

ul#subnavigation img {
	border: 0;
}

ul#subnavigation li.color {
	float: right;
	margin: 0;
	padding: 0;
	font-family: Georgia,"Times New Roman",serif;
	width: 41.5em;
	height: 3.6em;
	line-height: 3.6em;
	padding-left: 1em;
	font-size: 1.4em;
	color: white;
	-webkit-border-top-left-radius: 0.4em 0.4em;
	-webkit-border-bottom-left-radius: 0.4em 0.4em;
}
/* @end */

.backgroundpublic {
	background-color: #f6a924;
}

/* @group linke Seite */
#subsubnavigation ul {
	border: 0;
	/*margin: 0 0 0 3em;*/
	padding: 0;
	margin-top: 1em;
	list-style-type: none;
}

#subsubnavigation ul ul {
	margin-top: 0em;
}


#subsubnavigation ul li a, #subsubnavigation ul li span {
	display: block;
	width: 14em;
	line-height: 2.4em;
	font-size: 1.14em;
	font-family: Georgia,"Times New Roman",serif;
	padding-left: 1em;
	color: #4b4b4b;
	text-decoration: none;
}

#subsubnavigation ul li.active a {
	font-weight: bold;
}

#subsubnavigation ul li.active li a{
	font-weight: normal;
}

#subsubnavigation ul ul li a {
	font-size: 1.2em;
	margin-left: 1.5em;
	width: 11.8em;
}
	
#subsubnavigation ul li a:hover {
	background-color: #727879;
	color: white;
	border-top-right-radius: 0.5em 0.5em;
	border-bottom-right-radius: 0.5em 0.5em;
	border-top-left-radius: 0.5em 0.5em;
	border-bottom-left-radius: 0.5em 0.5em;
	-webkit-border-top-right-radius: 0.5em 0.5em;
	-webkit-border-bottom-right-radius: 0.5em 0.5em;
	-webkit-border-top-left-radius: 0.5em 0.5em;
	-webkit-border-bottom-left-radius: 0.5em 0.5em;
	-moz-border-radius-topright: 0.5em 0.5em;
	-moz-border-radius-bottomright: 0.5em 0.5em;
	-moz-border-radius-topleft: 0.5em 0.5em;
	-moz-border-radius-bottomleft: 0.5em 0.5em;
}

#subnavigation li a.navigationimg {
	display: block;
	background-repeat: no-repeat;
	height: 60px;
	width: 60px;
	text-indent: -200px;
	overflow:hidden;
}

#subnavigation li.menu_healthcareprofessionals a.navigationimg {
		background-image: url(/fileadmin/templates/images/system/professionals_small.png);
}

#subnavigation li.menu_patientsampfamilies a.navigationimg {
		background-image: url(/fileadmin/templates/images/system/patients_small.png);
}

#subnavigation li.menu_thecompany a.navigationimg {
		background-image: url(/fileadmin/templates/images/system/press_and_investors_small.png);
}

body.menu_healthcareprofessionals #subsubnavigation ul li a:hover {
	background-color: #970081;
}

body.menu_patientsfamilies #subsubnavigation ul li a:hover {
	background-color: #006DB1;
}

body.menu_thecompany #subsubnavigation ul li a:hover {
	background-color: #F6A924;
}
/* @end */
/* @end */

/* @group Upper Toolmenu */
#uppertoolmenu {
	position: absolute;
	text-align: right;
	width: 40em;
	margin-left: 39em;
	margin-top: 2em;
}
/* @end */

/* @group Maincontent */

#maincontent {
	border-left: 1px solid #a1a1a1;
	border-right: 1px solid #a1a1a1;
	border-top: 1px solid #a1a1a1;
	min-height: 34em;
	height:auto !important;
	height: 34em;
	background-color: white;
	/*color: #a1a1a1;*/
	color: #7f7f7f;
	text-align: left;
	z-index: 1;
	padding: 0em 2em 1em 2em;
	font-family: Helvetica;
	margin-top: 1em;
	
}

#maincontent h1, #maincontent h2 {
	z-index: 1;
	font-family: Georgia,"Times New Roman",serif;
	font-weight: normal;
}

#maincontent h1 {
	margin-top: 1em;
	font-size: 1.6em;
}

#maincontent h1 a {
	font-size: 1em;
	font-family: Georgia,"Times New Roman",serif;
	font-weight: normal;
}

#maincontent h2 {
	font-size: 1.3em;
}

#maincontent p.align-center {
	text-align: center;
}

#innermaincontent {
	/*width: 56.5em;*//*Normale Ansicht*/
	width: 37em;/* schmale ansicht pitt screenshot*/
	margin-left: 19.5em;
	margin-top: 1em;
	text-align: justify;
	line-height: 1.4em;
}

/* @end */

/* @group TagCloud */

#cloud {
	position: absolute;
	margin-left: 60em;
	margin-top: 0em;
	width: 16em;
	height: 30em;
	opacity: 0.9;
	/*border: 1px solid silver;*/
	/*background-color: whitesmoke;*/
	color: #a1a1a1;
	padding: 0.5em;
	text-align: center;
	border-radius: 8px 8px;
	-webkit-border-radius: 8px 8px;
	-moz-border-radius: 8px 8px;	
	z-index: 1;
}

/*
.tx-vgetagcloud-pi1, .tx-vgetagcloud-pi1 ul {
	background-color: whitesmoke;
}

.tx-vgetagcloud-pi1 ul li a {
	color:gray;
}
*/

.tx-vgetagcloud-pi1 {
	/* bg color visible in IE but defined for all browsers by plugin
	   although the div seems to be not shown in other browsers for
	   some reason; leave it here, don't move to browser specific
	   files! */
	background-color: #a1a1a1;
}

.tx-vgetagcloud-pi1 ul li {
	color: #d8d8d8;
}

.tx-vgetagcloud-pi1 ul li a {
	color: whitesmoke;
}

#cloud .clouditemweight1 {
	font-size: 0.8em;
}

#cloud .clouditemweight2 {
	font-size: 1.5em;
}

#cloud .clouditemweight3 {
	font-size: 2em;
}

/* for faking the tagcloud by plain html */
#cloud .csc-default .tx-vgetagcloud-pi1 p.bodytext {
	display: none;
}

/* @end */

/* @group Ticker */
.tickercontainer { /* the outer div with the black border */
	position: relative;
	width: 38em;
	margin: 0; 
	padding: 0;
	overflow: hidden;
	margin-left: 20.5em;
}

ul.newsticker { /* that's your list */
	position: relative;
	left: 60em;
	font-family: Helvetica, Arial;
	/*font-family: "Lucida Grande", Verdana, Tahoma;*/
	font-size: 0.9em;
	color: #343434;
	list-style-type: none;
	margin: 0 !important;
	padding: 0;
}

ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0 !important;
	padding: 0;
	background: inherit !important;
}

ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	font: inherit; 
	margin: 0 50px 0 0;
	background-color: #f29526;
	color: white;

	text-decoration: none;
}

ul.newsticker a:hover {
	text-decoration: underline;
}

ul.newsticker a:visited {
	background-color: #f29526;
	color: white;
	text-decoration: none;
}

ul.newsticker span {
	margin: 0 10px 0 0;
}

.itsnewslinkstyle588 a {
	font-family: Helvetica, Arial !important;
	font-size: 1em !important;
} 

.itsnewslinkstyle588 {
	font-size: 1.5em;
}

#divTicker_601 {
	font-family: Helvetica, Arial !important;
	font-size: 2em !important;
	color: whitesmoke;
}

a.tickerlinks span {
	font-family: Helvetica, Arial !important;
	color: whitesmoke;
	font-size: 1.5em !important;
	font-family: Helvetica, Arial;
}

a.tickerlinks span:hover {
	color: gray;
}

/* @end */

/* @group Working Tools */

#playground {
	position: absolute;
	-webkit-border-bottom-left-radius: 0.5em 0.5em;
	-webkit-border-bottom-right-radius: 0.5em 0.5em;
	left: 1em;
	top: 0em;
	width: 14em;
}

#playgroundoptions {

	text-align: left;
	background-color: white;
	border: 1px solid red;
	height: 20em;
	color: gray;
	font-size: 0.8em;
}
#playgroundtoggle {
	text-align: center;
	background-color: gray;
	-webkit-border-bottom-left-radius: 0.5em 0.5em;
	-webkit-border-bottom-right-radius: 0.5em 0.5em;

}

#playgroundtoggle a.bottom {
	display: block;
	text-decoration: none;
	color: silver;
	margin-top: 19em;
}
/* @end */

/* @group tt_news */
/* @group normal */
.news-list-date a {
	color: #7f7f7f;
}
/* @end */

/* @group right content box */
.newsrcbselectother {
	float: right;
	margin-top: 1em;
	border: 1px solid #c1c1c1;
	background-color: #a1a1a1;
	color: white;
	padding: 0.2em 0.5em 0.2em 0.5em;
	
	cursor: hand;
	
	border-radius: 1em 1em;
	box-shadow: 0.15em 0.15em 0.2em rgba(0,0,0,0.2);
	-webkit-border-radius: 1em 1em;
	-webkit-box-shadow: 0.15em 0.15em 0.2em rgba(0,0,0,0.2);
	-moz-border-radius: 1em 1em;
	-moz-box-shadow: 0.15em 0.15em 0.2em rgba(0,0,0,0.2);
}

.newsrightcolumnbrowser {
	/*width: 18em;*/
	background-color: #a1a1a1;
	color: white;
	
	margin-left: 0em; /* rightcolumn: -0.5em */
	
	margin-top: 1em;
	
	border-radius: 1em 1em;
	-webkit-border-radius: 1em 1em;
	-moz-border-radius: 1em 1em;
}

.newsrightcolumnbrowser ul {
	margin: 0 0.5em 0em 0.5em;
	padding: 0;
	
	/*height: 30em;*/
	/*overflow: auto;*/
}

.newsrightcolumnbrowser li {
	list-style-type: none;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}


.newsrightcolumnbrowser a {
	color: whitesmoke;
	text-decoration: none;
}

/*
.newsrightcolumnbrowser a:hover {
	background-color: whitesmoke;
	color: #727879;
}
*/

.newsrightcolumnbrowser .news-list-date a {
	color: white;
}

.newsrightcolumnbrowser .news-list-date {
	display: block;
	text-decoration: underline;
	margin-bottom: 0.1em;
}
/* @end */

/* @group more/less (News) */
.news-list-more-link {
	text-align: right;
	margin-top: -0.5em;
	margin-bottom: 0.5em;
	/*
	border-top: 1px solid #d3d3d3;
	*/
}

.newsrightcolumnbrowser .news-list-more-link {
	margin-bottom: -0.4em;
	margin-right: 0.4em;
}

.news-list-more-link a {
	font-variant: small-caps;
	font-size: 1.4em;
}

#innermaincontent .news-list-more-link a {
	color: #7f7f7f;
}
/* @end */

/* @end */

/*
div.csc-textpic-imagewrap.csc-textpic-single-image  a img {
	margin-top:1.9em;
}
*/

/* @group FCE */
/* @group show only first picture */
.fceonlyfirstpicture .hideimage {
	display: none !important;
}
/* @end */
/* @end */


/* @group PerfectLightbox / Slimbox */
/* fix layers on front page being on top of lightbox */
#sbOverlay {
	z-index: 1000;
}

#sbCenter, #sbBottomContainer {
	z-index: 1100 !important;
}
/* @end */

/* @group link to top */
p.csc-linkToTop {
	text-align: right;
}
/* @end */

/* @group more/less */
/* fixes slide behaviour in IE by moving margin to padding
   visible to all browsers so everyone sees if there are
   problems in rendering resulting by this (shouldn't) */
div.more p.bodytext {
	margin-top: 0;
	padding-top: 1em;
	margin-bottom: 0;
}

div.more {
	margin-bottom: 1em;
}
/* @end */

/* @group special characters */
sup {
	font-size: 0.8em;
	line-height: 0.1em;
}
/* @end */

#myGallery606 {
	border: 0px;
}

/* @group special characters */

.linkbox {
	
}

.linkbox_picture{
}

.linkbox_link a {
	color: whitesmoke !important;
}

/* @end */