@charset "utf-8";

/*Preperations - removing some predefined Styles*/

html,
body,
div,
span,
h1,
h2,
h3,
p,
blockquote,
strong,
b,
em,
i,
ul,
ol,
li,
pre,
img,
table,
th,
td,
caption,
form {
    border: 0;
    margin: 0;
    padding: 0;
    background-color: transparent;
}

table {
    border-collapse: collapse;
}

a, a:active {
    text-decoration: none;
	outline: none;
}

a:hover	{
    text-decoration: underline;
}

sup	{
	font-size:10px;
}



/*Standard Classes and Styles*/

ul {
	list-style:none;
	margin-left:15px;
	line-height:16px;
}

li	{
	background:url(images/pfeil_doppelpfeil_grau.gif) 0px 6px no-repeat;
	padding-left:13px;
	padding-bottom:10px;
}

#angebote ul {
	list-style:none;
	margin-left:2px;
	line-height:16px;
}

#angebote li	{
	background:url(images/pfeil_doppelpfeil_orange.gif) 0px 6px no-repeat;
	padding-left:13px;
	padding-bottom:10px;
}

#angebote a {	font-weight:normal;	}

#teaser ul {
	margin-top:20px;
	list-style:none;
	margin-left:0px;
}

#teaser li	{
	padding-left:0px;
	background:none;
	padding-bottom:30px;
}


.float-left {
    float: left;
}

.no-float-overflow,
 {
    overflow: hidden;
}

.absolute,
 {
    position: absolute;
}

.hidden,
 {
    display: none;
}

.block,
.h1,
.h2,
.h3,
{
    display: block;
}

.full-width {
    width: 100%;
}

strong,
b,
.strong {
    font-weight: bold;
}

em,
i,
.em {
    font-style: italic;
}

button,
.button {
    cursor: pointer;
}



/*Fonts and Colours*/

body {
    font-family: arial, sans-serif;
    font-size: 12px;
    line-height: 20px;
	color: #333333;

}




/*Backgrounds*/

body {
    background: #e0d5b7 url(images/body_bg_3.gif) no-repeat center top;
}





/*Layout - Where is what and how big is it?*/

#page {
    margin: 0 auto;
    width: 953px;
}

#head {
	color: #666;
    height: 112px;
	font-family: Arial, "sans-serif";
	font-size: 15px;
	font-weight: bold;
}

#head a {
	color: #666;
	font-family: Arial, "sans-serif";
	font-size: 15px;
	font-weight: bold;
}


#head .search{
	background: #f4f0e5;
	height: 75px;
	float: right;
	margin: 13px 3px 0 0;
	width: 430px;
}
 
#head .suchetext{
	display: inline;
	/*margin: 19px 23px 28px 18px;*/
	float: left;
}


#head input{
	border: 1px solid #afa27e;
	color: grey;
	height: 22px;
	width: 205px;
	display: block;
	float: left;
}

#head input.txt{
	font-size: 13px;
	font-weight:bold;
}

#head input.btn{
	background:  url(images/suche_20px.gif) no-repeat;
	display: block;
	height: 20px;
	padding: 0px;
	width: 20px;
	border: none;
	cursor: pointer;
	margin-left: 10px;
	margin-top:17px;
	}

#corpus {
	background: url(images/spalteb_bg.gif);
	margin: 25px 0 0 10px;
	overflow: hidden;
	width: 940px;
	min-height:600px;
	margin-bottom: 50px;
}

#corpus_no_background {
	margin: 25px 0 0 10px;
	overflow: hidden;
	width: 940px;
	min-height:600px;
	margin-bottom: 50px;
}

/** html #corpus {height:800px}*/

#content{
	float: left;
	padding: 22px 0 0px 0;
	width: 543px;	
}

#content_no_background {
	float: left;
	padding: 22px 0 0px 0;
	width: 940px;	
}

#content ul.navigation {
	display: block;
	height: 89px;
}

#content p {
	text-align:justify;
}

#teaser{
	float: right;
	/*margin: 0 0 0 55px;*/
	/*padding: 22px 5px 22px 22px;*/
	width: 305px;
	border: 0px solid #000000;
	margin-right:17px;
	margin-top:15px;
	padding-right:0px;
	
	/*IE6*/
	_margin-right:8px;
}

#teaser_no_background{
	float: right;
	/*margin: 0 0 0 55px;*/
	/*padding: 22px 5px 22px 22px;*/
	width: 305px;
	border: 0px solid #000000;
	margin-top:13px;
	padding-right:0px;
	
	/*IE6*/
	_margin-right:8px;
}

#teaser .teaser_pic{
	clear:left;
	float: left;
	margin-bottom: 10px;
	margin-top:15px;
}


#teaser p {
	padding: 0px 5px 1px 0px;

}


#teaser .teaser_text{
	width: 140px;
	float: left;
	padding: 0 0 0 20px;
	line-height: 14px;
}


#teaser .link_teaser{
	display: block;
	width: 300px;
	text-align: right;
}

#teaser .zitat{
	color: #444444;
	margin-top:40px;
	font-family: arial, "sans-serif";
	font-size: 12px;
}

#teaser .zitat_quelle{
	display: block;
	width: 284px;
	text-align: right;
	font-weight: normal;
	color: #444546;
	margin-top:7px;
	margin-bottom:20px;
}

#teaser .zitat_text{
	margin-left:34px;
	float:left;
}

#teaser .anfuehrungszeichen{
	background: url(images/zitat_anfuehrungszeichen.jpg);
	
	background-repeat:no-repeat;
	width:35px;
	height:19px;
	margin-top:5px;
	float:left;
}

#teaser .schlusszeichen{
	background-color:#990000;
	position:relative;
width:23px;
	float:right;
}

#footer{
	height: 147px;
	background: url(images/footer_bg_4_logos.png);
}

#logos{
	position:relative;
	padding: 54px 0px 10px 0;
	width: 100%;
	height: 48px;	
	float: left;
}

.logos_novartis{
	background-image:url(images/logos/novartis_off.png);
	width:170px;
	height:48px;
	position:absolute;
	left:6px;
	cursor:hand;
	cursor:pointer;	
}

.logos_sandoz{
	background: url(images/logos/sandoz_off.png);
	width:143px;
	height:48px;
	position:absolute;
	left:273px;
	cursor:hand;
	cursor:pointer;	
}

.logos_hexal{
	background: url(images/logos/hexal_off.png);
	width:161px;
	height:48px;
	position:absolute;
	left:523px;
	cursor:hand;
	cursor:pointer;	
}

.logos_ciba_vision{
	background: url(images/logos/ciba_vision_off.png);
	width:169px;
	height:48px;
	position:absolute;
	left:782px;
	cursor:hand;
	cursor:pointer;
}

#footer .metanav{
	border-top: 2px groove #f9f7f1;
	position:relative;
	margin: 8px 0 0 0px;
	width: 100%;
	color:#444;
	float: left;
	height: 18px;
	display: inline;
}

.abstand{
	padding-top: 5px;
}

#text{
	margin-bottom: 25px;
	float: left;
}

#artikel{
	float: left;
	padding-top: 20px;
	width: 100%;
}


#artikel .text{
	float: left;
	width: 430px;
	padding-left: 10px;
	
}

#artikel .bild{
	float: left;
	padding-top: 1px;
}

#artikel .date{
}

#artikel .read_more{
	
}


#artikel p{
	padding: 7px 0 7px 0;
}

#paging{
	background: #f3efe3 url(images/weitere_pfeile.gif) no-repeat;
	display: block;
	height: 20px;
	margin-top: 50px;
	padding-top: 3px;
	overflow: hidden;
	width: 100%;
	text-align: center;
	color: #e77b00;
	font-weight: bold;
}
	
	
/*Text Formatierung*/

h1{
	position:relative; 
	font-family: Arial, "sans-serif";
	font-size: 22px;
	line-height:26px;
	margin-bottom:30px;
}

	.h1_light{    
		position:relative; 
		left:-1px; 
		color:#e87a00;    
		z-index:10; 
}
	.h1_shadow{    
		position:absolute; 
		top:1px; 
		color:#f4f0e5; 
		z-index:9;
}

.h1_teaser{
	position:relative; 
	font-family: Arial, "sans-serif";
	font-size: 18px;
	font-weight:bold;
}

	.h1_teaser_light{    
		position:absolute; 
		left:-1px; 
		color:#666;    
		z-index:10; 
}
	.h1_teaser_shadow{    
		position:absolute; 
		top:1px; 
		color:#fff; 
		z-index:9;
}


#willkommen	{
	position:relative; 
	top:-5px;
	font-family: Arial, "sans-serif";
	font-weight:bold;
	font-size: 26px;
}

	.willkommen_light	{    
		position:absolute; 
		color:#e87a00;    
		z-index:10; 
}
	.willkommen_shadow	{    
		position:absolute; 
		left:1px; 
		top:1px; 
		color:#f4f0e5; 
		z-index:9;
}


h2{
	color: #444444;
	font-size: 12px;
	font-weight: bold;
	margin-top:32px;
	margin-bottom:5px;
}

a {
	color: #d45f00;
	font-family: arial, "sans-serif";
	font-size: 12px;
	font-weight: bold;
}

a:focus { background-color:#e77b00; color:#ffffff;  border-bottom:1px dotted #e77b00; font-weight:bold; }

img a:focus { border-bottom:1px dotted #e77b00; }

.metanav .copyright{
	position:absolute;
	right:0px;	
	text-align: right;
	padding-left: 320px;
}

.metanav a{
	font-weight: normal;
	color: #444;
}

.highlight{
	font-weight: bold;
	color: #e77b00;
}

/* HR */

div.line {
	width: 100%;
	float: left;
  height: 20px;
  background: transparent url(images/hr.gif) repeat-x;
}


div.line_navi {
	width: 100%;
	float: left;
  height: 2px;
  background: transparent url(images/hr.gif) repeat-x;
}

/*hr für den Teaser */
div.hr {
	width: 100%;
  	height: 20px;
  	background: transparent url(images/hr.gif) repeat-x;
  	margin-top: 15px;
} 

hr{
	display: none;
}


	div#navigation_primaer									{		position:relative;	width:950px;	height:94px;	}


	div#navigation_sekundaer								{		position:relative;	width:950px;	height:26px;	background:url(images/navigation/bg_seknav.gif);	font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:11px;	font-weight:bold;	text-decoration:none;	padding-top:10px;	}
	div#navigation_sekundaer img							{		}
	div#navigation_sekundaer a								{		font-weight:normal; color:#FFF; text-decoration:none;	}
	div#navigation_sekundaer a:hover						{		text-decoration:underline;}
	div#navigation_sekundaer a:focus						{		background-color:#666666; color:#ffffff; }
	
	img														{		border:none;	}
	

	div#tabnavigation										{		display:block;	position:relative;	width:940px;	height:58px;	margin-top:30px; margin-bottom:25px;	}

#nutzungsbedingungen {
	margin-top:25px;
	padding-top:22px;
	padding-left:10px;
	padding-right:10px;
	overflow: hidden;
	margin-bottom: 50px;
	text-align:justify;
}

p {
	margin-top: 10px;
	margin-bottom: 5px;
}

h3	{
	font-size:14px;
}

#nutzungsbedingungen h3 {
	margin-top:30px;	
	}
	
#nutzungsbedingungen h4 {
	margin-top:30px;	
	color: #e87a00;
}

#fussnote {
	clear:left;
	margin-top:20px;
	font-style:italic;
}

.event_titel	{
	color: #444546;
	font-size: 12px;
	font-weight: bold;
}

.event_untertitel {
	font-style:italic;
	margin-top:8px;
}

#kontaktformular	{
	margin-top: 25px;
}

#kontaktformular input[type="text"]   {
    width: 200px;
	margin-bottom: 5px;
}

#kontaktformular textarea {
	float:right;
    width: 300px;
	margin-bottom: 5px;
}

a.noclick, a.noclick:hover {
	color:#000;
	text-decoration:none;
	cursor:text;
}

.kontaktformfield {
	width:220px ! important;
}

.kontaktformtextarea {
	width:280px ! important;
	margin-right:20px ! important;
}

.wpcf7-mail-sent-ng, .wpcf7-mail-sent-ok {
	width:255px;
	border: 1px solid #EF7F01 ! important;
}

.wpcf7-not-valid-tip {
	border: 1px solid #EF7F01 ! important;
	padding-left:7px ! important;
	width:220px ! important;
}

#kostenhinweis	{
	font-family:Arial;
	font-size:10px;
	font-weight:normal;
	color:#62605c;
}