/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{margin:0;padding:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
h1{font-weight:bold;font-size:1.5em;color:black;margin-bottom:10px;}
h2{font-weight:bold;font-size:1.3em;color:black;margin-bottom:10px;}
h3{font-weight:bold;font-size:1.1em;color:black;margin-bottom:10px;}
p{padding-bottom:1em;}
*{text-align:left;} /* damit nicht alles zentriert ist; siehe body-eintrag */
/* end reset */

body {
	background: #e0d3bf url(../images/body-bg.png) top left repeat-x;
	margin-top: 0px;
	text-align:center; /* zentriert auch für IE */
	/*width: 100%;*/
}
body, table, input, textarea, select {
	font-family: Verdana;
	font-size: 8pt;
}
div, li, p {
	line-height: 1.35em;	
}

div#master {
	width: 950px; 
	/*margin: 0px auto;*/
	margin-left: auto;
	margin-right: auto;
}

div#header {
	height: 133px;
	background: url(../images/Eurorad-Header.png) top left no-repeat;
}

div#page {
	border-top: 6px solid #AB1522;
	border-left: 1px solid #AB1522;
	border-right: 1px solid #AB1522;
	background-color: white;
}

div#footer {
	height: 20px;
	line-height: 20px;
	font-size: 1px;
	background: #e0d3bf url(../images/footer.png) top left no-repeat;
}

a#logo {
	float: left;
}

div#logged {
	float: right;
	height: 54px;
	text-align: right; 	
}
div#balken_grau{
	width: 950px;
	height: 100px;
	border-top: 6px solid #AB1522;
	background:#888; /*url(../images/546-MK-MIG-ECR2010bannerAd.gif) no-repeat;*/
	/*cursor:pointer;*/
	overflow: hidden;
}
div#flash_container {
	position: absolure; 
	z-index: 1;
	overflow: hidden;
	heigth: 100px;
	width: 950px;
	margin: 0px;
	padding: 0px;
}
div#navigation {
	width: 950px;
	height: 30px;
	clear: right;
	/*float: right;*/
	margin: 2px 0px 0px 0px;
	padding: 0px;
	white-space: nowrap;
}

div#navigation span {
	float: right;
	margin-left: 1px;
	/*background: url(../images/tab-orange.png) 0 0 no-repeat;*/
}

div#navigation span {
	width: 104px;	
	height:30px;
	cursor: pointer;
}
div#navigation span.nav_home, div#navigation span.nav_home_active {
		margin-left: 0px;
}
div#navigation span.nav_teaching, div#navigation span.nav_teaching_active {
	width: 137px;	
}
div#navigation span.nav_submit, div#navigation span.nav_submit_active {
	width: 145px;	
}
div#navigation span.nav_my {
	width: 141px;	
}

div#navigation span.nav_home_active {
	background-image: url(../images/tab_Home_aktiv.gif);
}
div#navigation span.nav_home {
	background-image: url(../images/tab_HOME_passiv.gif);
}

div#navigation span.nav_history {
	background-image: url(../images/tab_History_passiv.gif);
}
div#navigation span.nav_history_active {
	background-image: url(../images/tab_History_aktiv.gif);
}

div#navigation span.nav_faq{
	background-image: url(../images/tab_FAQ_passiv.gif);
}
div#navigation span.nav_faq_active {
	background-image: url(../images/tab_FAQ_aktiv.gif);
}

div#navigation span.nav_search_active {
	background-image: url(../images/tab_Search_aktiv.gif);
}
div#navigation span.nav_search {
	background-image: url(../images/tab_Search_passiv.gif);
}

div#navigation span.nav_contact_active {
	background-image: url(../images/tab_Contact_aktiv.gif);
}
div#navigation span.nav_contact {
	background-image: url(../images/tab_Contact_passiv.gif);
}

div#navigation span.nav_teaching_active {
	background-image: url(../images/tab_TeachingCases_aktiv.gif);
}
div#navigation span.nav_teaching {
	background-image: url(../images/tab_TeachingCases_passiv.gif);
}

div#navigation span.nav_submit_active {
	background-image: url(../images/tab_SubmitaCase_aktiv.gif);
}
div#navigation span.nav_submit {
	background-image: url(../images/tab_SubmitaCase.gif);
}
div#navigation span.nav_my {
	background-image: url(../images/tab_MyEurorad.gif);
}
/*
div#navigation span.active {
	background-position: 0 -32px;
}
*/
div#navigation span.down_active {
	background-position: 0 0px;
}
/*
div#navigation a, div#navigation span.active a, div#navigation span.blue a {
	background: url(../images/tab-orange.png) 100% 0 no-repeat;
	color: white;
	display: block;
	font-family: Arial;
	font-weight: bold;
	font-size: 10pt;
	height: 31px;
	padding-right: 8px;
	line-height: 31px;
	margin-left: 8px;
	text-decoration: none;
	white-space: nowrap;
}
* html body div#navigation a {
	width: 1%;  ignored by firefox, for ie6 
}

div#navigation a img {
	position: absolute;
}

div#navigation span a:hover {
	text-decoration: underline;
}

div#navigation span.blue a {
	background-image: url(../images/tab-blue.png);
}

div#navigation span.active a {
	background-position: right -32px;
}
*/
div#navigation span.down a {
	padding-right: 27px;
	background-position: right -64px;
}

div#navigation span.down_active a {
	padding-right: 27px;
	background-position: right -96px;
}
/*
div#myeurorad {
	background-color: #ADC2EB;
	border: 1px solid #F7F8FD;
	border-right: 0 none;
	color: #d5e0f4;
	margin: 0 0 0 737px;
	position: absolute;
	width: 214px;
	z-index: 100;	
}*/
div#myeurorad {
	background-color: #d7c8af;
	border: 1px solid #c3a580;
	border-right: 0 none;
	color: #f0f0f0;
	margin: 0 0 0 737px;
	position: absolute;
	width: 212px;
	z-index: 100;	
}
div#myeurorad ul {
	padding: 5px 10px;
}
div#myeurorad li {
	margin: 5px 0;
}
div#myeurorad a {
	float: left;
	font-weight: normal;
	color: #785a46;
	text-decoration: none;
}
div#myeurorad a:hover {
	text-decoration: underline;
}
div#myeurorad b {
	color: #50280f;
}
div#myeurorad em {
	float: right;
	color: #785a46;
}
div#myeurorad span.marked {
	color: #785a46;
	font-weight: bold;
}
div#myeurorad div.dotted { 
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	background: url(../images/dotted-white.gif) top left repeat-x;
}
div#myeurorad a.red { 
	color: #AB1522;
	font-weight: normal;
}

div#bottomnav {
	margin-bottom: 1em;
	text-align: center;
}
div#bottomnav a {
	margin: 0 .4em;
}

div#main {
	float: left;
	margin-top: 10px;
	padding-left: 10px;
	width: 520px;
}

div#main h1 {
	background: white url(../images/stripes.png) bottom left repeat-x;
	margin: 20px 0 15px 0;
	line-height: 11px;
	height: 11px;
}

div#main h1 a {
	float: right;
	color: #AB1522;
	background-color: white;
	font-family: arial;
	font-size: 9pt;
	font-weight: normal;
	padding: 0 0 1px 4px;
}

div#main h1 b {
	color: #AB1522;
	background-color: white;
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	padding: 0 5px 1px 0;
	position: absolute;
	text-transform: uppercase;
}

div#side {
	background: url(../images/side-body_new.png) top left repeat-y;
	color: #785a46;
	float: right;
	margin-top: 10px;
	padding: 0;
	padding-right: 10px;
	width: 390px;
	overflow: hidden;
}

div#side div.top {
	background: url(../images/side-borders.png) top left no-repeat;
	height: 4px;
	font-size: 1px;
	line-height: 4px;
}

div#side div.bottom {
	background: url(../images/side-borders.png) bottom left no-repeat;
	height: 4px;
	font-size: 1px;
	line-height: 4px;
}

div#side div.box {
	width: 185px;
}

div#side div.left {
	float: left;	
	padding: 0 10px 0 9px;	
	width: 187px;
	border-right: 1px solid #c3a580;
}

div#side div.right {
	float: right;
	padding-right: 9px;
	width: 170px;
}

div#side div.center {
	background: #d7c8af url(../images/side-box-bottom.png) bottom left repeat-x;
	margin: 0 10px 0 10px;
	padding: 10px 0 25px 0;
}

div#side h3 {
	border-bottom: 1px solid #c3a580;
	color: #663300;
	margin-bottom: 10px;
	line-height: 10px;
	height: 10px;
}
div#side h3 b {
	color: #AB1522;
	background-color: #d7c8af;
	font-family: arial;
	padding: 0 3px 1px 0;
	position: absolute;
	text-transform: uppercase;
}
div#side b.login {
	color: #AB1522;
}
div#side a.button_hover, 
div#side a.button, 
div#side a.button_disabled,
div#side a.button_hover span, 
div#side a.button span, 
div#side a.button_disabled span,
form.figure a.button, 
form.figure a.button span 
{ background-image: url(../images/nice-button-brown.png);
}
a.button span, a.button_gray span{
	color: #666;
}
.clr { clear: both; font-size: 1px; height: 1px; line-height: 1px; }
.clr_r { clear: right; font-size: 1px; height: 1px; line-height: 1px; }
.clr_l { clear: left; font-size: 1px; height: 1px; line-height: 1px; }


a, a:link, a:active, a:visited { 
	color: #AB1522;
	text-decoration: underline; 
}
a:hover {
	text-decoration:none;
}

div#side a, form.figure a {
	color: #AB1522; 	
}

div#main a.totop, div#side a.totop {
	background: url(../images/icon-updown-brown.gif) 0 -15px no-repeat;
	display: block;
	line-height: 16px;
	padding-left: 20px;
}

div#side a.totop {
	background-image: url(../images/icon-updown-brown.gif);
}

small {
	font-size: 7pt;
	color: #666;
}

.pagination a, .pagination a:link, .pagination a:visited {
	padding: 1px 4px;
	border: 1px solid #c3a580;
	margin-left: 1px;
	background-color: white;
	text-decoration: none;
	display: block;
	float: left;
}
.pagination a:hover {
	background-color: white;
	border: 1px solid #AB1522;
}
.pagination a.active {
	background-color: white;
	color: black;
	font-weight: bold;
	border: 1px solid #AB1522;
}
.pagination span {
	padding: 3px;
	border: 1px solid white;
	text-decoration: none;
	display: block;
	float: left;
}

span.highlight {
	background-color: yellow;	
}
a span.highlight {
	font-weight: bold;
	text-decoration: underline;
}
a:hover span.highlight {
	text-decoration: none;
}

a.casetitle, a.case, a.sticky {
	line-height: 18px;
	height: 18px;
	padding-left: 20px;
	display: block;
	background: url(../images/icon-case.png) 0 2px no-repeat;	
}
a.sticky {
	background-image: url(../images/icon-case-sticky.png);
}
a.casetitle {
	background: none;
	padding: 0;	
}

fieldset {
	margin: .5em 0 1em 0;	
	padding: 0 0 .5em 0;
}
fieldset legend {
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #50280f;
	font-size: 1.1em;
}
fieldset ol li {
	display: block;
	height: 1.2em;
	clear: both;
	margin: .9em 0;
}
fieldset ol li label {
	display: block;
	width: 100px;
	float: left;
}
fieldset ol li div.input {
	float: left;
}
fieldset ol li div label {
	display: inline;
	float: none;
}
fieldset ol em {
	color: #AB1522;
	font-weight: bold;
}
fieldset label.required {
	font-weight: bold;
}

div#modal_overlay {
	background-color: black;
}
div#modal_container {
	padding: 0;
	background-color: #e0d3bf;
	border: 1px solid black;
	overflow: auto;
}
div#login_box li{
	margin:0px;
	padding:0px;
	margin-bottom: 0px;
}
div#login_box .input_field{
	width: 165px;
	height: 16px;
	margin: 0px;
	padding: 0px;
	border: none;
	line-height:1em;
}
div#login_box label{
	margin: 0px 0px 0px 5px;
	color: #50280f;
	line-height: 7px;
	font-size: 9px;	
	padding: 0px;
	position: relative;
	top: -4px;
}
/*.login_button{
	position: relative;
	top: -4px;
}*/
div#login_box .login_button {
	background: #AB1522;
	width: 50px;
	height: 16px;
	padding: 2px 4px;
	
}
div#login_box .login_button span, div#login_box a.login_button{
	color: white;
	font-size: 10px;
	text-decoration: none;
}