/*
* File: _css/mjc_main.css
* Project: Michael Jahn Coaching
* Author: P. Smith / Smith Data Consult
* Version: 0.0.1 - 21/02/2008
*/

/* general tags changes */
body {
	text-align: center;
	background-color: #E6F3FC;
}
strong {
	color: #E0007A;
}

/* main divs */
#wrapper {
	margin: 0px auto;
	text-align: left;
	width: 950px;
}
#header {
	width: 950px;
	height: 152px;
}
#navigation {
	width: 200px;
	height: 450px;
	float: left;
}

/* main divs / seperated for different bg's */
#main_index, #main_anfahrt {
	width: 750px;
	height: 450px;
	background-repeat: no-repeat;
	float: left;
}
#main_coaching, #main_profil, #main_kontakt {
	width: 700px;
	height: 480px;
	background-repeat: no-repeat;
	margin-left: 50px;
	float: left;
}
#main_index {
	background-image: url(../_img/bg_index.jpg);
}
#main_coaching {
	background-image: url(../_img/bg_coaching.jpg);
		}
#main_kontakt {
	background-image: url(../_img/bg_kontakt.jpg);
	
}
#main_profil {
	background-image: url(../_img/bg_profil.jpg);
	}

/* content divs */
#content {
	width: 650px;
	margin-left: 60px;
	margin-top: 50px;
	float: left;
	display: inline;
}
#content_left_m {
	width: 650px;
	margin-left: 10px;
	margin-top: 55px;
	float: left;
	display: inline;
}
#content_profil {
	width: 440px;
	margin-left: 5px;
	margin-top: 60px;
	float: left;
}
#content_profil ul {
	line-height: 1.8em;
	margin-left:16px;
	list-style-type:square;
}
#content_profil_m {
	width: 650px;
	margin-left: 10px;
	margin-top: 15px;
	float: left;
	display: inline;
}

/* divs for profil */
#pic_profil {
	width: 134px;
	height: 176px;
	margin-left: 15px;
	margin-top: 60px;
	background-image: url(../_img/michael_jahn.jpg);
	float: left;
}

/* divs for kontakt */
#address {
	bottom: 0px;
	margin-left: 35px;
	margin-top: -5px;
}

/* header divs */
#logo {
	background-image: url(../_img/michael_jahn_logo.jpg);
	width: 245px;
	height: 152px;
	float: left;
}
#pic01 {
	width: 165px;
	height: 118px;
	background-image: url(../_img/gras.jpg);
	float: left;
	margin-top: 3px;
}
#pic01:hover {
	background-image: url(../_img/gras_hover.jpg);
}
#pic02 {
	width: 165px;
	height: 118px;
	background-image: url(../_img/steine.jpg);
	float: left;
	margin-top: 3px;
}
#pic02:hover {
	background-image: url(../_img/steine_hover.jpg);
}
#pic03 {
	width: 165px;
	height: 118px;
	background-image: url(../_img/pferde.jpg);
	float: left;
	margin-top: 3px;
}
#pic03:hover {
	background-image: url(../_img/pferde_hover.jpg);
}
#pic04 {
	width: 165px;
	height: 118px;
	background-image: url(../_img/baum.jpg);
	float: left;
	margin-top: 3px;
}
#pic04:hover {
	background-image: url(../_img/baum_hover.jpg);
}

/* navigation points */
#navigation ul li {
	margin-bottom: 50px;
	margin-left: 35px;
}
#navigation ul li a:link, #navigation ul li a:visited {
	color: #57575A;
	text-decoration: none;
	font-family: Verdana, sans-serif;
	font-size: 12px;
}
#navigation ul li a:hover, #navigation ul li a:active {
	color: #E0007A;
	text-decoration: none;
	font-family: Verdana, sans-serif;
	font-size: 12px;
}
#navigation ul li a.navi_link_act:link, #navigation ul li a.navi_link_act:visited {
	color: #E0007A;
	text-decoration: none;
	font-family: Verdana, sans-serif;
	font-size: 12px;
}
#navigation ul li a.navi_link_act:hover, #navigation ul li a.navi_link_act:active {
	color: #57575A;
	text-decoration: none;
	font-family: Verdana, sans-serif;
	font-size: 12px;
}

/* text classes */
.quote {
	font-family: Verdana, sans-serif;
	color: #E0007A;
	font-size: 15px;
	line-height: 1.5em;
}
.quote_name {
	font-family: Verdana, sans-serif;
	color: #57575A;
	font-size: 9px;
}
.genmed {
	font-family: Verdana, sans-serif;
	color: #57575A;
	font-size: 11px;
	line-height: 1.5em;
}
.genmed ul {
	margin-left:16px;
	list-style-type:square;
}
.blue {
	color: #4B5AA8;
}
a.int_link:link, a.int_link:visited {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #E0007A;
	text-decoration: underline;
}
a.int_link:hover, a.int_link:active {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #4B5AA8;
	text-decoration: underline;
}

/* input fields */
input, select, textarea {
	border: 1px solid #4B5AA8;
	background-color: #E6F3FC;
}
