/* 
Project: http://www.dcllsg.de
Type: CSS
Description: Screen Styles
Date: 2009-10-15, Gabriele Strache
Last Modified: 2012-01-26, Gabriele Strache
*/

/* reset styles 
--------------------------------------------- */

/* normalizes margin, padding, border, outline */
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-size: 100%;
	font: inherit;*/
	vertical-align: baseline;
	}
	
/* restoration of vertical-align for sub and sup */
sub {
	vertical-align: sub;
	}
sup {vertical-align: super;
	} 

/* normalizes header styles */
h1, h2, h3, h4, h5, h6 {
	font-size : 100%;
	font-weight : normal;
	}

/* removes list-style from lists */
ol, ul {
	list-style : none;
	}

/* removes spacing in tables */
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse : collapse;
    border-spacing : 0;
	}

/* normalizes text-align and font-weight  in caption, th and td  */
caption, th, td {
	text-align : left;
	font-weight: normal;
	}

/* removes quotation marks from blockquote and q */
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}

/* removes link underlines */	
:link, :visited {
	text-decoration: none;
	}

	
/* basic styles
--------------------------------------------- */

html, body { /* forcing a vertical scrollbar to avoid the page shift */
	min-height:101%;
	margin-bottom:1px;
	}

body {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* sets the base font size to 10px */
	color: #464646;
	min-width: 76em; /* keeping Gecko browsers from allowing content to escape 
	to the left if the browser window is narrowed */
	max-width: 100%; /* Prevents the body from becoming wider than the viewport */	
 	}
	
strong {
	color: #666;
	}
	
noscript {
	color: #f00;
	background-color: #fff;
	}
	
.bottomline {
	border-bottom: 1px solid #999;	
	}	

hr {
	border: none;
	height: 1px;
	background-color: #999; /* for Opera and Firefox */
	color: #999; /* for IE */ 
	}
	
/* -------------------------- headlines ----------------------- */	

h1 {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	left: .5em;
	bottom: .7em;	
	font-size: 3em;
	color: #6eb4d2;  /*#69c*/
	}	
h2 {
	/*font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;*/
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 2.1em;
	color: #179;/*#234078*/
	/*color: #377AAD;*/
	/*color: #888;*/
	background-color: #fff;		
	margin-bottom: 1em;
	}	
h3,
h6 {
	margin-top: .8em;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 1.8em;
	color: #666;
	/*color: #377AAD;*/
	/*color: #888;*/
	/*background-color:transparent;*/
	}	
h4 {
	margin-top: 1.7em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	color: #666;
	/*color: #377AAD;*/
	/*color: #888;*/
	/*background-color:transparent;*/
	}
	
/* ----------------------------- tables ------------------------------ */
	
table {
	width: 100%;
	margin: 1em 0 2em;	
	font-size: 1.3em;
	line-height: 1.6;
	border-top: 1px solid #ddd;		
	}
tr {
	/*border-top: 1px solid #ddd;*/		
	}
th,
td  {
	vertical-align: top;
	padding: .5em .2em;
	border-top: 1px solid #ddd;	
	}	
td {
	padding-left: 1em;
	}
	
	
.noscreen,
#nav_skip,
#header h6,
#nav_main h6 {
	position: absolute;
    left: -9999px;
    top: -9999px;
    width: 0;
    height: 0 ;
    overflow: hidden;
    display: inline;
	}


	
/* page structure 
--------------------------------------------- */
	
.container {
	position: relative; /* making container the reference for an absolute positioned child */
	width: 76em; /* fixed page width */
	margin: 0 auto; /* centering layout */	
	min-width: 76em;
	}

#header {
	float: left;
	width: 100%;
	padding: 2.4em 0;
	}
	
#header_sub {
	clear: both;
	height: 150px;
	background: url(../img/bg/header_sub.jpg) repeat-x;
	}	
#header_sub .container {
	width: 78em;
	height: 150px;
	background-color: #069;
	}
	
#content .container { }	
#content_main {
	float: right;
	width : 56em; 
	margin: 2.7em 0 3.8em;
	}
	
#nav_main {
	float: left;
	margin-top: 3.2em;
	width : 17em;
	}

#footer {
	clear: both;
	padding-top: 1.2em;
	border-top: 2px solid #369;	
	}	

#footer .container { }	
	
	
	
/* header 
--------------------------------------------- */

#logo {
	float: left;
	}
	
/* nav_courtesy */

#nav_courtesy {
	position: absolute;
	top: 0;
	right: 0;	
	}
#nav_courtesy li {
	display: inline;
	padding: 0 .5em 0 .35em;
	border-right: 1px solid #369;
	font-size: 1.3em;
	}	
#nav_courtesy li.last {
	padding-right: .2em;
	border-right: none;
	}
#nav_courtesy a:link,
#nav_courtesy a:visited {	
	color: #369;
	}
#nav_courtesy a:hover,
#nav_courtesy a:active {
	text-decoration: underline;
	}	
	
/* search_form */

.search_form {
	position: absolute;
	top: 3em;
	right: 0;
	}	
#search_btn {
	vertical-align: middle;	
	}	
#search_input {
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-moz-border-radius: 3px;
	border-radius: 3px;
	vertical-align: middle;
	}	
	
	
	
/* header_sub 
--------------------------------------------- */
#header_sub .studien {	
	background: #069 url(../img/bg/section_studien.jpg) no-repeat right; /*#0372B7*/
	}	
#header_sub .ueber {	
	background: #069 url(../img/bg/section_ueber.jpg) no-repeat right;  /*#069*/ /*#37548c*/ /*#254072*/ /*#334c7a*/ /*#3B5380*/ /*#2a4985*/
	}	
#header_sub .workshop {	
	background: #069 url(../img/bg/section_workshop.jpg) no-repeat right; 
	}	
#header_sub .jobs {	
	background: #069 url(../img/bg/section_jobs.jpg) no-repeat right; 
	}	
#header_sub .patienten {	
	background: #069 url(../img/bg/section_patienten.jpg) no-repeat right; 
	}	
#header_sub .publikationen {	
	background: #069 url(../img/bg/section_publikationen.jpg) no-repeat right; 
	}
	
	
	
/* content_main 
================================================================ */

#content_main p,
#content_main ol,
#content_main ul {
	margin: .8em 0 0;
	font-size: 1.3em;
	line-height: 1.6; /*1.8em*/	
	}
	
ul.bullet_list {
	list-style-type: disc;
	padding-left: 1.2em;
	}	
ul.bullet_list li {
	margin-top: .5em;
	}

#content_main a {
	text-decoration: underline;
	}
	
/* ----------------- lists ------------------------ */

#content_main li {
	margin-bottom: .5em;
	}
	
#content_main ul {
	list-style-type: disc;
	padding-left: 1.2em;
	margin-left: 1.2em;
	}
	
#content_main ol {
	list-style-type: decimal;
	padding-left: 1.2em;
	margin-left: 1.2em;
	}
	
#content_main ul li, #content_main ol li {
	margin: 0 0 0.7em;
	}	

#content_main ul ul, #content_main ol ol {
	font-size: 1em;
	margin-top: 0.3em;
	}
	
#content_main ul ul, #content_main ol ol {
	list-style-type: circle;
	}		

#content_main ul ul li, #content_main ol ol li {
	margin-bottom: 0.3em;
	}
	
#content_main div#news ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	}	

	
/* ----------------- change language ------------------------ */

#change_lang {
	text-align: right;
	}
	
#change_lang a.de:link,
#change_lang a.de:visited {
	padding-left: 26px;
	font-size: 1.3em;
	color: #0064C5;	 
	background: #fff url(../img/icons/flag-d.gif) no-repeat left center;	
	}
	
#change_lang a.en:link,
#change_lang a.en:visited {
	padding-left: 26px;
	font-size: 1.3em;
	color: #0064C5;	
	background: #fff url(../img/icons/flag-2e.gif) no-repeat left center;	
	}
	
/* --------------- bordered box with rounded CSS3 corners ------------- */	
	
#content_main .box {
	margin: 1.5em 0;
	padding: 0 1.2em 1.2em;
	border: 1px solid #ccc;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;	
	-moz-border-radius: 7px;
	border-radius: 7px;
	}
	
/* --------------- table recruitment ---------------- */

#recruitment {
	width: 26.5em;
	}
#recruitment td {
	text-align: right;
	}
#recruitment #trial {
	/*width: 8em;*/
	}
#recruitment #time {
	/*width: 10em;*/
	}
#recruitment #number {
	}
		
/* table new_substances */
	
#new_substances th {
	font-weight: bold;
	color: #666;
	background-color: #fff;
	}	
	
/* ------------- dl #dcllsg_structure -------------- */	
#dcllsg_structure {
	margin: 1em 0 2em;
	font-size: 1.3em;
	line-height: 1.6;
	border-top: 1px solid #ddd;
	}
#dcllsg_structure dt {
	float: left;
	width: 14em;
	padding: .5em 0 .5em .5em;
	}
#dcllsg_structure dd {
	padding: .5em 0 .5em 16em;
	border-bottom: 1px solid #ddd;
	}	
#dcllsg_structure i {
	font-size: 1.4em;
	}	
	
/* ------------- dl.list_trials ---------------*/
.list_trials {
	margin: 1.2em 0 3em;
	}	
.list_trials dt {
	margin-top: 1.2em;
	color: #666;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.8em;
	}
.list_trials dd {
	font-size: 1.3em;
	line-height: 1.6;
	}	
.list_trials i {
	font-size: 1.4em;
	}
	
/* ------------- form.trial-forms ------------ */

.trial-forms {
	margin: .8em 0 2em;
	}
	
/* ------------- content links --------------- */

#content_main a:link,
#content_secondary a:link {
	text-decoration: underline;
	color: #0064C5;
	background-color: #fff;
	}
#content_main a:visited,
#content_secondary a:visited {
	text-decoration: underline;
	}	

.link_external-r {
	padding-right: 13px;
	color: #0064C5;
	background: #fff url(../img/icons/newWindow.gif) no-repeat right center;
	}	
.link_external-l {
	padding-left: 13px;
	color: #0064C5;
	background: #fff url(../img/icons/newWindow.gif) no-repeat left center;
	}
	
/*a[target=_blank] {
	padding-right: 13px;
	color: #0064C5;
	background: #fff url(../img/icons/newWindow.gif) no-repeat right center;
	}*/
	
.link_pdf-r {
	padding-right: 18px;
	color: #0064C5;
	background: #fff url(../img/icons/pdfFile.gif) no-repeat right center;
	}	
.link_pdf-l {
	padding-left: 18px;
	color: #0064C5;
	background: #fff url(../img/icons/pdfFile.gif) no-repeat left center;
	}
	

/* nav_main 
================================================================================= */

#nav_main ul {
	margin-bottom: 3.8em;
	border-top: 1px solid #999;	
	font-weight: bold;    
	}
	
/* first level  */
#nav_main li {
	font-size: 1.3em;
	color: #666;
	border-bottom: 1px solid #adaeb2;
	}	
#nav_main li a:link,
#nav_main li a:visited,
#nav_main li strong {
	display:block;
	padding: .5em .5em;
	text-decoration: none;
	color:#666;		
	}	
#nav_main li strong,
#nav_main li a.currentfolder {
	color: #900;	
	}	
#nav_main li a:hover,
#nav_main li a:active {
	color: #900;	
	}

/* second level  */
#nav_main ul ul {
	border-top: none;
	margin: 0;
	padding: 0;	
	}
#nav_main li li {		
	font-size: 1em;		
	font-weight: normal;
	border-bottom: none;
	}	
#nav_main li li a:link,
#nav_main li li a:visited,
#nav_main li li strong {
	display: block;
	padding: 0 0 .5em 1.8em;
	color:#666;	
	background: url(../img/icons/menu_arrow.gif) 1em 30% no-repeat;
	text-decoration: none;
	}	
#nav_main li li strong {
	color: #900;
	background: url(../img/icons/menu_arrow_act.gif) 1em 30% no-repeat;
	}	
#nav_main li li a:hover,
#nav_main li li a:active {
	color: #900;
	background: url(../img/icons/menu_arrow_hover.gif) 1em 30% no-repeat;
	}


/* footer 
========================================================================= */	
	
#footer h3 {
	margin-bottom: .5em;
	}	
#footer h6 {
	margin-bottom: .5em;
	}	
	
#kontaktdaten {
	float: left;
	width: 50%;
	padding-bottom: 5em;	
	}
	
#kontaktdaten address,
#nav_suppl_studien ul,
#nav_suppl_service ul {
	font-style: normal;
	font-size: 1.2em;
	line-height: 1.2;	
	}
	
#nav_suppl_studien {
	float: left;
	width: 39%;
	padding-bottom: 5em;	
	}	
#nav_suppl_service {
	float: right;
	width: 10%;
	padding-bottom: 5em;	
	}

#footer a:link,
#footer a:visited {	
	color: #0064C5;
	background-color: #fff;
	}	
#footer a:hover,
#footer a:active {
	text-decoration: underline;
	}
	
	
	
/* misc. 
===================================================================== */
	

.text-l {
	text-align: left;
	}	
.text-r {
	text-align: right;
	}	
.ctr {
	text-align: center;
	}
	
.img-l {
	float: left;
	margin: 0 1em .8em 0;
	}	
.img-r {
	float: right;
	margin: 0 0 .8em 1em;
	}
	
.attention {
	color: #f00;
	font-weight: bold;
	}
	
option {
	margin: .3em 0 0; 		
	}
	
/* ------------------------- noscript --------------------------- */	
	
noscript p {
	padding: .7em .5em .7em 47px;
	border: 2px solid #f00;
	color: #464646;
	background: url(../img/icons/warning.gif) no-repeat 5px center;	
	}
	
/* ---------------- self-clear floats --------------------------- */

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }
	

/* front page
===================================================================== */
		
/* ------------- #news --------------- */
#news {
	float: right;
	width: 20em;	
	}
	
#news h3 {
	margin: 0;
	color: #179;
	}
	
ul#news_list {
	margin: 0;
	}

ul#news_list li {	
	border-bottom: 1px solid #ccc;
	
	padding: .5em 0;
	}
	
ul#news_list li p {
	font-size: 1em;
	line-height: 1.4em;	
	margin: 0;
	}
	
ul#news_list li h4 {
	font-size: 1em;		
	margin: 0;
	}

/* ------------- #teaser -------------- */
#teaser {
	float: left;
	width: 33em;
	}
	
#welcome {
	border: 1px solid #ccc;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;	
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin: 0 0 .5em;
	padding: 1em;	
	}
	
#welcome p {
	font-size: 1.2em;	
	line-height: 1.6em;	
	}
	
#welcome h4 {
	margin: 0;		
	}
	
#welcome img {
	float: left;
	margin: 0 1em 1em 0;	
	}
	
.teaser_entry-l {
	clear: both;
	float: left;
	margin: 1em 0;
	width: 15.5em;
	border: 1px solid #ccc;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;	
	-moz-border-radius: 7px;
	border-radius: 7px;	
	}
	
.teaser_entry-r p,
.teaser_entry-l p {
	margin: 1em;
	text-align: center;
	font-weight: bold;
	}
	
.teaser_entry-r {
	float: right;
	margin: 1em 0;
	width: 15.5em;
	border: 1px solid #ccc;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;	
	-moz-border-radius: 7px;
	border-radius: 7px;	
	}
	
#teaser .teaser_entry-l a:link,
#teaser .teaser_entry-l a:visited,
#teaser .teaser_entry-r a:link,
#teaser .teaser_entry-r a:visited {
	text-decoration: none;
	color: #666;
	}
	
/* sitemap
===================================================================== */
	
#content_main #sitemap {
	font-weight: bold;
	}		

#content_main #sitemap li ul {
	font-weight: normal;
	font-size: 1em;
	}	

#content_main #sitemap li, #content_main #sitemap li a {	
	text-decoration:none;
	color: #666;
	background-color: #fff;
	}		

#content_main #sitemap li ul a {	
	text-decoration:none;
	color: #464646;
	background-color: #fff;
	}

#content_main #sitemap li a:hover {
	text-decoration:underline;
	color: #0064c5;
	background-color: #fff;
	}
	
#content_main #sitemap ul ul li {
	list-style-type: circle;
	}
	
#content_main #sitemap ul li {
	list-style-type: square;
	}