/* CSS Document */
@import url("norm.css");
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700);

/* css by Oliver Hartmann, o.hartmann@directas.net, www.directas.net, 2015 */


/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/

body {
	word-wrap: break-word;
	padding: 0;
	margin: 0 auto;
	background-color: white;
	max-width: 960px;
	font-family: 'Open Sans', sans-serif;
}

div.rechtliches {
	max-width: 100%;
	background-color: #003576;
	min-height: 24px;
	text-align: right;
}

a.imprint-white:link, a.imprint-white:visited {
	font-size: 12px;
	color: white;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: -15px;
}

a.imprint-white:hover {
	color: white;  
	text-decoration: underline;
}


div.headarea {
	max-width: 100%;
}

div.praxisdaten {
	width: 180px;
	height: 100px;	
	float: left;
}

div.headliner {
	max-width: 75%;
	height: 100px;
	float: right;
}

div.clear {
	clear: both;
}

img.icon-phone {
	padding-top: 30px;
	vertical-align: top;
}

p.head_telefon {
	display: inline-block;
	padding-top: 27px;
	font-size: 13px;
	color: #003576;	
}

img.icon-addy {
	padding-top: 10px;	
	vertical-align: top;
}

p.head_addy {
	display: inline-block;
	padding-top: 6px;
	font-size: 13px;
	color: #003576;	
}

p.praxisname {
	float: right;
	padding-top: 20px;
	padding-right: 70px;
	color: #003576;   /* dunkelblau */
	font-size: 32px;	
	font-weight: 700;
}

p.fachrichtung {
	float: right;
	margin-top: -7px;
	padding-right: 70px;
	color: #87888a;   /* grau */
	font-size: 16px;	
}

div.menue {
	float: left;
	width: 180px;
	border-top: 5px solid #003576;
	min-height: 200px;	
}

div.page-content {
	float: right;
	min-height: 300px;
	width: 720px;	
}

div.pic {
	z-index: 7;	
}

div.teaserfeld {
	position: relative;
	z-index: 99;
	background-image: url(../images/welcome-area.png);	
	background-repeat: no-repeat;
	margin-top: -15px;
	margin-left: -23px;
	height: 210px;
	width: 764px;
	padding-left: 40px;
	padding-top: 35px;
}

div.start-l {
	position: relative;
	max-width: 420px;
	margin-right: -200px;
	padding-right: -100px;
}
	
div.start-r {
	position: relative;
	margin-left: -200px;
}

p.fett {
	padding-left: 5px;
	padding-top: 10px;
	color: #003576;
	font-weight: 700;
}

p.welcome {
	padding-left: 5px;
	color: #003576;
}

a.mainmenue:link, a.mainmenue:visited {
	display: block;
	color: #87888a;   /* grau */
	font-size: 14px;
	text-decoration: none;
	border-bottom: 1px dashed #87888a;
	padding-top: 15px;
	padding-bottom: 15px;
}

a.mainmenue:hover, a.mainmenue:active, a.mainmenue-active {
	display: block;
	color: #003576;   /* blau */
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	border-bottom: 1px dashed #87888a;
	padding-top: 15px;
	padding-bottom: 15px;
}

div.col1 {
	float: left;
	margin-top: -15px;
	width: 240px;	
	height: 350px;
	background-color: #87888a;
}

div.col2 {
	float: left;
	margin-top: -15px;
	width: 240px;	
	height: 350px;
	background-color: #003576;
}

div.col3 {
	float: right;
	margin-top: -15px;
	width: 240px;	
	height: 350px;
	background-color: #c3c3c4;
}

p.teaser-weiss {
	color: white;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 25px;	
	font-weight: 700;
}

p.teaser-blau {
	color: #003576;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 25px;	
	font-weight: 700;
}

p.teaser-txt-weiss {
	color: white;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 25px;	
}

p.teaser-txt-blau {
	color: #003576;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 25px;	
}

div-footer {

}

p.footer {
	float: left;
	color: #003576;
	font-size: 13px;
	padding-top: 20px;
}	

p.impressum {
	float: right;
	color: #003576;
	font-size: 13px;
	padding-top: 20px;
}	

a.imprint:link, a.imprint:visited {
	color: #003576;	/* blau */
	text-decoration: underline;
}

a.imprint:hover {
	color: #003576;   /* blau */
	text-decoration: none;
}

div.headlinefeld {
	position: relative;
	z-index: 99;
	background-image: url(../images/headline-area.png);	
	background-repeat: no-repeat;
	margin-top: -15px;
	margin-left: -23px;
	height: 103px;
	width: 768px;
}

h1 {
	color: white;	
	padding-top: 30px;
	padding-left: 45px;
	font-size: 30px;
}

h2 {
	color: #003576;	
	padding-top: 30px;
	padding-left: 25px;
	font-size: 16px;
	font-weight: 700;
}

h3 {
	color: #003576;	
	padding-top: 30px;
	padding-left: 25px;
	font-size: 16px;
	font-weight: 700;
}

a.submenue:link, a.submenue:visited {
	display: block;
	color: #87888a;   /* grau */
	font-size: 14px;
	text-decoration: none;
	border-bottom: 1px dashed #87888a;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 32px;
}

a.submenue:hover, a.submenue:active, a.submenue-active {
	display: block;
	color: #003576;   /* blau */
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	border-bottom: 1px dashed #87888a;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 32px;
}

div.content {
	margin-top: -15px;
	width: 100%;	
	min-height: 550px;
	background-color: #c3c3c4;
}

p.fliesstext {
	color: #003576;	
	padding-left: 25px;
	padding-top: 30px;
	padding-right: 20px;
}

a.txtlnk:link, a.txtlnk:visited {
	color: #003576;   /* blau */
	text-decoration: underline;
}

a.txtlnk:hover {
	color: #003576;   /* blau */
	text-decoration: none;
}

a.txtlnk-white:link, a.txtlnk-white:visited {
	color: white;
	text-decoration: underline;
}

a.txtlnk-white:hover {
	color: white;
	text-decoration: none;
}

div.txt-col1 {
	float: left;
	width: 320px;
	margin-left: 10px;
	margin-top: 15px;
	min-height: 500px;
}

div.txt-col2 {
	float: right;
	width: 320px;
	margin-right: 10px;
	margin-top: 15px;
	min-height: 500px;
}

p.fliesstext-bold {
	color: #003576;	
	font-weight: 700;
	padding-left: 25px;
	padding-top: 30px;
	margin-bottom: -30px;
}

p.subhead {
	font-weight: 700;
	color: #003576;	
	padding-top: 20px;
	padding-left: 25px;
	margin-bottom: -25px;
}

div.imagebox {
	margin-left: 30px;
	padding-top: 30px;
}

img.teambild {
	float: left;
	padding-right: 50px;
}

p.teamtxt:first-line {
	float: left;
	font-weight: 700;
}

p.teamtxt {
	width: 600px;
}

ul {
	color: #003576;
	padding-top: 15px;
	padding-left: 35px;	
	list-style-type: none;
}

li:before {
	content: "-";	
	position: relative;
	left: -5px;
}

ul li {
	text-indent: -5px;
}

div.but_back {
	position: relative;
	float: left;
	z-index: 90;
	margin-top: -250px;
	padding-left: 30px;
}


div.but_forward {
	position: relative;
	float: right;
	z-index: 90;
	margin-top: -250px;
	padding-right: 30px;
}

img.kontaktpic {
	padding-left: 20px;	
	padding-top: 20px;
}

p.meldung {
	color: red;	
}

div.start-l {
	float: left;
	position: absolute;
	width: 643px;
	left: 38px;
	top: 28px;
	height: 199px;
}

div.start-r {
	float: left;
	margin-left: 574px;
}