/* 	hebammenteam.info
	default screen stylesheet
	(c) 2008 thomas breitner | http://breitnerundbreitner.de
	*/


* {
	margin: 0;
	padding: 0;
	}
body {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 80%;
	background-color: rgb(255,183,84);
	}
body * {
	font-size: 1em;
	line-height: 140%;
	}
#header {
	overflow: visible;
	height: 100px;
	background-color: rgb(242,148,0);
	border-bottom: 1px solid white;
	}
#header h1 {
	clear: both; 
	}
#header h1 a {
	display: block;
	float: left; 
	width: 150px;
	height: 100px;
	text-indent: -9999em;
	background-color: rgb(179,27,52);
	background-image: url(logo.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border-right: 1px solid white;
	}
#header h1 span {
	display: block;
	height: 100px;
	text-indent: -9999em;
	background-image: url(logo-subline.gif);
	background-repeat: no-repeat;
	background-position: 175px 70px;
	}

.container {
	position: relative;
	padding-left: 150px;
	float: left;
	width: 690px;
	background-color: rgb(242,148,0);
	background-image: url(schwangere.jpg);
	background-repeat: no-repeat;
	border-right: 1px solid white;
	}
#mainnav {
	min-height: 401px;
	background-color: rgb(242,148,0);
	float: right;
	width: 149px;

	}
#mainnav li, 
#mainnav a {
	display: block; 
	}
#mainnav li {
	border-bottom: 1px solid white;
	}
#mainnav li li {
	border-bottom: none;
	}
#mainnav a {
	text-decoration: none;
	color:  rgb(179,27,52);
	font-weight: bold;
	padding: 4px 10px;
	}
#mainnav li li a {
	padding-left: 20px;
	}
#mainnav .currentfolder, 
#mainnav a:hover {
	color: white;
	}

#content {
	min-height: 360px;
	width: 499px;
	padding: 20px 20px 5em 20px;
	background-color: rgb(255,183,84);
	border-left: 1px solid white;
	border-right: 1px solid white;
	}

	
h1, h2, h3, h4, h5, h6 {color: rgb(179,27,52); letter-spacing: 0.2px; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; margin-top: 1.5em; margin-bottom: 0.6em;}
h4 { font-size: 1.2em; margin: 1em 0 0.5em 0; }
h4 span { font-size: 0.85em; }
h5 { font-size: 1.1em; }


.top {
	border-bottom: 1px solid white;
	background: url(top_white.gif) no-repeat 100% 100%;
	}
#content .top a {
	display: block; 
	text-indent: -9999em;
	text-decoration: none;
	height: 1em;
	}

.toc,
.anmeldung {
	border: 1px solid white; 
	margin: 1em 0;
	position: relative;
	}
.toc *,
.anmeldung * {
	margin: 0;
	padding: 0;
	}
.toc ul,
.anmeldung p,
.anmeldung a {
	padding: 5px;
	}
.toc h4,
.anmeldung h4 {
	padding: 5px 15px 4px 5px;
	position: absolute;
	right: 0;
	line-height: 1.4em;
	height: 1.4em;
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: white;
	}
.toc li {
	list-style-type: none  !important; 
	list-style-image: none  !important;
	background: url(list-bullet.gif) no-repeat 0 70%; 
	display: block; 
	padding-left: 15px !important; 
	}
.toc li a {
	border: 0px solid blue;
	display: block; 
	}

.toc,
.anmeldung {		/* reset toc-styles */
	border: none; 
	}
.toc h4,
.anmeldung h4 { 	/* reset toc-styles */
	display: none; 
	}
.anmeldung a {
	padding-bottom: 0.2em; 
	padding: 0 0 5px 20px;
	text-decoration: none;
	border-bottom: 1px solid rgb(179,27,52);
	background: url(document.gif) no-repeat 0 10%;
	}

.more {
	color: white; 
	}

blockquote { 
	display: block; 
	margin: 1em 0 0 0;
	font-style: italic; 
	}
cite {
	font-style: italic;
	}
	
#content a, 
#footer a {
	color: rgb(179,27,52);
	}
#content em {
	font-weight: bold;
	}
#content p {
	margin: 0.7em 0;
	}
#content ul {
	margin-left: 1em; 
	}
#content ul li {
	list-style-type: none;
	list-style-image: url(list-bullet.gif);
	}
table {
	border: 1px solid white;
	width: 99%;
	margin: 1em 0 2em 0;
	}
th {
	color: rgb(179,27,52);
	text-align: left;
	font-weight: bold;
	}
th span {
	font-style: italic;
	font-weight: normal;
	color: black;
	}
thead th {
	border-bottom: 1px solid white;
	}
td, 
th {
	padding: 2px 4px;
	}

td + td {
	text-align: right; 
	}

dt {
	font-weight: bold;
	margin: 0.2em 0 0.2em 0;
	}
dd {
	margin-left: 1em; 
	margin-bottom: 2em;
	}




#contact {
	font-size: 11px;
	overflow: hidden;
	position: absolute;
	width: 135px;
	height: 12em;
	right: 0;
	bottom: 0;
	color: white;
	padding: 6px 4px 6px 10px;
	background-color: rgb(179,27,52);
	border-top: 1px solid white;
	}
#contact dt, 
#contact dd {
	margin: 0;
	padding: 0;
	display: block; 
	line-height: 18px;
	}
#contact a {
	display: block;
	padding-top: 1em; 
	}
#contact * {
	color: white; 
	}
#footer {
	padding: 0.4em 0;
	background-color: rgb(242,148,0);
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	clear: both; 
	}
#footer ul {
	width: 830px;
	text-align: right;
	}
#footer li {
	padding-left: 1em;
	display: inline;
	}
#footer a {
	text-decoration: none;
	font-size: 0.9em;
	}
#footer a:hover {
	text-decoration: underline;
	}
	

/* 	~~~~~~~~~~~~~~~~~~~~~~~~~~
	var bg */
.home .container 			{ background-position: -2700px 0; }
.team .container 			{ background-position: -1050px 0; }
.ella_berg .container 			{ background-position: -1350px 0; }
.maria_hauber .container 		{ background-position: -1500px 0; }
.kathrin_fritz .container 		{ background-position: -1800px 0; }
.maria_canders .container 		{ background-position: -1650px 0; }
.leistungen .container	 		{ background-position: 0 0; }
.kurse .container 			{ background-position: -900px 0; }
.service .container 			{ background-position: -1500px 0; }
.buchempfehlungen .container 		{ background-position: -600px 0; }
.links_und_adressen .container 		{ background-position: -2550px 0; }
.hilfestellen .container 		{ background-position: -2850px 0; }
.referenzen .container 			{ background-position: -2100px 0; }
.kontakt .container 			{ background-position: -2250px 0; }


.home .container {
	background-image: url(schwangere_home.jpg);
	background-position: 0 0; 
	}

/* 	~~~~~~~~~~~~~~~~~~~~~~~~~~
	var */
.home h2, 
.aktuelles h2  {
	display: none; 
	}
.home h3 {
	margin-top: 0em;
	}
.home h4 span {
	color: white;
	}
.sitemap h2 {
	margin-bottom: 1em; 
	}

.referenzen .zitat {
	margin: 4em 0;
	border-top: 1px solid silver;
	}
.referenzen .zitat cite {
	display: block; 
	margin: 0.4em 0;
	}
.referenzen .zitat blockquote {
	display: block;
	margin: 0 1em; 
	}

.kontakt dd,
.kontakt dt {
	margin: 0;
	padding: 0;
	}
.kontakt dt {
	border-bottom: 1px solid rgb(179,27,52);
	margin: 1.5em 0 0.5em 0;
	font-size: 1.3em;
	color: rgb(179,27,52);
	}

.team img {
	border: 1px solid white; 
	display: block; 
	margin-bottom: 2em;
	}

.ella_berg img, 
.maria_canders img, 
.maria_hauber img, 
.kathrin_fritz img,
.magdalena_brigger img, 
.christian_seiter img {
	float: right; 
	margin: 0 0 2em 2em; 
	border: 1px solid white; 
	}






/* 	dialog + tabs */

.ui-dialog-titlebar {
	display: block; 
	background-color: transparent; 
	}

.ui-dialog-titlebar-close {
	position: absolute; 
	right: 2px; 
	width: 16px;
	margin: 0;
	}

.ui-dialog-title {
	background-color: white; 
	color: #383838; 
	font-weight: bold; 
	padding: 4px 10px; 
	}


.ui-icon-closethick {
	background-color: white; 
	background-image: url(close.png); 
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -99999px;
	}

.ui-dialog-buttonpane {
	height: 2em; 
	line-height: 2em; 
	background-color: transparent; 
	}
	

.ui-dialog-buttonpane button {
	background-color: white; 
	border: 1px solid white; 
	color: blue; 
	cursor: pointer; 
	text-decoration: underline; 
	}


.ui-widget-overlay {
	background: transparent url(ui-overlay-F29400-70.png) repeat scroll 50% 50%;
	/* opacity: 0.7; */
	left: 0;
	position: absolute;
	top: 0;
}







#dialog-content {
	background-color: #FFB754; 
	border: 4px solid white; 
	overflow: auto; 
	width: 900px;
	height: 500px;
	}



/* TABs */

.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -10000px;
}

.ui-tabs img {
	border: 1px solid white; 
	}

.ui-tabs ul {
	float: left; 
	padding: 5px 0; 
	margin-bottom: 5px; 
	border-bottom: 4px solid white; 
	width: 100%; 
	}

.ui-tabs li {
	display: block; 
	list-style-type: none; 
	float: left; 
	width: 80px; 
	overflow: hidden; 
	margin: 3px;
	}
.ui-tabs li a {
	display: block; 
	border: none; 
	outline: none; 
	}
.ui-tabs li a img {
	height: 60px; 
	}	
.ui-tabs-panel p img {
	margin: 0 auto; 
	display: block; 
	}


.ui-tabs-selected {
	padding-bottom: 4px; 
	background: url(down.gif) no-repeat 0 100%; 
	}	

.ui-tabs-selected img {
	border-color: #B21A33; 
	}