@charset "utf-8";

html {
	background-image: url(../images/back.gif);
	background-repeat: repeat-x;
	width: 100%;
	color:#38352b;
	font-family:Tahoma, Geneva, sans-serif;
	background-color:#d1e6eb;
}

a{
	color:#4A4A4A;
}
a:hover {
	color:#03F;
}
h1 {
	display:block;
	height:57px;
	width:716px;
	padding-left:30px;
	font-size:18px;
	font-weight:bold;
	text-indent:-3000px;
	background-repeat: no-repeat;
	background-position:9px 0px;
}


#header {
	width:950px;
	height:83px;
	margin:auto;
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative
}

#header a.home,
#header-english a.home, 
#header-german a.home,
#header-french a.home {	
	display:block;
	width:950px;
	height:83px;
}

a.english {
	position:absolute;
	display:block;
	width:42px;
	height:18px;
	background-image: url(../images/english.gif);
	background-repeat: no-repeat;
	background-position: left -18px;
	position:absolute;
	left: 54px;
	top: 90px;
	text-indent:-2000px;
}
a.english:hover {
	background-position: left 0px;
}

a.german {
	position:absolute;
	display:block;
	width:42px;
	height:18px;
	background-image: url(../images/german.gif);
	background-repeat: no-repeat;
	background-position:left -18px;
	position:absolute;
	left: 106px;
	top: 90px;
	text-indent:-2000px;
}
a.german:hover {
	background-position: left 0px;
}

a.greek {
	position:static;
	display:block;
	width:42px;
	height:18px;
	background-image: url(../images/greek.gif);
	background-repeat: no-repeat;
	background-position: left -18px;
	position:absolute;
	left: 2px;
	top: 90px;
	text-indent:-2000px;
}
a.greek:hover {
	background-position: left 0px;
}
a.french {
	position:static;
	display:block;
	width:42px;
	height:18px;
	background-image: url(../images/french.gif);
	background-repeat: no-repeat;
	background-position: left -18px;
	position:absolute;
	left: 158px;
	top: 90px;
	text-indent:-2000px;
}
a.french:hover {
	background-position: left 0px;
}
#header-english {
	width:950px;
	height:83px;
	margin:auto;
	background-image: url(../images/header-en.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative
}

#header-german {
	width:950px;
	height:83px;
	margin:auto;
	background-image: url(../images/header-de.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative
}

/* menu start */
#menu {
	width:950px;
	height:36px;
	margin:auto;
}

#menu ul {
	margin-left:278px;
}

#menu li {
	float:left;
}
#menu li a {
	display:block;
	line-height:36px;
	height:36px;
	background-repeat: no-repeat;
	overflow: hidden;
	background-image: url(../images/menu.gif);	
	text-indent:-3000px;	
}
a.menu-1-gr {
	width:130px;
	background-position: -234px top;

}
a.menu-1-gr:hover {
	background-position:-234px bottom;
}
a.menu-1-gr-selected {
	width:130px;	
	background-position:-234px bottom;
}

a.menu-2-gr {
	width:182px;
	background-position: -384px top;
}
a.menu-2-gr:hover {
	background-position:-384px bottom;
}
a.menu-2-gr-selected {
	width:182px;	
	background-position:-384px bottom;
}


a.menu-3-gr {
	width:200px;
	background-position: -570px top;
}
a.menu-3-gr:hover {
	background-position:-570px bottom;
}
a.menu-3-gr-selected {
	width:200px;	
	background-position:-570px bottom;
}

a.menu-4-gr {
	width:160px;
	background-position: -779px top;
}
a.menu-4-gr:hover {
	background-position:-779px bottom;
}
a.menu-4-gr-selected {
	width:160px;
	background-position: -779px bottom;
}


/* English menu */
#menu-en {
	width:950px;
	height:36px;
	margin:auto;
}

#menu-en ul {
	margin-left:278px;
}

#menu-en li {
	float:left;
}
#menu-en li a {
	display:block;
	line-height:36px;
	height:36px;
	background-repeat: no-repeat;
	overflow: hidden;
	background-image: url(../images/menu-en.gif);	
	text-indent:-3000px;	
}
a.menu-1-en {
	width:130px;
	background-position: -234px top;

}
a.menu-1-en:hover {
	background-position:-234px bottom;
}
a.menu-1-en-selected {
	width:130px;	
	background-position:-234px bottom;
}

a.menu-2-en {
	width:182px;
	background-position: -384px top;
}
a.menu-2-en:hover {
	background-position:-384px bottom;
}
a.menu-2-en-selected {
	width:182px;	
	background-position:-384px bottom;
}


a.menu-3-en {
	width:200px;
	background-position: -570px top;
}
a.menu-3-en:hover {
	background-position:-570px bottom;
}
a.menu-3-en-selected {
	width:200px;	
	background-position:-570px bottom;
}

a.menu-4-en {
	width:160px;
	background-position: -779px top;
}
a.menu-4-en:hover {
	background-position:-779px bottom;
}
a.menu-4-en-selected {
	width:160px;
	background-position: -779px bottom;
}

/* German menu */
#menu-de {
	width:950px;
	height:36px;
	margin:auto;
}

#menu-de ul {
	margin-left:278px;
}

#menu-de li {
	float:left;
}
#menu-de li a {
	display:block;
	line-height:36px;
	height:36px;
	background-repeat: no-repeat;
	overflow: hidden;
	background-image: url(../images/menu-de.gif);	
	text-indent:-3000px;	
}
a.menu-1-de {
	width:130px;
	background-position: -234px top;

}
a.menu-1-de:hover {
	background-position:-234px bottom;
}
a.menu-1-de-selected {
	width:130px;	
	background-position:-234px bottom;
}

a.menu-2-de {
	width:182px;
	background-position: -384px top;
}
a.menu-2-de:hover {
	background-position:-384px bottom;
}
a.menu-2-de-selected {
	width:182px;	
	background-position:-384px bottom;
}


a.menu-3-de {
	width:200px;
	background-position: -570px top;
}
a.menu-3-de:hover {
	background-position:-570px bottom;
}
a.menu-3-de-selected {
	width:200px;	
	background-position:-570px bottom;
}

a.menu-4-de {
	width:160px;
	background-position: -779px top;
}
a.menu-4-de:hover {
	background-position:-779px bottom;
}
a.menu-4-de-selected {
	width:160px;
	background-position: -779px bottom;
}

/* menu end */

#content {
	width:950px;
	margin:auto;
}
#left-column {
	width:204px;
	height:450px;
	float:left;
	background-image: url(../images/left.jpg);
	background-position: center top;
	background-repeat:no-repeat;
	position:relative;
}
#left-column-en {
	width:204px;
	height:450px;
	float:left;
	background-image: url(../images/left-en.jpg);
	background-position: center top;
	background-repeat:no-repeat;
	position:relative;
}
#right-column {
	width:746px;
	float:left;
}

div.name {
	font-size:14px;
	font-weight:bold;
	position:absolute;
	left: 17px;
	top: 18px;
}
.title {
	position:absolute;
	font-size:12px;
	line-height:15px;
	color:#38352b;
	left: 17px;
	top: 257px;
	font-weight: bold;
}

ul.submenu {
	position:absolute;
	left: 42px;
	top: 277px;
	width: 164px;
}
ul.submenu li{
	padding-top:10px;
}

ul.submenu a,
ul.submenu a:link,
ul.submenu a:active,
ul.submenu a:visited {
	font-size:14px;
	display:block;
	height:20px;
	line-height:20px;
	width:160px;
	text-decoration:none;
	font-weight: bold;
}

ul.submenu li a:hover {

}
ul.submenu li a.selected {
	color:#38352b;
}


/* The headers  */
h1.urology {
	background-image:url(../images/urology.jpg);
}
h1.urology-en {
	background-image:url(../images/urology-en.jpg);
}
h1.urology-de {
	background-image:url(../images/urology-de.jpg);
}
h1.vision {
	background-image:url(../images/vision.jpg);
}
h1.vision-en {
	background-image:url(../images/vision-en.jpg);
}
h1.vision-de {
	background-image:url(../images/vision-de.jpg);
}
h1.news {
	background-image:url(../images/latestnews.jpg);
}
h1.news-en {
	background-image:url(../images/latestnews-en.jpg);
}
h1.news-de {
	background-image:url(../images/latestnews-de.jpg);
}
h1.faq {
	background-image:url(../images/faq.jpg);	
}
h1.faq-en {
	background-image:url(../images/faq-en.jpg);
}
h1.faq-de {
	background-image:url(../images/faq-de.jpg);
}
h1.bio {
	background-image:url(../images/bio.jpg);
}
h1.bio-en {
	background-image:url(../images/bio-en.jpg);
}
h1.bio-de {
	background-image:url(../images/bio-de.jpg);
}
h1.contact {
	background-image:url(../images/contact.jpg);
}
h1.contact-en {
	background-image:url(../images/contact-en.jpg);
}
h1.contact-de {
	background-image:url(../images/contact-de.jpg);
}
h1.ask {
	background-image:url(../images/ask.jpg);
}
h1.ask-en {
	background-image:url(../images/ask-en.jpg);
}
h1.ask-de {
	background-image:url(../images/ask-de.jpg);
}
h1.photos {
	background-image:url(../images/photos.jpg);
}
h1.photos-en {
	background-image:url(../images/photos-en.jpg);
}
h1.photos-de {
	background-image:url(../images/photos-de.jpg);
}
/* main content */
.content-right {
	margin-left:9px;
	margin-right:9px;
	background-color:#d1e6eb;
	padding:10px 15px;
	font-size:13px;
	line-height:16px;
}
.content-right strong {
	font-weight:bold;
}
.content-right p {
	margin-bottom:0.8em;
	text-indent: 15px;
}
.content-right ul {
	list-style:disc;
	margin:10px 35px;
}
.content-right li {
	list-style:disc;
	margin-bottom:4px;
}

/* faq number */
div.question {
	padding-bottom:5px;
	margin-top:15px;
	margin-bottom:10px;
	border-bottom:1px solid #D2D2D2;
}
td.number {
	font-size:20px;
	color:#13868b;
	width:15px;
	text-align:right;
}
td.question-text {
	padding-left:10px;
	line-height:19px;
	font-weight:bold;
	font-size:15px;
}
div.answer {
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	margin-top:15px;
    border-bottom:1px solid #D2D2D2;

}
div.questionbio {
	padding-bottom:2px;
	margin-top:12px;
	margin-bottom:2px;
	border-bottom:1px solid #D2D2D2;
}
div.questionbio2 {
	padding-bottom:2px;
	margin-top:12px;
	margin-bottom:2px;
	border-bottom:5px solid #D2D2D2;
}
td.questionbio-text {
	padding-left:15px;
	line-height:11px;
	font-size:14px;
}
div.answerbio {
	margin-top:0px;
}

div.orama-text {
	padding-left:10px;
	line-height:normal;
	font-weight:normal;
	font-size:20px;
	font-family:"Monotype Corsiva";
	color: #000;
}

div.urology-text {
	padding-left:10px;
	line-height:normal;
	font-weight:normal;
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	color:black;
	text-align: justify;
}
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 710px;
  width: 710px; 
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 6px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.0em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label {
	display: inline;  /* block float the labels to left column, set a width */
	float: none;
	width: 150px;
	padding: 1px;
	margin: 1px 0 0 10px; /* set top margin same as form input - textarea etc. elements */
	text-align: center;
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}
form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:12px 0 1px 15px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 0px 0px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 1px 0px 5px;
	font-size: 88%;
	font-style: italic;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
#star {
	color: #F00;
}
#address {font-size:18px; font-weight:bold;
}

html, body {
  width: 100%;
  height: 100%;
}

.bg-img {
  width: 100%;
  height: 100%;
  /*background: url('https://dl.dropboxusercontent.com/u/5049340/office%402x.png') center center no-repeat;*/
  background-size: cover;
}
  .bg-img:before {
    content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(212,228,239,1);
background: -moz-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,228,239,1)), color-stop(100%, rgba(134,174,204,1)));
background: -webkit-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
background: -o-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
background: -ms-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
background: linear-gradient(to bottom, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc', GradientType=0 );
		opacity: .7; 
  }
.overlay {
	position:absolute;
	top:30%;
	left:30%;
	right:0;
	padding:24px;
	background-color:rgba(255,255,255,0.92);
	z-index:10;
	max-width:650px;
	border-radius:6px;
	border:1px solid #aaa;
}
/* french style*/
#left-fr img {float:left;margin-top:20px;padding:4px;background-color:#efefef;border:1px solid #ccc;}