*
 {
    margin: 0px;
	padding: 0px;
	/*list-style:none;*/
 }
 
 #alles
 {
 /*	width: 800px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	height:100%;*/	
 }
 
 body
 {
 	/*color: white; 
	background-image:url(hinter_braun_weiss.gif);
	background-color: #666666;*/
	
    /*font-size: 62.5%;*/
	font-size: 100.01%;
	font-family: Arial,Bitstream Vera Sans,Lucida Sans Unicode,Lucida Sans Unicode,Trebuchet MS,Verdana,Helvetica,Geneva,sans-serif;
	/*font-family: Arial,Geneva,Helvetica,sans-serif;*/
	/*text-align:center;
	background-color: #cc9966;*/
}

h1,h2,h3
{
	margin: 0 auto;
	font-weight: 100;
}

p
{
	margin: 0 auto;
}

table
{
	margin: 0 auto;	
}

img
{
	border:0px;
	margin: 0 auto;
	margin-left: 0px;
	padding-left: 0px;
	padding: 0 auto;
}

a
{
	/*font-family: Bitstream Vera Sans,Trebuchet MS,Arial,Verdana,Helvetica,sans-serif;
	/*color: #999999;*/	
}

ul
{
	margin: 5px 0px 0px 40px;
	/*list-style-type: square;*/
	list-style-image: url(http://www.helke-info.de/fileadmin/template/images/nav_basic/square.gif); 
	list-style-type: none;
}

a:hover
{
	/*color: #ffffff;
	background-color: #cccc00;*/
	text-decoration: none;
}
.clear
{
	/*clear: both;*/
}

.rechts10
{
	margin-right:10px;
}

.rechts30
{
	/*margin-right:30px;*/
}

.links25
{
	/*margin-left:25px;*/
}

.oben5
{
	padding-top: 5px;
}

.oben10
{
	padding-top: 10px;
}

.oben25 /* f�r den zweiten paragraphen, abstand zum oberen*/
{
	padding-top: 25px;
	/*margin-top: 25px;*/
	
}

.oben30
{
	/*padding-top:30px;
	margin-bottom:80px;*/	
}

.oben60
{
	padding-top:55px;
	/*margin-bottom:80px;*/	
}


.oben80
{
	padding-top:80px;
	/*margin-bottom:80px;*/	
}

.oben110
{
	padding-top:110px;
}

.unten50
{
	margin-bottom: 50px;
}

h2
{
	padding-left: 50px;
}

.weiss
{
	color: #ffffff;
}

.dunkelgrau
{
	color: #333333;
}

/*------ kopf --------*/

#kopf
{
	/*width: 800px;*/
	height: 125px;
	/*font-family: Bitstream Vera Sans,Trebuchet MS,Arial,Verdana,Geneva,Helvetica,sans-serif;*/
}

#kopfLinks
{
	float: left;
	/*background-color: #cc9966;*/
	width: 269px;
	height: 125px;
}

#kopfRechts
{
	font-family: Bitstream Vera Sans,Trebuchet MS,Arial,Verdana,Geneva,Helvetica,sans-serif;
	background-color: #333333;
	margin-left: 269px;
	/*vertical-align: top;
	height: 125px;
	text-align: left;
	padding-left: 0px;*/
	/*width:2px;*/

}

#navFirst
{
	margin-left:25px;
	padding-top:10px;
	padding-bottom: 28px;
	/*background-color:#cc6633;*/
}

#navSecond
{
	/*background-color: #cc3333;*/
	margin-left:25px;
	
	padding-bottom:8px;
	/*padding-top: 25px;
	height: 32px;*/
}



.navFirst
{
	color: #999999;
	font-size: 11px;
	text-transform:uppercase;
	line-height:18px;
	/*letter-spacing:0.5px;*/
}
.navFirstAktiv
{
	color: #ffcc66;
	font-size: 11px;
	text-decoration: none;
	text-transform:uppercase;
	line-height:18px;
}

.navSecond
{
	color: #cccccc;
	font-size: 11px;
	text-transform:none;
	margin-right:30px;
	/*letter-spacing:1px;
	line-height:18px;*/
}
.navSecondAktiv
{
	color: #ffcc66;
	font-size: 11px;
	text-transform:none;
	text-decoration: none;
	margin-right:30px;	
}
#kopfRechts a:hover
{
	color: #ffcc66;
}


#kopfRechts span
{
	color: #ffcc66;
	margin-left: 10px;
	margin-right: 10px;
	
}

/* ----  titel  -----*/

#titel
{	
	width: 800px;
	height:135px;
}

#titelLinks
{
	
	/*background-color: #cc9966;*/
	width: 269px;
	/*
	background-color: #cc9933;
	float: left;
	height:150px;
	padding-top: 100px;*/
}

#titelRechts
{
	/*float: right;*/
	/*background-color: #cccccc;*/
	/*width: 530px;
	height: 150px;*/
	/*margin-top: 100px;*/
}

.titelKunstFarbe
{
	position: relative;
	left: 147px;
	top: 59px;
}

.titelgefZeichnen
{
	position: relative;
	left: 134px;
	top: 59px;
}

.titelrHelke
{
	position: relative;
	left: 142px;
	top: 45px;
}

.titelwHelke
{
	position: relative;
	left: 61px;
	top: 55px;
}

.titelLeibarbeit
{
	position: relative;
	left: 154px;
	top: 49px;	
}

.titelZenMeditation
{
	position: relative;
	left: 71px;
	top: 49px;	
}

.titelShiatzuQigong
{
	position: relative;
	left: 106px;
	top: 54px;	
}

.titelIkebana
{
	position: relative;
	left: 173px;
	top: 49px;
}

.titelCasanuova
{
	position: relative;
	left: 132px;
	top: 49px;
}

.titelVezelay
{
	position: relative;
	left: 138px;
	top: 44px;
}

.titelBasel
{
	position: relative;
	left: 182px;
	top: 49px;
}

.titelFranceProgramme
{
	position: relative;
	left: 81px;
	top: 54px;
}

.titelProgrammRuette
{
	position: relative;
	left: 72px;
	top: 54px;
}

.titelProgrammausserRuette
{
	position: relative;
	left: 64px;
	top: 54px;
}

.titelKontakt
{
	position: relative;
	left: 161px;
	top: 50px;
}

.titelContact
{
	position: relative;
	left: 148px;
	top: 59px;
}

.titelMoulin
{
	position: relative;
	left: 202px;
	top: 50px;	
}

.titelZeichenwerkstatt
{
	position: relative;
	left: 182px;
	top: 55px;

}

/*  -----------  inhalt  ------------*/

#inhalt
{
	width:800px;
	font-size:0.8em;
	line-height: 1.3em;
	margin-bottom: 25px;
}

.textKleiner
{
	font-size:0.8em;
	/*line-height: 1.1em;*/
	padding-top:4px;
	display:block;
}

/* ----- tabelle programm --- */
th
{
	font-size: 1.0em;
	color: #333333;
	line-height: 1.3em;
	font-weight:600;
	padding-left: 30px;
	padding-bottom: 20px;
	text-align:left;
}

table h1
{
	font-size:1.0em;
	color: #ffffff;
	line-height: 1.5em;
	vertical-align: top;	
}

.datum
{
	color: #999999;
	font-weight:500;
	font-size: 1em;
	
	
}

table a
{
	color: #ffffff;
	
}

.tabLinks
{
	color: #ffffff;
	padding-right:20px;
	padding-bottom: 20px;
	text-align:right;
	vertical-align: top;
	font-size: 0.8em;
	line-height: 1.3em;	
}

.tabRechts
{
	color: #333333;
	padding-left:30px;
	padding-bottom: 20px;
	vertical-align: top;	
	font-size: 0.8em;
	line-height: 1.3em;
}

/* ------  linke Spalte  -------*/

#spalteLinks
{
	float: left;
	width: 269px;
	color: #ffffff;
	
	/*background-color: #cc9966;
	background-image:url(images/malen_rot.jpg);
	background-color: #cc9933;*/	
}

#spalteLinks h1
{
	color:#660000;
	font-size:1em;
	line-height: 1.3em;
	
	padding-bottom: 2px;
	margin-left: 20px;
	margin-right:25px;
	/*padding-top:20px;*/
	text-align:right;
	clear: both;
	/*font-weight:500;*/
}

#spalteLinks p
{
	margin-left: 20px;
	margin-right:25px;
	margin-bottom: 25px;
	/*padding-top:20px;*/
	text-align:right;
	clear: both;
}

.links20u /*f�r bilder in der linken Spalte abstand 20 nach unten*/
{
	float: right;
	margin-top: 3px;
	margin-bottom: 20px;
}

.textLinks
{
	/*padding-left: 20px;
	padding-right:25px;
	/*padding-top:20px;
	text-align:right;
	clear: both;
	*/	
}

.titelLinks
{
	color: #660000;
}

#spalteLinks a
{
	color: #ffffff;
}

a.block
{
	display: block;
	padding-top: 5px;
}

/* -----   spalte rechts   ------*/

#spalteRechts
{
	/*width: 530px;
	background-color: #cc6633;*/
	color: #333333;
	margin-left: 269px;
		
}

#spalteRechts h1
{
	font-size:1.1em;
	/*color: #660000;*/
	color: #666666;
	line-height: 1.5em;
	font-weight:600;
	margin-left: 25px;	
}

#spalteRechts p
{
	padding-left: 25px;
	margin-bottom: 25px;	
}

.titelGroesser
{
	font-size:1.2em;
	font-weight:600;
}
#spalteRechts a
{
	color: #333333;
	
}

.rechts60o25u190r /*bild in rechter spalte, abstand 60px nach oben 25 nach unten 190 nach rechts*/
{
	float: left;
	/*margin-left: -3px;*/
	margin-top: 60px;
	display:block;
	margin-bottom: 25px;
	/*margin-right: 25px;*/
	margin-right: 190px;
}

.rechts25u190r /*bild in rechter spalte, abstand oben 25 nach unten 190 nach rechts*/
{
	float: left;
	/*margin-left: -3px;
	margin-top: 60px;*/
	display:block;
	margin-bottom: 25px;
	/*margin-right: 25px;*/
	margin-right: 190px;
}

.rechts28o25r25u
{
	float: left;
	/*margin-left: -3px;*/
	margin-top: 28px;
	/*display:block;*/
	margin-bottom: 25px;
	/*margin-right: 25px;*/
	margin-right: 25px;
}

.rechts80o /*bild in rechter spalte, abstand 80px nach oben */
{
	/*float: left;
	/*margin-left: -3px;*/
	/*margin-top: 80px;
	display:block;*/
	/*margin-bottom: 25px;
	margin-right: 25px;
	margin-right: 25px;*/
}

.rechts63o25u25r/*bild in rechter spalte, abstand 80px nach oben 25 nach unten*/
{
	float: left;
	/*margin-left: -3px;*/
	margin-top: 63px;
	margin-bottom: 25px;
	margin-right: 25px;		
}

.rechts25u25r/*bild in rechter spalte, abstand 25px nach rechts 25 nach unten*/
{
	float: left;
	/*margin-left: -3px;
	margin-top: 63px;*/
	margin-top: 3px;
	margin-bottom: 25px;
	margin-right: 25px;		
}

.rechts63o80u25r/*bild in rechter spalte, abstand 60px nach oben 80 nach unten*/
{
	float: left;
	/*margin-left: -3px;*/
	margin-top: 58px;
	margin-bottom: 80px;
	margin-right: 25px;		
}

.rechts63o80u36r/*bild in rechter spalte, abstand 60px nach oben 80 nach unten*/
{
	float: left;
	/*margin-left: -3px;*/
	margin-top: 58px;
	margin-bottom: 40px;
	margin-right: 36px;		
}

.rechts63o80u190r/*bild in rechter spalte, abstand 80px nach oben 80 nach unten*/
{
	float: left;
	/*margin-left: -3px;*/
	margin-top: 58px;
	margin-bottom: 80px;
	margin-right: 190px;		
}

.rechts80o25u/*bild in rechter spalte, abstand 80px nach oben 80 nach unten*/
{
	float: left;
	/*margin-left: -3px;*/
	margin-top: 80px;
	margin-bottom: 25px;		
}

.textRechts 
{
	/*padding-left: 25px;
	vertical-align: top;*/
}

/* ----- formular----- */
form
{
	padding-left:25px;
}

.textfield
{
	background-color: white;
	border: solid;
	width: 250px !important;
	width: 252px;
	height: 18px;
	color: #cc9966;
	font-size: 13px;
	border-color: #cc9966 !important;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
}

.textarea
{
	background-color: white;
	border: solid;
	width: 250px !important;
	width: 250px;
	color: #cc9966;
	border-color: #cc9966 !important;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
}

.form_btn
{
	background-color: white;
	margin-top: 30px;
	margin-bottom: 15px;
	width: 135px;
	color: #cc9966;
	padding-bottom: 1px;
	padding-top: 1px;
	border-top-color: #cc9966 ;
	border-top-width: 1px;
	border-top-style: solid;
	border-left-color: #cc9966;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-color: #cc9966;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-color: #cc9966;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	
}

.form_check
{
	background-color: white;
	margin-top: 30px;
}

.form_txt
{
	font-size: 0.8em;
	/*margin-left: 25px;*/
}

.ausfuellen
{
	font-size: 0.8em;
	background-color: #cc9966;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}

/*  ------ fusszeile  -----*/

#fusszeile 
{

	margin-left:130px;
	/*margin-bottom: 50px;
	background-color:blue;*/
}

#fusszeileBreite
{
	width:505px;
	margin-left:167px;
}

#fusszeile p
{
	font-family: Bitstream Vera Sans,Trebuchet MS,Arial,Verdana,Helvetica,Geneva,sans-serif;
	font-size: 11px;
	line-height:20px;
	text-transform:uppercase;
	color: #999999;
	border-top: 1px solid #cc9966;
	padding-top: 10px;
	/*background-color: red;
	padding-left:-80px;
	width: 505px;
	margin-left: 167px;
	text-align:left;*/
}

#fusszeile a
{
	color: #999999;
	font-size: 11px;
	text-transform:uppercase;
	/*letter-spacing: 1px;
	margin-right: 20px;*/	
}

.strichFusszeile
{
	color: #cc9966;
	margin-left: 6px;
	margin-right: 6px;
	
}
.logo
{
	margin-top:-55px;
	margin-bottom:30px;
}

