/* Hebammenpraxis Rhöner Storch
   Zusammengeführt aus dem TYPO3-Template (navi.css, site.css, style.css)
   und den benötigten css_styled_content-Regeln. */


/* ---------- Grundlayout (site.css) ---------- */

@media screen {

	html, body {
		height: 100%;
		text-align: center;
	}

	#wrap {
		height: 100%;
		width: 100%;
	}

	#trailer {
		width: 100%;
		height: 155px;
		clear: left;
	}

	#leftmenu {
		position: relative; top: 10px; left: 2px;
		width: 180px;
		float: left;
		border: 0;
		margin: 1em;
		border-top: 1px solid black;
		text-align: left;
		background: #FCF;
		font: small Verdana, sans-serif;
	}

	#content {
		margin: 1em;
		border: 0;
		margin-left: 220px;
		background: #FEF;
	}
}

@media print {
	#trailer {
		height: 160px;
		margin-top: 1.5cm;
		margin-bottom: 1cm;
		clear: left;
	}

	#leftmenu {
		display: none;
	}

	#content {
		width: 100%;
		margin: 0;
		border: 0;
		background: transparent;
	}
}


/* ---------- Schrift und Elemente (style.css) ---------- */

body {
	font: medium Verdana, Arial, Helvetica, sans-serif;
	margin: 0; padding: 0; text-align: center; color: #005E61; background: #FEF;
}

h1, h2, h3, h4, h5, p, td, ul, ol, blockquote { font-family: verdana, arial, helvetica; color: #000000; }
p { margin: 0; }
p, td, ul, ol { font-size: small; text-align: left; color: #006549; }

div.csc-frame { border: 0; }
div.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #005E61; }
div.csc-frame-frame1 h1, div.csc-frame-frame1 h2, div.csc-frame-frame1 h3 { margin-top: 2px; }

ul { margin-top: 0; }
li { margin-top: 0; margin-bottom: 0; padding-top: 2px; }

h1, h2, h3 {
	font: small-caps 1.8em Verdana, sans-serif;
	letter-spacing: 0.2em;
	color: #808;
	margin-top: 0.8em;
	padding: 0;
	border: 0;
	text-align: left;
	background-color: transparent;
}

h2 {
	font: small-caps 1em Verdana, sans-serif;
	text-transform: none;
	letter-spacing: 0;
	text-align: left;
	margin-bottom: 0.5em;
	margin-top: 0;
	background-color: transparent;
	font-weight: bold;
}

p {
	font-family: Verdana, sans-serif;
	font-size: 0.7em;
	line-height: 130%;
	color: #000;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	padding-bottom: 0;
	text-indent: 0;
	letter-spacing: 0;
	text-align: left;
}

.bodytext {
	text-align: left;
	font-size: small;
	line-height: 120%;
	margin-top: 0;
	margin-bottom: 0.5em;
	color: #000;
}


/* ---------- Links und Menü (navi.css) ---------- */

a:link    { color: #B0B; text-decoration: underline; }
a:visited { color: #808; text-decoration: none; }
a:hover   { color: #F0F; text-decoration: none; }
a:active  { color: red;  text-decoration: none; }

.menu1-level1-no {
	border-bottom: 1px solid black;
	padding: 2px;
}

.menu1-level1-act {
	border-bottom: 1px solid black;
	padding: 2px;
	background: #606;
	color: white;
}

#leftmenu a {
	font: small Verdana, sans-serif;
	color: black;
	text-decoration: none;
	font-weight: normal;
	display: block;
}
#leftmenu a:visited { color: #707; }
#leftmenu a:hover   { color: #F0F; }
#leftmenu a:active  { color: #00f; }


/* ---------- Text mit Bild (css_styled_content) ---------- */

div.csc-textpic, ul.csc-uploads li { overflow: hidden; }

div.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; }
div.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; }

.csc-textpic-caption { text-align: left; caption-side: bottom; }

div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block; }
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; }

div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { margin-right: 10px; }
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { margin-left: 10px; }

div.csc-textpic-center .csc-textpic-imagewrap { overflow: hidden; }
div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: right; right: 50%; }
div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: right; right: -50%; }

div.csc-textpic-left .csc-textpic-imagewrap { float: left; }
div.csc-textpic-left div.csc-textpic-text { clear: left; }

div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; }
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; }

.csc-textpic-intext-left-nowrap-111 .csc-textpic-text { margin-left: 111px; }
.csc-textpic-intext-left-nowrap-136 .csc-textpic-text { margin-left: 136px; }
.csc-textpic-intext-right-nowrap-195 .csc-textpic-text { margin-right: 195px; }

ul.csc-uploads { padding: 0; }
ul.csc-uploads li { list-style: none outside none; margin: 1em 0; }
ul.csc-uploads img { float: left; margin-right: 1em; vertical-align: top; }
ul.csc-uploads span { display: block; }
ul.csc-uploads span.csc-uploads-fileName { text-decoration: underline; }


/* ---------- Schmale Bildschirme (neu) ---------- */

@media screen and (max-width: 700px) {
	#trailer { height: auto; }
	#trailer img { max-width: 100%; height: auto; }

	#leftmenu {
		float: none;
		position: static;
		width: auto;
		margin: 1em;
	}
	#leftmenu a, .menu1-level1-act { padding: 6px 4px; }

	#content { margin: 1em; }

	div.csc-textpic .csc-textpic-imagewrap img,
	div.csc-textpic .csc-textpic-imagewrap table { max-width: 100%; height: auto; }

	.csc-textpic-intext-left-nowrap-111 .csc-textpic-text,
	.csc-textpic-intext-left-nowrap-136 .csc-textpic-text,
	.csc-textpic-intext-right-nowrap-195 .csc-textpic-text { margin: 0; }
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: none; margin: 0 0 0.5em 0; }
}