@charset "UTF-8";
/* CSS Document */

/* Allgemein */
* {
	margin:0px;
	padding:0px;
}
html{
	height:100%;
}

/* Parents */

.container{
	position:relative;
	height:100%;
	width:900px;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
}
.top{
	position:relative;
	float:left;
	display:inline;
	height:61px;
	width:580px;
	background-image:url(images/topbg.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
.links{
	/*position:relative;
	float:left;
	display:inline;*/
	position:absolute;
	top:0px;
	right:0px;
	height:61px;
	width:624px;
}
.directlinks a{
	position:relative;
	float:right;
	display:inline;
	height:auto;
	width:auto;
	padding-top:35px;
	padding-right:17px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	text-decoration:none;
	color:#77ad1a;
}
.directlinks a:hover{
	text-decoration:underline;
	color:#fa852b;
}
.banner{
	position:relative;
	float:left;
	display:inline;
	height:101px;
	width:682px;
	background-image:url(images/endo_logo.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
.banner img{
	padding-left:0px;
}
.login{
	position:relative;
	float:left;
	display:inline;
	height:97px;
	width:163px;
	padding-left:54px;
	padding-top:4px;
	background-image:url(images/loginbox.gif);
	background-position:right;
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
}
.login .morelink{
	position:absolute;
	bottom:2px;
	right:30px;
	height:13px;
	width:64px;
}
.login h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:15px;
	color:#fa852b;
	font-weight:100;
}
.login form {
	padding-top:2px;
}
.login .titel{
	float:left;
	display:inline;
	width:135px;
	height:15px;
}
.login .input {
	float:left;
	diplay:inline;
	width:135px;
	height:11px;
	border-style:solid;
	border-width:1px;
	border-color:#fa852b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

/* Navigation*/

.navigation{
	position:relative;
	float:left;
	display:inline;
	height:49px;
	width:788px;
	background-image:url(http://www.endokrinologie-sg.ch/xwiki/bin/download/Skins/EndoSkin/greenbar.gif);
	padding-left:22px;
	padding-top:13px;
	z-index:2;
}
.navitem1{
	position:relative;
	float:left;
	display:inline;
	height:22px;
	width:auto;
	overflow:hidden;
	margin-right:8px;
}
.navitem1:hover{ /*Javascript ist iE6.0 Lösung, falls nun JavaScript ausgeschaltet funktioniert die Navigation wenigstens ausserhalb iE6.0*/
	overflow:visible;
}
.navtitle {
	height:18px;
	width:auto;
	display:block;
	float:left;/*Hier kein inline wegen Bill Gates super Browser iE6.0*/
	font-family:Lucida Grande, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	padding-left:7px;
	padding-right:8px;
	padding-top:1px;
	margin-bottom:0px;
	background-position:right;
	background-repeat:no-repeat;	
	color:#FFFFFF;
	text-decoration:none;
}
.navtitle_active{
	height:18px;
	width:auto;
	display:block;
	float:left;/*Hier kein inline wegen Bill Gates super Browser iE6.0*/
	font-family:Lucida Grande, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	background-color:#fa852b;
	padding-left:7px;
	padding-right:8px;
	padding-top:1px;
	margin-bottom:0px;
	background-image:url(images/corners_orange.gif);
	background-position:right;
	background-repeat:no-repeat;	
	color:#FFFFFF;
	text-decoration:none;
}
.navtitle:hover{
	background-color:#fa852b;
	background-image:url(images/corners_orange.gif);
	background-position:right;
	background-repeat:no-repeat;
}

.navitem2 {
	position:absolute;
	top:22px;
	left:0px;
	/*height:auto;*/
	width:250px; /* siehe unten bei .navtitle 1 .navitem2 {...} */
	background-color:#FFFFFF;
	white-space:nowrap;
	border-top:1px solid #77ad1a;
	border-right:1px solid #77ad1a;
	border-left:1px solid #77ad1a;
	color:#4f5154;
	background-image:url(nav2-bg.gif);
	background-position:top left;
}
.navtitle + .navitem2, .navtitle_active + .navitem2 { /*iE6.0 kann verschachtelte Elemente nicht interpretieren, daher wird das Breitenproblem vom iE6.0 mit der Navigation umgangen, indem die Breite auf 212x gesetzt wird. Ein intelligenterer Browser interpretiert die Verschachtelung und stellt die Navigation richtig dar (mit width: auto) */
	width: auto;
}
.navitem2 a{
	display:block;
	height:16px;
	/*width:100%;*/
	/*border-top-style:solid;
	border-top-width:1px;
	border-top-color:#77ad1a;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#77ad1a;
	text-decoration:none;
	padding-left:6px;
	padding-right:6px;
}
.navitem2 a:hover{
	color:#fa852B;
}
.navitem2 a.first {
	border:none;
}

/* Seitenteile nach Navigation*/
.column_left{
	position:relative;
	float:left;
	display:inline;
	height:auto;
	width:150px;
	padding-left:29px;
	padding-top:0px;
	line-height:1px;
}
.menuitem1{
	position:relative;
	height:auto;
	width:140px;
	line-height:15px;
	padding-top:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.menuitem1 a{
	text-decoration:none;
	color:#77ad1a;
	display:block;
	padding-top:6px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#77ad1a;
}
.menuitem1 a.active, .menuitem1 a:hover{
	color:#fa852b;
	border-bottom-color:#fa852b;
}
.menuitem1.active{
	border-bottom-color:#ed0722;
}
.menuitem2{
	height:auto;
	width:128px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:12px;
	color:#77ad1a;
}
.menuitem2 a{
	text-decoration:none;
	color:#77ad1a;
	display:block;
	padding-top:3px;
	background-image:url(images/listbutton_green.gif);
	background-repeat:no-repeat;
	background-position:0px 7px;
	padding-left:14px;
}
.menuitem2 a.active, .menuitem2 a:hover{
	color:#fa852b;
	background-image:url(images/listbutton_orange.gif);
}
.menuitem2 ul {
	list-style-type:disc;
}
.column_center{
	position:relative;
	float:left;
	display:inline;
	height:auto;
	width:470px;
	padding-left:22px;
	padding-right:22px;
	padding-top:4px;
}
.column_right{
	position:relative;
	float:left;
	display:inline;
	height:auto;
	width:196px;
	padding-top:2px;
}
.news{
	position:relative;
	height:354px;
	width:152px;
	margin-left:15px;
	padding-left:22px;
	padding-top:4px;
	padding-right:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	color:#5F5F60;
	border:solid 2px #fa852b;
}
.news a.morelink, .news .morelink a{
	position:absolute;
	display:block;
	bottom:10px;
	right:30px;
	height:11px;
	width:42px;
	padding-left:12px;
	color:#FFFFFF;
	background-image:url(images/mehr.gif);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:11px;
	text-decoration:none;
}
.news h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:bold;
	font-size:13px;
	line-height:15px;
	text-transform:uppercase;
	color:#fa852b;
	font-weight:100;
	padding-bottom:9px;
}
.news h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	padding-bottom:3px;
	color:#77ad1a;
}
.footer{
	position:relative;
	clear:both;
	height:38px;
	width:892px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	color:#fa852b;
	padding-left:17px;
	padding-top:25px;
	margin-left:auto;
	margin-right:auto;
}
.print{
	position:absolute;
	left:186px;
	top:21px;
	display:block;
	color:#fa852b;
	text-decoration:none;
	text-transform:uppercase;
}
.imklink_a {
	text-decoration:none;
	color:#fa852b;
}
.imklink_b {
	text-decoration:none;
	color:#fa852b;
	font-style:italic;
	font-weight:bold;
}
.footer img{
	border:none;
	vertical-align:bottom;
}
/* Formular */
.realcontent form {
	padding-top:20px;
}
.realcontent .formular_row{
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	overflow:hidden;
	border:none;
	margin:none;
}
.realcontent .titel{
	float:left;
	display:inline;
	width:123px;
	padding-top:2px;
	height:15px;
	padding-bottom:2px;
	clear:both;
}
.realcontent .titel_checkbox{
	float:left;
	display:inline;
	width:300px;
	padding-top:0px;
	height:auto;
	padding-bottom:0px;
}
.realcontent .titel_checkbox2{
	float:left;
	display:inline;
	width:123px;
	padding-top:0px;
	height:auto;
	padding-bottom:0px;
}
.realcontent .titel_bottom{
	float:left;
	display:inline;
	width:auto;
	padding-top:1px;
	height:auto;
	padding-bottom:0px;
}
.realcontent .selectbox{
	position:relative;
	float:left;
	display:inline;
	height:auto;
	width:auto;
}
.realcontent .input{
	float:left;
	diplay:inline;
	width:210px;
	height:17px;
	border:none;
	background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border-style:solid;
	border-width:1px;
	border-color:#fa852b;
}
.realcontent .input2 {
	float:left;
	diplay:inline;
	width:210px;
	height:60px;
	border:none;
	background-color:#ffffff;
	margin-bottom:21px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border-style:solid;
	border-width:1px;
	border-color:#fa852b;
}
.realcontent .input2a {
	float:left;
	diplay:inline;
	width:466px;
	height:60px;
	border:none;
	background-color:#ffffff;
	margin-bottom:21px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border-style:solid;
	border-width:1px;
	border-color:#fa852b;
}
.realcontent .input3{
	float:right;
	diplay:inline;
	width:150px;
	height:17px;
	border:none;
	background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border-style:solid;
	border-width:1px;
	border-color:#fa852b;
}
.realcontent .input4{
	float:right;
	display:inline;
	width:75px;
	padding-top:0px;
	height:auto;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}
.realcontent  a.morelink{
	display:block;
	right:182px;
	height:15px;
	width:55px;
	margin-left:266px;
	padding-left:14px;
	color:#FFFFFF;
	background-image:url(images/best.gif);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	text-decoration:none;
	/*background-repeat:no-repeat;*/
}

form .validation-advice {
	background-color:#FFFFFF;
	color:#5F5F60;
	float:left;
	margin-left:2px;
	width:152px;
	font-weight:normal;
}

.bannerlink {
	display:block;
	height:59px;
	width:171px;
	background-color:none;
	position:absolute;
}

.homelink {
	display:block;
	height:67px;
	width:228px;
	background-color:none;
	position:absolute;
}
.realcontent #loginForm .titel{
	float:left;
	display:inline;
	width:123px;
	padding-top:2px;
	height:15px;
	padding-bottom:2px;
	clear:both;
	margin-top:10px;
}
.realcontent #loginForm .input{
	float:left;
	diplay:inline;
	width:210px;
	height:17px;
	border:none;
	background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border-style:solid;
	border-width:1px;
	border-color:#fa852b;
	margin-top:10px;
}
.realcontent #loginForm .morelink{
	display:block;
	margin-top:20px;
}