/* 1. CUSTOMIZABLE  */


.customColor {
	background: #c50f18;
}

.customGradient {
	background: #c50f18 url(/_img/color_gradient.gif) repeat-x top left;
}

#customLogo {
	height: 99px;
	width: 220px;
	background: #fff url(/_img/logo.breyer.augenchirurgie.png) repeat-x top left;
}

.textColor, a {
	color: #c83418;
}




/* 2. GENERAL  */

html {
	height: 101%;
	font-size: 100%;
}

	body {
	    font: 1em Palatino,Georgia,'Times New Roman';
	    background-color: #fff;
		background: #fff url(/_img/gradient.jpg) repeat-x 0em 6.75em;
	}
	
		p, span, li {
			font-size: 0.875em;
		}
		
		h1
		{
			color: #3f3f3f;
			font-size: 1.325em;
			line-height: 1.6em;
			margin-bottom: 1.3em;
		}

		h2
		{
			color: #3f3f3f;
			font-size: 1.5em;
			margin-bottom: 0.8em;
		}

		h3
		{
			color: #666;
			font-size: 1.125em;
			line-height: 1.4em;
			margin-bottom: 0.8em;
		}

		h4 {
			color: #3f3f3f;
			font-size: 1.125em;
			margin: 1.6em 0 0.8em 0;
		}
		
		h5 {
			font-size: 0.875em;
			font-weight: bold;
			line-height: 1.9em;
			margin-bottom: 0.4em;
		}

		.bold
		{
			font-size:inherit;
			font-weight:bold;
		}

		.firstLetter {
			display      : block;
			float        : left;
			margin-top   : .3em; /* use -0.205em for two lines */
			margin-left  : -0.26em;
			margin-right : 0.5em;
			height       : 3.5em;
		}

		.firstLetter span {
			font-size    : 4.2em;   /* use 3.33em for two lines */
			line-height  : 1.0em;
			color: #3f3f3f;
		}

		.firstLetter + span{
			margin-left  : -0.26em;
		}

		strong {
			font-weight: bold;
		}
		
		.blank {
			background:#fff;
		}
		
		.center {
			text-align: center;
		}

		.clear {
			clear: both;
		}

		.hide {
			display: none;
		}

		.left {
			float: left;
		}

		.right {
			float: right;
		}
		
		.sans, #col-sub *, #footer *, #nav-main *, #header * {
			font-family: "Trebuchet MS",Arial,sans-serif;
		}
		
		.text-bottom {
			vertical-align:text-bottom;
		}
		
		.more {
			margin: 1em 0 1em;
		}

		.more a {
			background: transparent url(/_img/arrow.gif) no-repeat 0 0.25em;
			padding-left: .8em;
		}

			.more a, ul li a {
				font-size: 1em;
				text-decoration: none;
			}

			#content ul li {
				padding: 0 0.2em 0 0.8em;
				/* margin-left: .8em; */
				background: transparent url(/_img/arrow.gif) no-repeat 0 0.25em;
			}

		ul li {
			margin-bottom: 1.28em;
		}
			
		#content ul li {
			/* margin-left: .8em; */
		}
			
			ul.list li a {
				text-decoration: underline;
				padding: 0;
				background: none;
			}
		
		hr {
			border: 0;
			border-bottom: 1px solid #dbdbdb;
			width: 100%;
			margin: 2em 0 2em 0;
		}

		.line
		{
			clear: both;
			border-bottom: 1px solid #dbdbdb;
			width: 100%;
			padding: 0em 0em 0.5em;
			margin-bottom: 2em;
		}
		
		.light
		{
			color: #898989;
			font-size: 0.75em;
		}
		
		
/*  ALIGNMENT CONTAINER  */
/* wraps everything but not footer */

#all {
	width: 59.06em;
	margin:0em auto;
}



/*  HEADER  */

#header {
	height: 6.75em;
	/* line-height: 6.75em; */
}

.search-header {
	width: 17.31em;
	/* padding-right: 0.2em; */
	text-align:right;
}

#search-text {
	background: #fff url(/_img/search.gif) no-repeat right center;
	border: 1px solid #DBDBDB;
	padding-left: 9px;
	padding-right: 28px;
	height:28px;
}

#search-text.header {
	width:236px;
	margin: 2.8em 0 .5em 0;
}

#search-text.results {
	width: 634px;
	margin-bottom: 2em;
}
	
	/* fix search-box for mac/ff */ 
	@-moz-document url-prefix()
	{
		#search-text {
			padding-top:0;
		}
	}

.search-header ul.en {
	margin-top: 4.4em;
}

.search-header ul.ru {
	margin-top: 4.4em;
}

.search-header ul li {
	float: left;
	font-size: 0.75em;
}

.search-header ul li.flag {
	width: 2em;
	overflow: hidden;
}

.search-header ul li a {
	background: none;
	color: #898989;
}

.search-header ul li.de a {
	background: transparent url(/_img/header.flag.de.png) no-repeat 0 0;
	padding-left: 2em;
}

.search-header ul li.en a {
	background: transparent url(/_img/header.flag.en.png) no-repeat 0 0;
	padding-left: 2em;
}

.search-header ul li.tr a {
	background: transparent url(/_img/header.flag.tr.png) no-repeat 0 0;
	padding-left: 2em;
}

.search-header ul li.ru a {
	background: transparent url(/_img/header.flag.ru.png) no-repeat 0 0;
	padding-left: 2em;
}

.search-header ul li.text {
	color: #898989;
	margin-left: .5em;
	margin-right: .5em;
}

/* STAGE  */

#backstage {
	color:#fff;
	position: absolute;
	left: 44em;
	top:3em;
	width:13em;
}

.stage {
	height: 16.68em;
	position:relative;
}

#show {
	background: transparent url(/_img/stage.home.jpg) no-repeat top left;
}

#mainVisual {
	margin-bottom: -4px;
}
	
	/* fix gap between visual and navi for mac/ff */ 
	@-moz-document url-prefix() {
		#mainVisual {
			margin-bottom: -5px;
		}
	}
	
/* Stage quotations start */
.quote {
	width: 14.2em;
	padding: 0.625em 0 0.5em 0;
	text-align:right;
}

blockquote {
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.5em;
	padding-bottom:0.5em;
	text-align:left;
}

	blockquote:before { 
		content: '\201E'; 
	} 
	
	blockquote:after { 
		content: '\201C'; 
	}
	
	div.left>blockquote {
		padding-right: 2.1em;
	}

	div.right>blockquote {
		padding-left: 2.1em;
	}
	
/*quotations end*/



/* MAIN and SUB NAV */
/* Horizontal non-floating menu by Stu Nicholls, http://www.cssplay.co.uk */

#nav-main {
	height: 51px;
	width:100%;
}

#nav-sub {
	margin-bottom: 2.5em;
}

.menu, .submenu {display:inline-block;}

	.menu, .submenu {display:inline;}
	
	.holder {display:table;}

	.menu, .submenu {
	  display:table-row;
	  padding:0;
	  margin:0;
	  list-style-type:none;
	  white-space:nowrap; 
	 }

		.menu li, .submenu li {display:inline;}
		
			.menu p, .menu a, .menu a:visited {
			  display:block;
			  float:left;
			  padding:19px 23px 16px;
			}
			
				.menu p, .menu a, .menu a:visited {
				  background: transparent;
				  color:#fff; 
				}
				
					/* Mouse Over for main navi*/
					.menu a:hover {
					  background:#fff;
					  color:#000; 
					}
			
					/* Image links for main navi */
					.menuImg {
						padding:15px 23px 16px !important;
						background: transparent !important;
					}
			
					/* Highlighting for main navi */  
					.nav-mainHigh {
						position: relative;
					}
					
						.nav-mainHigh a,  .nav-mainHigh p {
							background: #fff !important;
							color: #000 !important;
						}
			
			.submenu a, .submenu a:visited  {
			  display:block;
			  float:left;
			  margin-top: 25px;
			  margin-right:20px;
			  padding:0px 10px 16px 10px;
			}
				
				/* Highlighting for sub navi */ 
				.nav-subHigh {
					position: relative;
				}
				 
					.nav-subHigh div {
						background: transparent url(/_img/subhigh.gif) repeat-x top left;
						display:inline-block;
						float:left;
						font-size: 1.11em;
						height:6px;
						margin-top: 20px;
						margin-right:20px;
						padding:5px 10px 16px 10px;
					}
				
						.nav-subHigh a,  .nav-subHigh p {
							color:#fff !important;
						}

#wrapper {text-align:left;}

	#wrapper .holder {margin:0;}



/* CONTENT  */

#content {
	float: left;
	width: 42em;
}

#content p {
	line-height: 1.9em;
	margin-bottom: 2em;
}

#content ul.list {
	margin-bottom: 2em;
}

	#content ul.list li {
		padding-left: 0.8em;
		line-height: 1.9em;
		margin-bottom: 0.2em;
		background: transparent url(/_img/arrow.gif) no-repeat 0 0.63em;
	}

	#content ul.literatur li {
		padding-left: 2em;
		line-height: 1.9em;
		margin-bottom: 0.2em;
		background: none;
	}

	#content ul.literatur li sup {
		float: left;
		display: block;
		position: relative;
		left: -2em;
		width: 0;
	}	
	
/*Teaser boxes*/
#content .teaser {
	background-repeat: no-repeat;
	background-position: top left;
	border: 1px solid #dbdbdb;
	margin: 1.7em 0 3em;
	padding: 1.5em 1.25em 2.5em 8.25em;
	width: 10.5em;
	height: 9em;
}

	#content .teaser p {
		color: #666;
		line-height: 1.4em !important;
	}

/*Videos, VRs und DIN A4 in #content */
#content .video, #content .vr, #content .image {
	width: 277px;
	background-repeat: no-repeat;
	background-color: transparent;
}

#content .pageflip {
	width: 190px;
	background-repeat: no-repeat;
	background-color: transparent;
}

#content .v_left {
	float: left;
	background-position: 13px 14px;
}

#content .v_left img {
	margin-right: 1em;
}

#content .v_right {
	float: right;
	background-position: 30px 14px;
}

#content .v_right img {
	margin-left: 1em;
}

#content .video img, #content .vr img {
	width: 262px;
	height: 233px;
}

#content .pageflip img {
	width: 175px;
	height: 233px;
}

#content .video p, #content .vr p, #content .pageflip p, #content .image p, #content p.caption {
	text-align: center;
	color: #c83418;
	margin-bottom: 0 !important;
	line-height: 1.4em !important;
	/* margin-right: 2em; */
}

/* BOXES */

#content .box {
	margin-bottom: 1.5em;
	margin-top: .2em;
	background-repeat: no-repeat;
	background-color: transparent;
}

#content .b_left {
	float: left;
	background-position: 13px 14px;
	margin-right: 1em;
}

#content .b_right {
	float: right;
	background-position: 30px 14px;
	margin-left: 1em;
}

#content .b_left+.b_right {
	margin-left: 0;
}

#content .small {
	width: 16.375em;
	background: #fff url(/_img/box.background.small.png) no-repeat top left;
}

#content .medium {
	width: 20.125em;
	background: #fff url(/_img/box.background.medium.png) no-repeat top left;
}

#content .big {
	width: 42.0625em;
	background: #fff url(/_img/box.background.big.png) no-repeat top left;
}

#content .box_inner {
	position: relative;
	top: .875em;
	left: .8125em;
	padding: .5em .5em .8em .5em;
	font-family: "Trebuchet MS", Arial, sans-serif;
}

#content .inner_left {
	float: left;
	width: 17.5em;
}

#content .inner_right {
	float: right;
	width: 17.59em;
	padding-left: 2.125em;
	border-left: 1px solid #666666;
}

#content .small div.box_inner {
	width: 13.75em;
}

#content .medium div.box_inner {
	width: 17.5em;
}

#content .big div.box_inner {
	width: 39.4375em;
}

#content .box h2, #content .box blockquote {
	font-size: 1.325em;
	color: #000;
}

#content .box h3 {
	font-size: 1em;
	color: #000;
}

#content .box p, #content .box li {
	font-size: .785em;
	line-height: 1.4em;
	margin-bottom: 0;
}

#content .box p+p, #content .box p+ul {
	margin-top: 1.2em;
}

#content .box li+li {
	margin-top: .4em;
}

#content .box li {
	background: url(/_img/arrow.gif) no-repeat 0 .35em;
	padding-left: .8em;
}

#content .box ul.lila li {
	background: url(/_img/arrow.lila.gif) no-repeat 0 .35em;
}

#content .box ul.rot li {
	background: url(/_img/arrow.rot.gif) no-repeat 0 .35em;
}

#content .box ul.blau li {
	background: url(/_img/arrow.blau.gif) no-repeat 0 .35em;
}

#content .box ul.pink li {
	background: url(/_img/arrow.pink.gif) no-repeat 0 .35em;
}

#content .box ul.gruen li {
	background: url(/_img/arrow.gruen.gif) no-repeat 0 .35em;
}

#content .box ul.petrol li {
	background: url(/_img/arrow.petrol.gif) no-repeat 0 .35em;
}

#content .box ul.orange li {
	background: url(/_img/arrow.orange.gif) no-repeat 0 .35em;
}

#content .box h2.lila, #content .box h3.lila, #content .box p.lila, #content .box ul.lila li {
	color: #61277F; 
}

#content .box h2.rot, #content .box h3.rot, #content .box p.rot, #content .box ul.rot li {
	color: #D90033;
}

#content .box h2.blau, #content .box h3.blau, #content .box p.blau, #content .box ul.blau li {
	color: #3E5D7C;
}

#content .box h2.pink, #content .box h3.pink, #content .box p.pink, #content .box ul.pink li {
	color: #E00B79;
}

#content .box h2.gruen, #content .box h3.gruen, #content .box p.gruen, #content .box ul.gruen li {
	color: #8EAF23;
}

#content .box h2.petrol, #content .box h3.petrol, #content .box p.petrol, #content .box ul.petrol li {
	color: #0891BD;
}

#content .box h2.orange, #content .box h3.orange, #content .box p.orange, #content .box ul.orange li {
	color: #E57918;
}

#content .box div.flieder {
	background-color: #E8DFEC;
}

#content .box div.pink {
	background-color: #FBDBEC;
}

#content .box div.gruen {
	background-color: #E4F2E1;
}

#content .box div.gelb {
	background-color: #FCECDD;
}

#content .box div.grau {
	background-color: #E3E7EC;
}

#content .box div.blau {
	background-color: #EBF6FC;
}

#content .box_button {
	margin-top: 1.2em;
	padding: .4em;
	text-align: center;
	color: #fff;
}

#content .box_inner div.lila {
	background-color: #61277F;
}

#content .box_inner div.rot {
	background-color: #D90033;
}

#content .box_inner div.blau {
	background-color: #3E5D7C;
}

#content .box_inner div.pink {
	background-color: #E00B79;
}

#content .box_inner div.gruen {
	background-color: #8EAF23;
}

#content .box_inner div.petrol {
	background-color: #0891BD;
}

#content .box_inner div.orange {
	background-color: #E57918;
}

/*Videos in #content ende */




/* SIDEBAR  */

.col {
	width:19.9em;
}

#col-sub {
	float: right;
	font-size: 0.9em;
	width: 16em;
	padding-left:1.56em;
}

#col-sub p {
	line-height: 1.9em;
	margin-bottom: 2em;
}

	#col-sub p.video {
		line-height: 1.2em;
		color: #666;
	}

	#col-sub p.video img {
		width: 202px;
		height: 176px;
		padding: 14px;
		background: transparent url(/_img/video.col-sub.gif) no-repeat top left;
	}

	#col-sub ul.list {
		margin-bottom: 2em;
	}

		#col-sub ul li {
			padding-left: 0.8em;
			line-height: 1.9em;
			margin-bottom: 0.2em;
			background: transparent url(/_img/arrow.gif) no-repeat 0 0.63em;
		}
		
		#col-sub .specialities li a {
			/* margin-left: -.8em; */
		}

	#col-sub .specialities {
		background: transparent url(/_img/fadeout_box.gif) no-repeat top left;
		margin-left: -1.56em;
		padding: 1.56em 0.4em 0 1.56em;
	}
	
	#col-sub .specialities ul {
		margin-right: .6em;
	}
	
	#col-sub .specialities li.specialitiesHigh {
		/* margin-bottom: 0.8em;
		margin-left: .8em; */
		background: transparent url(/_img/subhigh.gif) repeat top left;
	}

		#col-sub .specialitiesHigh div {
			display:block;
			font-size: 1.11em;
			/* height:26px; */
			margin-left: -16px;
			padding-left: 16px;
		}
		
			#col-sub .specialitiesHigh div {
				padding: .2em 0 .4em 1.3em;
				font-size: 1em;
				color:#fff;
			}
			
#col-sub .specialities_arrow  {
	padding-bottom: 2.5em;
}

#col-sub .specialities ul li {
	padding: 0 0.2em 0 0.8em;
	/* margin-left: .8em; */
}


/*	Videos in #col-sub */
#col-sub .video {
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 13px 14px;
	margin-bottom: 2em;
}

#col-sub .video img {
	width: 230px;
	height: 204px;
}

#col-sub .video p {
	color: #c83418;
	margin-bottom: 0 !important;
	line-height: 1.4em;
	margin-left: 1em;
}

#col-sub h2 a {
	text-decoration: none;
}
/*	Bilder in #col-sub */

#col-sub .image {
	background: transparent url(/_img/bg.sidebar.img.png) no-repeat 0 0;
	width: 202px;
	height: 180px;
	margin: 0 0 -4px;
	padding: 16px;
}

#col-sub .caption {
	margin-left: 12.6px;
	color: #666666;
	line-height: 1.4em !important;
}

/* FOOTER  */

#footer {
	background: transparent url(/_img/footer.gif) repeat-x 0 3em;
	clear:both;
	padding-top: 5em;
	margin: 0 auto 3em;
}
	
	#footer ul {
		margin-bottom: 1em;
	}
	
		#footer ul li {
			display: inline;
		}
	
	#footer .locations * {
		color: #666;
		font-size: 0.9em;
		background:#fff;
	}
	
	#footer .locations li {
		margin-right: 1em;
	}

	#footer .link-list * {
		font-size: 0.9em;
	}

	#footer .link-list li a {
		background: transparent url(/_img/arrow.gif) no-repeat 0 0.35em;
		padding-left: .8em;
		margin-right: 1em;
	}

/*
* 6. IMAGES
*/


.sehschule {
	background-image: url(/_img/teaser.sehschule.jpg);
}

.netzhauterkrankung {
	background-image: url(/_img/teaser.netzhauterkrankung.jpg);
}

.makulaerkrankung {
	background-image: url(/_img/teaser.makulaerkrankung.jpg);
}

.diabetes {
	background-image: url(/_img/teaser.diabetes.jpg);
}

.vorsorge {
	background-image: url(/_img/teaser.farbsehen.jpg);
}

.imedcert {
	background-image: url(/_img/teaser.imedcert.jpg);
}

.lasik {
	background-image: url(/_img/teaser.lasik.jpg);
}

.multifokallinse {
	background-image: url(/_img/teaser.multifokallinse.jpg);
}

.katarakt {
	background-image: url(/_img/teaser.katarakt.jpg);
}

.kontaktlinse {
	background-image: url(/_img/teaser.kontaktlinse.jpg);
}

.topografie {
	background-image: url(/_img/teaser.topografie.jpg);
}

.zielscheibe {
	background-image: url(/_img/teaser.zielscheibe.jpg);
}

.qualitaet {
	background-image: url(/_img/teaser.qualitaet.jpg);
}

.topografie {
	background-image: url(/_img/teaser.topografie.jpg);
}



/*
* 7. RICH MEDIA
*/


.google_map {
	width: 42em;
	height: 300px;
	margin-bottom: 2em;
}

.video_left {
	float: left;
	width: 14.625em;
	height: 13.0625em;
	padding: 0.9375em 1.6875em 0.5625em 0.875em;
	background: transparent url(/_img/video.left.gif) no-repeat top left;
}

.i_left {
	float: left;
	width: 14.625em;
	height: 13.0625em;
	margin-bottom: 2em;
	background: transparent url(/_img/video.left.gif) no-repeat top left;
}

.i_right {
	float: right;
	width: 14.625em;
	height: 13.0625em;
	margin-bottom: 2em;
	background: transparent url(/_img/video.right.gif) no-repeat top left;
}

.i_left img {
	position: relative;
	top: 14px;
	left: 14px;
}

.i_right img {
	position: relative;
	top: 14px;
	left: 28px;
}

.image p {
	margin-top: 1.5em;
}

.video_right, {
	float: right;
	width: 14.625em;
	height: 13.0625em;
	padding: 0.9375em 0.875em 0.5625em 1.6875em;
	background: transparent url(/_img/video.right.gif) no-repeat top left;
}

.specialities_arrow {
	height: 14.1875em;
	padding: 1em 0 1em 0;
	background: transparent url(/_img/fadeout_arrow.gif) no-repeat top right;
}

/* NEW STUFF */

.spalte {
	float: left;
}

.zweispaltig div.spalte {
	width: 20.25em;
}

.dreispaltig div.spalte {
	width: 13em;
}

.eins {}

.zwei, .drei, .vier {
	margin-left: 1.5em
}

/* TWITTER */

#twtr-widget-1 div.twtr-hd, #twtr-widget-1 div.twtr-ft {
	display: none;
}

#twtr-widget-1 div.twtr-tweet {
	background: transparent url(/_img/arrow.gif) no-repeat left .9em;
}

#twtr-widget-1 div.twtr-tweet-text p {
	font-size: 1.05em;
	line-height: 1.3em !important;
}

.twtr-widget, .twtr-tweet {
	border-bottom: none !important;
}

table.connect_widget_button_count_summary div.summary_text {
	display: none !important;
}

/* SHARE THIS */

span.st_brey_icon+span.st_brey_icon {
	margin-left: 12px; 
}

span.st_brey_link {
	color: #C83418;
	text-decoration: underline;
	font-size: 1em;
}

/* TERMINWUNSCH */

#email-form .column-left {
	float: left;
	margin-right: 2em;
	width: 20em;
}

#email-form .day, #email-form .month {
	width: 3em;
}

#email-form .year {
	width: 6em;
}

#email-form .text-full {
	width: 40em;
}

#email-form .text-half {
	width: 20em;
}

#email-form .select {
	width: 40em;
}

#email-form .textarea {
	width: 40em;
	height: 8em;
}

#email-form .description {
	color: #666;
	font-style: italic;
}

.mandatory {
	color: #c83418;
}

#email-form .submit a {
	display: block;
	margin-top: 1.5em;
	padding-top: 0.05em;
	width: 23em;
	height: 2em;
	text-align: center;
	background: transparent url("/_img/form.submit.background.png") no-repeat 0 0;
}

#sbox-content {
	font-family: Georgia, Palatino, 'Times New Roman', serif;
}

#sbox-content h2 {
	display: block;
	margin-bottom: 0.75em;
	font-size: 1.5em;
	line-height: 1.5em;
	color: #000;
}

#sbox-content p {
	display: block;
	margin-bottom: 0.5em;
	line-height: 1.5em;
	color: #000;
}

#sbox-content p.more {
	display: block;
}

#sbox-content a {
	text-decoration: underline;
	color: #c83418;
}

#sbox-content a:hover {
	text-decoration: underline;
	color: #c83418;
}

#sbox-content ul {
	display: block;
	margin-bottom: 0.5em;
}

#sbox-content ul li {
	display: block;
	padding-left: 1.2em;
	margin-right: 0.75em;
	margin-bottom: 0.5em;
	line-height: 1.5em;
	background: transparent url("/_img/bullet.negative.png") no-repeat left 0.25em;
}