/*  
Theme Name: LebensLinie
Description: Design f?r LebensLinie.
Version: 1.0
Author: Claudia Sommer
Author URI: http://www.socialnetworkmarketing.de/
*/

/*Reset All*/
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,ul,li {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

ol,ul {
	list-style: none;
	}

q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
	}

.clear {
	clear:both;
	}

/* gepunktete Linie um geklickte Links ausblenden */

a:focus {
	outline: none;
	}

/*Layout*/
#wrapper {
	width:772px;
	margin: 20px auto 0 auto;
	}

#header {
	height:102px;
	}

#header h1 {
	float:left;
	}

#header h1 a {
	display: block;
	text-decoration: none;
	text-indent: -2100px;
	width: 169px;
	height: 102px;
	background: transparent url(images/logo.gif) no-repeat left top;
	}

#pagebody {
	margin-top:25px;
	}

#footer {
	border-top:1px solid #90c84b;
	margin-top:15px;
	padding-top:20px;
	}

/*Menu*/
ul#menu {
	float:right; 
	position:relative; 
	margin:0; 
	padding:0; 
	background: url(http://www.lebens-linie.eu/wp-content/uploads/2011/08/menu.gif) top right no-repeat; 
	width:449px; 
	height:102px;
	}

ul#menu li {
	position:absolute; 
	margin:0; 
	padding:0; 
	list-style:none; 
	top:0;
	}	
	
ul#menu li, ul#menu a {height: 102px; display:block; margin:0; padding:0;}

ul#menu li a {text-indent: -9999px; text-decoration: none;}

#aktuelles {left:0px; width:89px;}
#techniken {left:90px; width:89px;}
#workshops {left:180px; width:89px;}
#vita {left:270px; width:89px;}
#kontakt {left:360px; width:89px;}

#aktuelles a:hover {background:transparent url(images/menu.gif) 0 -102px no-repeat;}
#techniken a:hover {background:transparent url(images/menu.gif) -90px -102px no-repeat;}
#workshops a:hover {background:transparent url(http://www.lebens-linie.eu/wp-content/uploads/2011/08/menu.gif) -180px -102px no-repeat;}
#vita a:hover {background:transparent url(images/menu.gif) -270px -102px no-repeat;}
#kontakt a:hover {background:transparent url(images/menu.gif) -360px -102px no-repeat;}

body#nav01 #aktuelles {background:transparent url(images/menu.gif)  0 -204px no-repeat;}

body#nav02 #techniken {background:transparent url(images/menu.gif)  -90px -204px no-repeat;}

body#nav03 #workshops {background:transparent url(http://www.lebens-linie.eu/wp-content/uploads/2011/08/menu.gif)  -180px -204px no-repeat;}

body#nav04 #vita {background:transparent url(images/menu.gif)  -270px -204px no-repeat;}

body#nav05 #kontakt {background:transparent url(images/menu.gif)  -360px -204px no-repeat;}


/*Typo*/

h1, h2, h3, p, small, ul, ol, fieldset {
	font: normal 100%/1.2 Georgia, Times, "Times New Roman", sans-serif; 
	color:#5b5d5f;
	}

h1, h2, h3 {
	font-weight:bold;
	}

a {
	color:#90c84b;
	font-weight:bold;
	}

small {
	padding-left:20px;
	font-size:70%;
	}

fieldset {
	font-size:80%;
	}

#pagebody {  }

#pagebody legend {
	color:#90c84b;
	padding-left:20px;
	font-size:90%;
	font-weight:bold;
	background:url(images/bgh3.gif) no-repeat;
	}

#pagebody h1 {
	color:#90c84b;
	margin-bottom:9px;
	padding-left:20px;
	height:31px;
	background:url(images/bgh1.gif) no-repeat;
	}

#pagebody h2 {
	color:#90c84b;
	/*padding-left:20px;*/
	margin-top:10px;
	margin-bottom:10px;
	font-size:90%;
	/*background:url(images/bgh2.gif) no-repeat;*/
	}

#pagebody h2 a {
	text-decoration:none;
	}

#pagebody strong {
	color:#90c84b;
	padding-left:20px;
	font-size:90%;
	font-weight:bold;
	background:url(images/bgh3.gif) no-repeat;
	}
	
#pagebody img { 
	float: left; 
	}
	
	
/* Lists */

#pagebody ul,  #pagebody ol {
	font-size:80%;
	margin-left:30px;
	margin-bottom:18px;
	}

#pagebody ul {
	list-style-type:square;
	}

#pagebody ol {
	list-style-type:decimal;
	}

#pagebody li {
	padding-left:6px;
	line-height:1.2em;
	}

#pagebody blockquote p {
	margin-left:30px;
	font-style:italic;
	}

p {
	margin-bottom:18px;
	font-size:80%;
	}
	
#footer p {
	font-size:60%;
	text-align:right;
	}

#footer p a {
	text-decoration:none;
	}
	
	
/* Vertical Accordions */

.bar {
	display: block;
	height: 30px;
	width: 440px;
	padding: 0 10px 0 10px;
	font-size: 12px;
	cursor: pointer;
	margin: 0 0 0 0;
	color:#90c84b;
	padding-left:20px;
	background:url(images/bgh3.gif) no-repeat;
	}

.content {
	overflow: hidden;
	display: block;
	margin-bottom: 12px;
	}

.content img {
	border:3px solid #5b5d5f;
	clear:both;
	}

/*  Other: link love                                  */

.linklove {
	width:410px;
	margin:0 auto 10px!important;
	padding:0!important;	
	text-align:center!important;
	}

.linklove a,
.linklove a:visited {
	font-size: 0.8em;
	font-family: Tahoma;
	color:#aaaaaa!important;
	}

/*  Other: browser hacks                              */

* html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
	}

* html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: 10px; 
	margin-left: 0;
	}
	
*+html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
	}

*+html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: 10px; 
	margin-left:0;
	}

* html ol.cf-ol,
* html ol.cf-ol li,
* html span.reqtxt,
* html span.emailreqtxt { 
	display: inline-block;  /*for ie6*/
	}

*+html .cform label,
*+html ol.cf-ol,
*+html ol.cf-ol li,
*+html span.reqtxt,
*+html span.emailreqtxt {
	display: inline-block; /*for ie7*/
	}

* html img.captcha {
	margin-bottom:1px!important;
	}

*+html img.captcha {
	margin-bottom:1px!important;
	}

/* -- zwei spaltiges Layout - nachträglich eingefügt --  */

#marginalien { 
	background-color: silver; 
	position: relative; 
	top: 0; 
	left: 0; 
	width: 308px; 
	\width:340px; /*Hack für IE 5.5 */
	w\idth:308px; 
	padding: 2px 10px 30px 0; 
	height: 75%; }

#marginalien { 
	font-size: 10px; 
	}

#marginalien a:link { 
	color: #90c84b;
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none; 
	}

#marginalien a:active {
	color: #90c84b; 
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none; 
	}

#marginalien a:hover { 
	color: #90c84b; 
	font-weight: normal; 
	font-style: normal; 
	text-decoration: underline; 
	}

.marginalien a:visited { 
	color: #90c84b; 
	font-weight: normal; 
	font-style: normal; 
	text-decoration: underline; 
	}

.textarea { 
	padding: 0 0 30px 318px;
	width: 450px;
	float: right;
	}

.textarea_ohne { 
	position: relative; 
	padding: 0 0 30px 318px; 
	width: 450px; 
	\width:768px; /*Hack für IE 5.5 */
	w\idth:450px; 
	}





/* -- neues Kontaktformular -- */

/* Kontaktformular -----------------------------------------------------------*/

#formular { width: 450px; 
	font-size: 14px;}

form label {
			clear: both;
			display: block;
			padding: 10px 0 0 0;
			color: #d0e4b7;
			font-weight: bold;
			}

form dt {
	font: normal 80% Georgia, Times, "Times New Roman", sans-serif; color:#5b5d5f;}

form dl input, form dl textarea {
			background: #fff;
			padding: 5px;
			color: #333;
			border: solid 2px #3c6c01;	
			font: 14px; "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			margin: 3px 3px 3px 0;
			width: 300px;
			w\idth: 435px;	
			float: left;
			}

form dd small { 
			font: 14px; "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
			color: #333; 
			letter-spacing: 0.1em; 
			border-bottom: 1px dotted #3c6c01; 
			}

form dd input[type=checkbox] {
			width: 435px;
			}

form dd input[type=submit] {
	color: #3c6c01;
	clear: both;
	margin: 0;
	padding: 0;
	background: none;
	color: #3c6c01;
	background: #d0e4b7;
	padding: 10px;	
    margin: 10px 0;
    width: 448px;
	font: 14px bold "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			}

/*------------------------------------------------------------------------------------------*/
/*------ CSS-Hacks -------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------*/

/*-- zeigt den Mauszeiger als Hand --*/

label, select, input[type=checkbox], input[type=radio], 
input[type=button], input[type=submit] {
			cursor: pointer;
			}

/*-- Zeigt das aktivierte Feld --*/

input:focus, textarea:focus {
			color: #000;
			background: #d0e4b7;
			outline: solid 1px #3c6c01;
	        }
	        
/*-- erzwingt die vertikale Scrollbar und verhindert so das Springen der Inhalte --*/ 
body {
	overflow-y: scroll; 
	}