/*  



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(images/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(images/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(images/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 */







.accordion_toggle {



	display: block;



	height: 30px;



	width: 680px;



	padding: 0 10px 0 10px;



	font-size: 12px;



	cursor: pointer;



	margin: 0 0 0 0;



}











.accordion_content {



	overflow: hidden;



}



	



.accordion_content p {



	padding-left: 10px;



}







.accordion_content img {



	border:3px solid #5b5d5f;



	clear:both;



}



/*                                                    */



/*  main 'top-level' form elements                    */



/*                                                    */



@import "calendar.css";







.cform { 



	margin:10px auto 0 auto; 



	width: 772px; 



}







.cform fieldset	{ 



	margin-top:10px; 



	padding:5px 0 15px 0; 



	border:none;  



}







.cform .cf_hidden {



	display:none; 



	border:none!important;



	background:none!important;



	padding:0!important;



	margin:0!important;



}







.cform legend { 



	margin-left:10px;



	padding: 0 2px; 



	font:normal 20px Times;



	color:#666666;



}







ol.cf-ol { 



	margin:0!important; 



	padding:0!important;



}







ol.cf-ol li	{



	background:none!important; 



	margin:5px 0!important;



	padding:0; 



	list-style:none!important; 



	text-align:left;



	line-height:1.3em;



}











/*                                                    */



/* just for text-only fields (no input)               */



/*                                                    */







ol.cf-ol li.textonly {



	background:#F0F0F0 !important;



	letter-spacing:1px;



	margin:10px 0pt !important;



	padding:5px 0pt;



	text-align:center;



}











/*                                                    */



/* global definitions for field labels                */



/*                                                    */







.cform label {



	width:90px; 



	margin:4px 10px 0 0; 



	display:-moz-inline-box; /*for mozilla*/



	display:inline-block; /*for Opera & IE*/



	text-align:right;



	vertical-align:top;



}







.cform label span {



	width:90px; /* must be the same as above!*/



	display:block; 



}







label.cf-before {



	margin:4px 10px 0 0; 



}







label.cf-after 	{



	margin:4px 15px 0pt 6px;



	text-align:left;



	width:115px;



}







label.cf-after span {



	width:115px;



	display:block;



}







label.cf-group-after {



	margin:3px 4px 0 2px;



	width:72px;



	text-align:left;



}



label.cf-group-after span {



	width:72px;



	display:block;



}







/*                                                    */



/*   FORM FIELDS general formatting                   */



/*                                                    */







.cform input,



.cform textarea,



.cform select { 



	padding:3px;



	background: #f9f9f9; 



	border: 1px solid #888888; 



	vertical-align:top;



}



.cform input:hover,



.cform textarea:hover,



.cform select:hover	{



	background:#90c84b; 



}







.cform input:focus,



.cform textarea:focus,



.cform select:focus	{ 



	background:#90c84b; 



}







.cform textarea,



.cform input {



	width:450px; 



}



.cform select {



	width:158px; /* attempt to have equal length */



	padding:2px 0;



}  







.cform select.cfselectmulti	{ 



	height:7.5em; 



}







.cform textarea {



	font-family: arial;



	font-size: 0.9em;



	overflow:auto;



}







/*                                                    */



/*   radio button title                               */



/*                                                    */







ol.cf-ol li.cf-box-title {



	font-weight:bold;



	letter-spacing:1px;



	padding:8px 0 0 100px; /* check with label 'width' incl. */



}







/*                                                    */



/*   check boxes                                      */



/*                                                    */







.cform input.cf-box-a,



.cform input.cf-box-b 	{ 



	margin:2px 0 0 0; 



	width:14px;



	height:22px;



	border:none!important;



	background:none!important; 



}







.cform input.cf-box-a 	{ 



	margin-left:100px; /* check with label 'width' incl. */



} 











/*                                                    */



/* check box groups                                   */



/*                                                    */







ol.cf-ol li.cf-box-group {



	margin:10px 0pt 0px !important;



	padding-left: 100px; 



} 







/*                                                    */



/* formatting for text:  "(required)"  & other        */



/*                                                    */







span.reqtxt,



span.emailreqtxt { 



	margin:3px 0 0 3px;



	font-size:0.9em;



	display: -moz-inline-box; 



	vertical-align:top;



}







/*                                                    */



/*   FORM submit button                               */



/*                                                    */







p.cf-sb {



	padding: 0!important;



	margin: 0;



}



.cform input.sendbutton	{ 



	width:100px;  



	padding:5px; 



	margin: 10px 0 0 310px;



	font-size:0.8em;



	background:url(../images/button-bg.gif) repeat-x; 



	border:1px solid #adadad!important;



	border-left-color:#ececec!important; 



	border-top-color:#ececec!important;



}







/*                                                    */



/*   FORM FIELDS enhanced error display               */



/*                                                    */



ol.cf-ol li.cf_li_err {



	background:#FFDFDF url(li-err-bg.png) repeat!important;



	border-color:#DF7D7D;



	border-style:solid;



	border-width:1px 0pt;



	padding:5px 0!important;



	margin:5px 0!important;



}







ol.cf-ol li ul.cf_li_text_err {



	height:1%;



	min-height:1%;



	margin:0 0 0 100px;



	padding:0;



	color:#333;



}







ol.cf-ol ul.cf_li_text_err li {



	background:url(icon-alert.png) no-repeat left 1px!important;



	list-style:none!important;



	font-weight:bold;



	text-indent:0;



	margin:0 0 2px!important;



	padding-left:15px;



}



ol.cf-ol ul.cf_li_text_err li:before {



	content:'';



}







/*                                                    */



/* 'visitor verification' related styles              */



/*                                                    */







label.secq,



label.seccap {



	vertical-align:text-bottom;



	margin-bottom:4px;



}







input.secinput {



	vertical-align:text-bottom;



}







#cforms_captcha6,



#cforms_captcha5,



#cforms_captcha4,



#cforms_captcha3,



#cforms_captcha2,



#cforms_captcha {



	height:15px;



	width:50px;



	padding: 4px 4px;



	margin: 0;



}







img.captcha	{



	vertical-align:text-bottom;



	margin:0 0 0 10px!important;



	padding:0!important;



	border:none!important;



	float:none!important;



}







img.captcha-reset {



	vertical-align:text-bottom;



	background:	url(captcha_reset_grey.gif) no-repeat;



	margin:0 0 2px 3px;



	width:21px;



	height:21px;



	border:none;



}







img.imgcalendar {



	border:none;



}







/*                                                    */



/* change formatting of response msgs here            */



/*                                                    */







div.cf_info {



	color:#333;



	display:none;



	padding:10px 15px!important;



	width:380px;



	line-height:1.3em;



	margin:10px auto;



}



div.cf_info ol {



	margin:0;



	padding:5px 15px 0 30px;



}



div.cf_info ol li {



	padding:1px 0;



	margin:2px 0;



}



div.cf_info a	{



	color:#ad2929!important;



	text-decoration:underline!important;



}



div.success {



	background:#F7F7F7 none repeat scroll 0% 50%;



	color:#444444;



	display:block;



}



div.failure {



	display:block;



	background:#FFDFDF url(li-err-bg.png) repeat!important;



	border-color:#DF7D7D;



	border-style:solid;



	border-width:1px 0pt;



}



div.waiting {



	background:#F9F9F9;



	color:#AAAAAA;



	display:block;



}



/*                                                    */



/*   formatting for invalid user inputs               */



/*                                                    */



.cform .cf_error { 



	color:#ad2929; 



	border:1px solid #ad2929; 



}



div.mailerr {



	display:block;



}



.mailerr,



.cform .cf_errortxt {



	color:#ad2929; 



}







/*                                                    */



/* disabled fields [disabled] does not work on IE!    */



/*                                                    */







[disabled] {



	color:#dddddd;



	border-color:#dddddd!important;



	background:none!important;



}



.disabled {



	border-color:#dddddd!important;



}







/*                                                    */



/* upload box styling                                 */



/*                                                    */



.cform input.cf_upload  {



	width:220px;



	background: #f9f9f9;



	border:1px solid #888888;



}







/*                                                    */



/*  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;



			}











/* 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;



	        }