/**********************
Theme Name: Praenatal-Medizin.de
Theme URI: http://www.Praenatal-Medizin.de
Description: Praenatal-Medizin.de webdesign by HDpublish
Version: 2.0_2009-11-16
Author: Benjamin Bedekovic
Author URI: http://www.hdpublish.com
Webdesign by: HDpublish GmbH & Co. KG
LayoutDesign by: Buero Roman Lorenz

The CSS, XHTML and design is restricted to 
the use at the domain www.Praenatal-Medizin.de
**********************/




/********************* body, page, navbar & content structure */

*+html, .html  {
        margin: 0;
        padding 0;
}

*html {
        margin: 0;
        padding 0;
}  

body {
	background: white url(images/hintergrund.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0;
	padding: 0;
	text-align: left;
	}

#page {
	height: 100%; 
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
	min-width: 912px;
	}

#top	{
	background: url(images/hintergrund_header_1x150px.gif);
        height: 148px;
	margin: 0;
	padding: 0; 
	width: auto;
	}

#logo 	{
	margin: 0;
	height: 106px;
	padding: 12px 0 0 228px; 
	width: auto;
	}

#sidebar {
	float: left; 
	margin: 0 0 0 0;
	padding: 48px 0 0 16px;
	width: 194px;
	}

#content {
	margin: 0 0 0 230px;
	padding: 48px 0 0 0; 
	width: 670px;
	text-align: left;
	}

#footer {
	left: 0px; 
	border: 0px solid #000000;
	bottom: 0px;
	position: absolute;
	margin: 0 0 0 0;
	padding: 0 0 0 29px; 
	
	vertical-align: text-bottom;
	width: 221px;
	}


/********************* END Logo/slogan, sidebar & footer structure  */



/*********************** Various Tags & Classes */

hr {
	
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 60px;
	}

/*********************** END Various Tags & Classes */





/********************* FOOTER Typography & Colors */

#footer ul {
	margin: 0 0 0 0;
	padding: 0;
	}

#footer ul li {
	list-style-type: none;
	padding: 0 0 2px 0; 
	}

#footer ul li a {
	color: #335588;
        font-size: 12px; 
	font-weight: normal;
	letter-spacing: 0em;
	text-decoration: none;
	}

#footer ul li a:hover {
	color: #000000;
	font-weight: normal;
	letter-spacing: 0em;
	text-decoration: none;
	}

#footer ul li.current-page-item a {
	color: #000000;
	font-weight: bold;
	letter-spacing: 0em;
	text-decoration: none;
	}

/********************* END FOOTER Typography & Colors */







/********************* Content Typography & Colors */

#content p
{
	margin: 0;
	padding: 0 0 18px 0;
}

.post
{
	float: left;
	padding: 0 0 18px 0;
	width: 390px;
}

.entry
{
	margin: 0;
	padding: 0;
}

.excerpt
{
	float: right;
	width: 222px;
}

#content small {
	font-size: 12px;
	}


#content h1, h2, h3 {
	color: #335588;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 0 0 18px 0;
	text-align: left;
	}

#content h4 {
	color: #335588;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 32px 0 18px 0;
	text-align: left;
	}

#content h5 {
	border-top: 1px solid #335588;
	color: #335588;
	font-weight: bold;
	font-size: 12px;
	margin: 10px 0 0 0;
	padding: 2px 0 0px 0;
	text-align: left;
	}

#content h6 {
	color: #335588;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 0px 0 18px 0;
	text-align: left;
	}

#content a {
	color: #335588;
	text-decoration: none;
	}

#content a:hover {
	color: grey;
	text-decoration: none;
	}

#content ul
	{ 
	list-style-image:url(immges/dash.gif); 
	margin: 0;
	padding: 0px 0 9px 18px;
	}

h3.aktuelles {
	color: #335588;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 0 0 12px 0;
	text-align: left;
	}

div.title
	{ 
	font-weight: bold;
	margin: 12px 0 0 0;
	padding: 0;
	text-align: left;
	width: 100%;
	}

div.more
	{ 
	margin: 0 0 12px 0;
	padding: 0;
	text-align: right;
	width: 100%;
	}

div.teaser
	{ 
	margin: 0 0 0px 0;
	padding: 12px 0 12px 0;
	text-align: left;
	width: 100%;
	}


#content hr.top
	{ 
	border:3px solid #88cc55;
	height:0px;
	margin: 12px 0 12px 0;
	padding: 0;
	width: 100%;
	}

#content hr.middle
	{ 
	border:3px solid #88cc55;
	height:0px;
	margin: 0px 0 0px 0;
	padding: 0;
	width: 100%;
	}

#content hr.bottom
	{ 
	border:3px solid #88cc55;
	height:0px;
	margin: 0px 0 36px 0;
	padding: 0;
	width: 100%;
	}

table.withintext
	{ 
	border: 0px solid #000000;
	marging: 0;
	padding: 0;
	}

table.withintext th
	{ 
	font-weight: bold;
	margin: 0;
	padding: 0 7px 7px 0;
	vertical-align:top
	}

table.withintext td
	{ 
	margin: 0;
	padding: 0 7px 7px 0;
	vertical-align:top
	}

/********************* END of Content Typography & Colors */








/********************** Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 10px 10px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 10px 10px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/********************** END Images */






/********************** Form Elements */


#searchform {
	margin: 0 0 20px -2px;
	}

#searchform form{
	margin: 0;  /* for IE, Opera, ... */
	}

#searchform .equal { 
	vertical-align: middle; /* for IE */
	}

#searchform input{
	background-color: transparent; 
	border-top:0px; border-bottom:0px; border-right:0px solid #000000; border-left:0px solid #364e6d; 
	color: #335588; font: 13px 'Helvetica', Arial, sans-serif;
   	height:18px; line-height:14px; margin: 0 0 0 0; padding:2px 0 0 0; width: 172px;
	}

* html #searchform #s { /* for IE only */
	padding: 2px 0;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:left;
	}

select {
	width: 170px;
	}


/*********************** END Form Elements */







/********************* Topmenue Typography & Colors */

#topmenu {
	background: url(images/hintergrund_header_1x150px.gif) bottom left ;
        left: 0px;
	margin: 0;
        max-width: auto;
        padding: 0 0px 0 0;
        position: absolute;
        overflow: visible;
        top:118px;
        white-space: nowrap; 
        width: 100%;
        min-width: 900px;
	}

ul.maincategories {
	background: url(images/hintergrund.png) bottom left ;
        float: left;
	margin: 0;
        padding: 0;
        white-space: nowrap;
        overflow: visible;
	}
	
.maincategories li {
	background: url(images/button_links_4.gif) top left repeat-y;
        border: yellow 0px solid;
        display: inline;
        float: left;
	list-style-type: none;
	margin: 0;
        white-space: nowrap;
	}

.maincategories li a {
	background: url(images/hintergrund_header_1x150px.gif) bottom left ;
        float: left;
	color: #88cc55;
	font-weight: bold;
	height:14px;
	text-decoration: none;
	margin: 0;
        padding: 0;
        padding: 13px 16px 4px 16px;
        white-space: nowrap;
	}

.maincategories li a:visited {

	}

.maincategories li a:hover {
	color: #ffbb00;
	}

.maincategories li.current-cat a {
        background: url(images/button_rechts_4.gif) top right repeat-y;
	color: #000000;
        padding: 13px 16px 4px 16px;
	}

.maincategories li.current-cat a:visited {

	}

/********************* END topmenu Typography & Colors */










/********************* Sidebar Typography & Colors */

#sidebar ul {
	margin: 0 0 0 0;
	padding: 0;
	}

#sidebar ul.children {
	margin: 2px 0 -2px 0;
	padding: 0px 0 0px 0;
	}

#sidebar ul li {
	list-style-type: none;
	padding: 0 0 2px 0; 
	}

#sidebar ul.children li {
	list-style-type: none;
	padding: 0 0 2px 0; 
	}

#sidebar ul li a {
	color: #335588;
	font-size: 12px; 
	font-weight: normal;
	letter-spacing: 0;
	text-decoration: none;
	}

#sidebar ul li a:hover {
	color: #000000;
	font-weight: normal;
	letter-spacing: 0;
	text-decoration: none;
	}

#sidebar ul li.current-cat a {
	color: #000000;
	font-weight: bold;
	letter-spacing: 0;
	text-decoration: none;
	}

#sidebar ul.children li a {
	color: #335588;
	font-weight: normal;
	letter-spacing: 0;
	text-decoration: none;
	}

#sidebar ul.children li a:hover {
	color: #000000;
	font-weight: normal;
	letter-spacing: 0em;
	text-decoration: none;
	}

#sidebar ul.children li.current-cat a {
	color: #000000;
	font-weight: bold;
	letter-spacing: 0em;
	text-decoration: none;
	}

table
	{
	width: auto; 
	border: 0; 
	border-style: none; 
	border-collapse:collapse; 
	}


.themenkatalog td
	{
	padding: 0px 0 0px 0; 
	margin: 0px;
	border: 0; 
	line-height: 16px;
	vertical-align:top;
	text-align: left; 
	}


/********************* END Sidebar Typography & Colors */