@charset "UTF-8";
/* CSS Document */

/**************************************************
copyright by cortona werbeagentur gmbh
***************************************************
***************************************************
Project:		www.hebamme-werni.de
File:			style.css
***************************************************
initial author: cortona werbeagentur gmbh
last editor: 	SE
firstVersion: 	22.05.2012
lastVersion: 	23.05.2012
*************************************************/

/*************************************************
FileStructure
**************************************************
1.0 Layout Structure
	1.1 Wrapper
	1.2 Header
	1.3 Container
	1.4 Left
	1.5 Main
	1.6 Right
	1.7 Footer

2.0 Content Structure 
	2.1 Content
	2.2 Content Header
	2.3 Content Left
	2.4 Content Main
	2.5 Content Right
	2.6 Content Footer

3.0 Navigation
	3.1 Main Navigation
	3.2 Subnavigation
	3.3 Footer Navigation
*************************************************/


/**************************************************
1.0 Layout Structure
**************************************************/

body{
	background-color: #e4e4e4;
	background-image: url(/tl_files/i/bg_tapete.jpg);
	background-repeat: repeat-y;
	background-position: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #464646;
	font-size: 10pt;
	line-height: 1.45em;
}


/* 1.1 Wrapper ***********************************/

/* 1.2 Header ************************************/



/* 1.3 Container *********************************/

/* 1.4 Left **************************************/

/* 1.5 Main **************************************/
	
.mainbox_top{
	background-image: url(/tl_files/i/box_top.png);
	width:725px;
	height: 30px;
	margin-left: 7px;
}

.mainbox_content{
	background-image: url(/tl_files/i/box_content.png);
	margin-left: 7px;
}

.mainbox_bottom{
	background-image: url(/tl_files/i/box_bottom.png);
	width:725px;
	height: 18px;
	margin-left: 7px;
}

/* 1.6 Right *************************************/

/* 1.7 Footer ************************************/


/***********1.0 Layout Structure End **************
**************************************************/


/**************************************************
2.0 Content Structure
**************************************************/


/* 2.1 Content ***********************************/

/* 2.2 Content Header ****************************/

.logo{
	text-align: center;
	margin-top:30px;
}

/* 2.3 Content Left ******************************/

/* 2.4 Content Main ******************************/

h1{
	font-size: 13pt;
	font-weight: normal;
	width: 430px;
	color: #9e1c21;
	margin-bottom: 25px;
}

#ueber-mich p{
	width: 620px;	
}

#startseite p{
	width: 620px;	
}

#schwangerschaft p{
	width: 620px;	
}

#nachsorge p{
	width: 620px;	
}

p{
	width: 400px;
}

a {
	color: #9e1c21;
	text-decoration: none;
}

ul {
	list-style: none;
	margin-left: -30px;
}

ul li {
	background-image: url(/tl_files/i/darrow.png);
	background-repeat: no-repeat;
	padding-left: 15px;
}

.image_container img{
	margin:0;
	padding:0;
	float:right;
	margin-right:0px;
	margin-top:-20px;
	border:5px solid white;
	
}

.ce_text.mainbox_content{
	padding-left: 45px;
	padding-bottom: 15px;
}

/* 2.5 Content Right *****************************/

/* 2.6 Content Footer ****************************/

#footer{
	margin-top:-5px;	
}

div.kontakt{
	float: left;
	font-size:12px;
}
div.impressum{
	text-align: right;
	margin-right:30px;
	margin-top: 10px;
	font-size:12px;
}

div.datenschutz{
	text-align: center;
	margin-right:30px;
	margin-top: 10px;
	font-size:12px;
}


p.kontakt{
	margin:0;
	padding:0;
	width: 550px;
	margin-left:30px;
}

a.kontakt {
	color: #464646;
}

#scherenschnitt {
	margin-top: 40px;
	margin-left: 60px;
}

/***********2.0 Layout Structure End **************
**************************************************/


/**************************************************
3.0 Navigation
**************************************************/


/* 3.1 Main Navigation ***************************/

.mod_navigation ul{
	margin:0;
	padding:0;
	margin-top:30px;
}

.mod_navigation li{
	float:left;
	list-style: none;
	margin-right: 15px;
	margin-left: -20px;
	text-indent: -100em;	
	background-image: none;
}

.mod_navigation a{
	display:block;
	height: 210px;
	text-indent: -100em;
}

.mod_navigation li.active{
	margin-left:-5px;
	margin-right:0px;
}

.mod_navigation a.aboutme{
	background-image: url(/tl_files/i/nav_ueber_bild.png);
	width:171px;
}

.mod_navigation a.aboutme:hover{
	background-image: url(/tl_files/i/nav_ueber_text.png);
}

.mod_navigation li.active.aboutme{
	background-image: url(/tl_files/i/nav_ueber_text.png);
	width:171px;
	display:block;
	height: 210px;
}

.mod_navigation a.pregnancy{
	background-image: url(/tl_files/i/nav_schwangerschaft_bild.png);
	width:207px;
}

.mod_navigation a.pregnancy:hover{
	background-image: url(/tl_files/i/nav_schwangerschaft_text.png);
}

.mod_navigation li.active.pregnancy{
	background-image: url(/tl_files/i/nav_schwangerschaft_text.png);
	width:207px;
	display:block;
	height: 210px;
}

.mod_navigation a.classes{
	background-image: url(/tl_files/i/nav_kurse_bild.png);
	width:173px;
}

.mod_navigation a.classes:hover{
	background-image: url(/tl_files/i/nav_kurse_text.png);
}

.mod_navigation li.active.classes{
	background-image: url(/tl_files/i/nav_kurse_text.png);
	width:173px;
	display:block;
	height: 210px;
}

.mod_navigation a.aftercare{
	background-image: url(/tl_files/i/nav_nachsorge_bild.png);
	width:132px;
}

.mod_navigation a.aftercare:hover{
	background-image: url(/tl_files/i/nav_nachsorge_text.png);
}

.mod_navigation li.active.aftercare{
	background-image: url(/tl_files/i/nav_nachsorge_text.png);
	width:132px;
	display:block;
	height: 210px;
}

/* 3.2 Subnavigation *****************************/

/* 3.3 Footer Navigation *************************/


/***********3.0 Navigation End ********************
**************************************************/



.kompetenzbereiche
{
	margin-top: 10px;
}

.spalte_1
{
	margin-right: 3px;
}

.rechts .kompetenzbereiche {
	padding-right: 100px;
}

.description
{
	margin-top: 4px;
	margin-bottom: 12px;
	margin-left: 19px;
}
