@charset "UTF-8";
@media all {
	
/*****************
/* Index:
/***************** 
/* 1.Allgemein
/* 1.1 Browserreset
/* 1.2 Body 
/* 2.Typographie
/* 2.1 General Settingz
/* 2.2 Link Settingz
/* 2.3 Tables
/* 3.Boxlayout
/* 3.1 Header
/* 3.2 Navigation
/* 3.3 Content
/* 3.4 Footer
/* 4.Links
/* 5.Extensions
/* 5.1 tt_news
/*****************/

/*****************
/*Colors
/* font: #B2B2B2
/*
/* Background: #3C3C3C
/*
/* Orange: #FC7215
/* Yellow: #FFCC00
/* red: #E44141
/* lila: #A54EFD
/* blue: #2D76D3
/* green: #5AA30F
/* pink: #C02B93
/*
/****************/

/***************/
/* 1.Allgemein */
/***************/

/********************/
/* 1.1 Browserreset */
/********************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/************/
/* 1.2 Body */
/************/

body {
	background-color: #3C3C3C;
	font-family: "Trebuchet MS";
	color: #B2B2B2;
	border-top: 5px solid #FC7215;
}

.clr {
	clear:both;
	margin: 0;
	padding: 0;
}

div.vc_page {
	width: 980px;
}


/*****************/
/* 2.Typographie */
/*****************/

/************************/
/* 2.1 General Settings */
/************************/

h1{
	line-height: 26px;
	font-size: 26px;
	color: #FC7215;
	margin-bottom: 15px;
}

h2{
	line-height: 24px;
	font-size: 22px;
	padding-top: 1em;
	margin-bottom: 0.5em;
	color: #B2B2B2;
}

h3{
	line-height: 22px;
	font-size: 20px;
	margin-bottom: 0.5em;
	color: #B2B2B2;
	padding-top: 1em;
}

h4{
	line-height: 20px;
	font-size: 18px;
	color: #B2B2B2;
	margin-bottom: 0.5em;
	padding-top: 1em;
}

p{
	line-height: 18px;
	font-size: 14px;
	width:90%;
}

q, blockquote{
	quotes:"\00AB" "\00BB" "\2018" "\2019";
	line-height: 1.4em;
	font-size: 1.2em;
	color: #DFDFDF;
	font-style: italic;
}

li{
	line-height: 1.2em;
	font-size: 0.9em;
}

#topnavigation ul ul li {
	line-height: 0.8em;
	margin: .8em .5em;
}

div.csc-header-n2 h1{
	color: #B2B2B2 !important;
}

/*********************/
/* 2.2 Link Settingz */
/*********************/

a{
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}

a:visited{
	color: #FFFFFF;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

div ul li {
	margin: 0 0 0.5em 0.5em;
	font-size: 1em;
	color: #B2B2B2;
	display: none;
}

/**************/
/* 2.3 Tables */
/**************/

table {
border-collapse: collapse;
border:none;
color: #b2b2b2;
background: #3c3c3c;}

td, th {border: 1px solid #bbb;
padding: .5em 3em .5em .5em;}


thead, tbody {border: 3px solid #3C3C3C;}

thead th{
	border: 1px solid #737373;
	border-bottom: 3px double #737373;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
}

tbody td {
vertical-align: top;
text-align: left;
border: 1px solid #737373;
}

tbody th {white-space: nowrap;}


*+html thead th, tbody td{
	width: 100px;
}
	

/***************/
/* 3.Boxlayout */
/***************/

/**************/
/* 3.1 Header */
/**************/

#header {
	height: 250px;
	width: 100%;
	border-top: 5px solid #FC7215;
	float: left;
	margin-bottom: 1.5em;
	margin-top: -5px;
}
#header h1 {
	margin: 0em;
}

.logo {
	float: left;
	display: block;
	background: url(img/logo_popgen.gif) transparent no-repeat 30px 30px;
	text-indent: -999999px;
	height: 200px;
	width: 260px;
}

img#popgenlogo {
	display: none;
}

#topnavigation {
	float: left;
	display: block;
	margin-top: -5px;
	height: 100%;
}

#topnavigation ul:hover, #topnavigation ul.vc_active, #topnavigation ul.vc_jq_hover {
	background: url(img/navigation_gradient.jpg) repeat-x;
}

#topnavigation ul:hover ul {
	background: none;
}

#topnavigation ul:hover ul li{
	display: block;
}

#topnavigation ul ul li{
	list-style-position: outside;
}

#topnavigation ul.vc_active ul li, #topnavigation ul.vc_jq_hover ul li{
	display: block;
}

.title {
	font-size: 1.2em;
	line-height: 1.4em;
	display: inline;
}


/******************/
/* 3.2 Navigation */
/******************/

#background{
	float: left;
	display: block;
	border-top: 5px solid #FFCC00;
	width: 160px;
	z-index: 10;
	height: 250px;
}

#training {
	float: left;
	display: block;
	border-top: 5px solid #E44141;
	width: 110px;
	z-index: 10;
	height: 250px;
}
#people {
	float: left;
	display: block;
	border-top: 5px solid #A54EFD;
	width: 130px;
	z-index: 10;
	height: 250px;
}
#research_topics {
	float: left;
	display: block;
	border-top: 5px solid #2D76D3;
	width: 90px;
	z-index: 10;
	height: 250px;
}
#application {
	float: left;
	display: block;
	border-top: 5px solid #5AA30F;
	width: 140px;
	z-index: 10;
	height: 250px;
}

#news {
	float: left;
	display: block;
	border-top: 5px solid #C02B93;
	width: 90px;
	z-index: 10;
	height: 250px;
}

/***************/
/* 3.3 Content */
/***************/

div#content {
	float:left;
	padding: 0 2em;
	width: 700px;
}

div#content ul li{
	display: list-item;
	margin: 0;
	padding: 0;
	font-size: 14px;
	margin-bottom: 4px;
}

div#content ol li{
	display: list-item;
	margin: 0;
	padding: 0;
	font-size: 14px;
	margin-bottom: 4px;
}

div#content ul {
	list-style-type: square;
	list-style-position: inside;
	margin-bottom: 30px;
}

div#content ol {
	list-style-type: decimal;
	list-style-position: inside;
	margin-bottom: 30px;
}

.csc-textpic-caption {
	padding-top: 5px;
	font-size: 10px;
	font-style: italic;
}

div#partners {
	float: right;
	width: 180px;
	padding: 10px;
	margin-top: 3em;
}

div#partners a {
	float: left;
	display: block;
	text-indent: -999999px;
}

#img_partner_fwf,#img_partner_gmi,#img_partner_mfpl,#img_partner_uniwien,#img_partner_vetmed {
	visibility: hidden;
}

a.partner_fwf {
	width: 150px;
	height: 45px;
	margin-bottom: 3em;
	background: url(img/partnerlogos/fwf.gif) no-repeat;
}

a.partner_fwf:hover {
	background: url(img/partnerlogos/fwf-hover.gif) no-repeat;
}

a.partner_gmi {
	width: 106px;
	height: 47px;
	margin-bottom: 1em;
	background: url(img/partnerlogos/gmi.gif) no-repeat;
}

a.partner_gmi:hover {
	background: url(img/partnerlogos/gmi-hover.gif) no-repeat;
}

a.partner_mfpl {
	width: 105px;
	height: 15px;
	margin-bottom: 1em;
	background: url(img/partnerlogos/mfpl.gif) no-repeat
}

a.partner_mfpl:hover {
	background: url(img/partnerlogos/mfpl-hover.gif) no-repeat;
}

a.partner_uniwien {
	width: 105px;
	height: 29px;
	margin-bottom: 1em;
	background: url(img/partnerlogos/uniwien.gif) no-repeat
}

a.partner_uniwien:hover {
	background: url(img/partnerlogos/uniwien-hover.gif) no-repeat;
}

a.partner_vetmed {
	width: 150px;
	height: 35px;
	margin-bottom: 3em;
	background: url(img/partnerlogos/vetmed.gif) no-repeat
}

a.partner_vetmed:hover {
	background: url(img/partnerlogos/vetmed-hover.gif) no-repeat;
}

/**************/
/* 3.4 Footer */
/**************/

#footer {
	float: left;
	margin-top: 2em;
	height: 3em;
	border-top: 1px dashed #B2B2B2;
	width: 100%;
	padding-top: 1em;
	font-size: 0.7em;
}

#footer a{
	font-size: 10px;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}

#imprint {
	float: left;
	background: url(img/imprint_link.gif) no-repeat 0px 0.3em;
	padding-left: 15px;
	margin-left: 10px;
	text-transform:uppercase;
}

#elements {
	float: left;
	margin-left: 200px;
}

#totop {
	margin-right: 1em;
	background: url(img/totop_link.gif) no-repeat 0px 0.3em;
	padding-left: 15px;
	text-transform:uppercase;
}

#print {
	margin-left: 1em;
	background: url(img/print_link.gif) no-repeat 0px 0.3em;
	padding-left: 15px;
	text-transform:uppercase;
}

#verdinocom {
	float: left;
	margin-left: 400px;
}

#verdinocom a,#verdinocom a:visited,#verdinocom a:active {
	text-decoration: none;
	color: #6B9A13;
}
#verdinocom a:hover {
	text-decoration: underline;
}

/*
 * lists
 */
 
ul, ol {
	list-style-position: inside;
} 

/***********/
/* 4.Links */
/***********/

#topnavigation a{
	color: #B2B2B2;
	text-decoration: none;
}

li.title > a{
	font-size: 1em;
}

#topnavigation > ul{
	padding-top: 25px;
}

#background a:hover, #background a.vc_active, #background a.vc_jq_hover {
	color: #FFCC00;
}

#training a:hover, #training a.vc_active, #training a.vc_jq_hover {
	color: #E44141;
}

#people a:hover, #people a.vc_active, #people a.vc_jq_hover {
	color: #A54EFD;
}

#research_topics a:hover, #research_topics a.vc_active, #research_topics a.vc_jq_hover {
	color: #2D76D3;
}

#application a:hover, #application a.vc_active, #application a.vc_jq_hover {
	color: #5AA30F;
}

#news a:hover, #news a.vc_active, #news a.vc_jq_hover {
	color: #C02B93 !important;
}

#skipnavigation {
	display: none;
}

a.internal-link {
	background: url(img/internal_link.gif) no-repeat 0px 0.3em;
	padding-left: 20px;
}

a.back-link, div.news-single-backlink a {
	background: url(img/back_link.gif) no-repeat 0px 0.3em;
	padding-left: 20px;
}

a.external-link {
	background: url(img/external_link.gif) no-repeat 0px 0.3em;
	padding-left: 20px;
	line-height: 30px;
}

a.download-link {
	background: url(img/download_link.gif) no-repeat 0px 0.3em;
	padding-left: 20px;
}

a.mail-link {
	background: url(img/mail_link.gif) no-repeat 0px 0.3em;
	padding-left: 20px;
}

/****************/
/* 5.Extensions */
/****************/

/***************/
/* 5.1 tt_news */
/***************/

.news-list-container{
	display: block;
}

.news-list-item h2{
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

.news-list-item h2 a{
	margin: 0;
	font-size: 16px;
	background: url(img/internal_link.gif) no-repeat 0px 0.3em;
	padding-left: 20px;
}

.news-list-date, .news-single-date{
	font-size: 12px;
	margin-bottom: 5px;
	font-style: italic;
}

.prev_news {
	float: left;
}

.next_news {
	float: right;
}

div.news-single-backlink {
	
}



/*
 * enhancements
 */

div.csc-textpic {
	margin-bottom: 30px;
	overflow: hidden;
}

div.news-list-item {
	margin-bottom: 30px;
}

p {
	margin-bottom: 30px;
}

div.news-list-item div.vc_divider {
	border-bottom: 1px dashed #B2B2B2;
	width: 250px;
	margin-bottom: 5px;
}

div.news-single-item div.vc_divider {
	border-bottom: 1px dashed #B2B2B2;
	width: 250px;
	margin-bottom: 30px;
}

div.news-list-container {
	padding-top: 20px;
}


/*
 * slideshow
 */

div.vc_slideshow {
	margin-bottom: 30px;
	overflow: hidden;
	height: 200px;
}

div.vc_slideshow ul {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}

div.vc_slideshow ul li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
	list-style-image: none;
}

/*
 * person tv-element
 */
 
div.vc_person {
	overflow: hidden;
	width: 680px;
}

div.vc_person div.vc_person_top {
	overflow: hidden;
}

div.vc_person div.vc_person_top div.vc_person_top_image {
	overflow: hidden;
	float: left;
	padding-right: 30px;
	padding-bottom: 30px;
	width: 180px;
}

div.vc_person div.vc_person_top div.vc_person_top_text {
	overflow: hidden;
	float: left;
	width: 470px;
}

div.vc_person div.vc_person_body {
	overflow: hidden;
	clear: both;
}


}