/*================================================================*/

/* UNDO DEFAULT HTML STYLING */

/*================================================================*/

/* undohtml.css
(CC) 2004 Tantek Celik. Some Rights Reserved.
http://creativecommons.org/licenses/by/2.0 
This style sheet is licensed under a Creative Commons License.

additional unstyling from shauninman.com

Purpose: undo some of the default styling of common (X)HTML browsers

remove the inconsistent (among browsers) default ul,ol padding or margin
the default spacing on headings does not match nor align with 
normal interline spacing at all, so let's get rid of it.
zero out the spacing around pre, form, body, html, p, blockquote as well
form elements are oddly inconsistent, and not quite CSS emulatable.
nonetheless strip their margin and padding as well */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td{margin:0;padding:0;}

/* avoid browser default inconsistent heading font-sizes
and pre/code too */

address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var,i,b,pre,code{
	font-size:1em;
	font-style:normal;
	font-weight:normal;
	text-align:center;
}

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }
a,u{text-decoration:none;}

/* whoever thought blue linked image borders were a good idea?
and borders in general*/
a img,:link img,:visited img,fieldset, img, abbr { border:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* more varnish stripping as necessary... */
q:before,q:after{content:'';}
table{border-collapse:collapse;border-spacing:0;}

/*================================================================*/

/* MAIN PAGE LAYOUT AND FORMATTING */

/*================================================================*/

/* ====== main formatting ====== */

body {
	/*text-align: center;*/
	min-width: 1000px;
	background-image: url(../images/site/background_1.jpg);
	color: #003399;
	font-family: "gill sans", Helvetica, 'Liberation Sans', FreeSans, sans-serif;
	font-size: 0.5em;
	font-weight: normal;/*	line-height: 0.8em; */
}

#preload {
	position:absolute;
	background-color:#fff;
	z-index:500;
	font-size:2.5em;
	width:100%;
	height: 100%;
	display:none;
	padding: 0.5em 0em 0em 0em;
	overflow:hidden;
	color: #003366;
}

#preload h1 {
z-index: 505;
}

div.wrapper {

padding: 0em 0em 10em 0em;
width: 610em; /*controls content container width needs to be increased with each new horizontal content section*/
background: transparent;
text-align: left;
voice-family: "\"}\""; 
voice-family: inherit;
width: 610em; /*controls container width needs to be above width minus padding, margins*/
}

div.main {
background-color: transparent;
/*min-height: 90em; */ /*controls content container height */
}

div.rows {
clear: both;
}

div.rowswrapper { /*this is for the individual row of columns */
background: transparent;
height: 40em;/*this will control the height of each row */
}

div.rowswrapper div {
float: left;
width: 1000px; /*controls column width */
}

html>body div.rowswrapper div {
width: 65em; /*controls column width needs to be above width minus padding, margins*/
}


/*==================================

individual cell content 

==================================*/

.content-wrapper {
width: 1000px !important;
/*margin: 0px auto; centres content*/
}

.navigation-top, .header {
	/*height: 30px;*/
margin: 0px;
	padding: 0px;
	text-align: left;
}

.header-left, .header-right {
position: relative;
}

.header-left { 
width: 0px !important; 
margin: 0px;
float: left; 
z-index: 200;
} 

.header-right { 
/*width: 1100px !important; */
margin: 0px;
padding: 0px;
z-index: 100;
} 

.capsule {
/*width: 600px;*/
margin: 0px 0px 0px 8em;
padding: 0px;
}

.content-left {
	width: 300px !important;
	margin: 0px;
	float: left;
} 

.content-right { 
width: 440px !important; 
margin: 0px;
float: right; 
} 

#content-splitter { 
clear: both; 
} 

#footer { 
clear: both; 
} 


#column-0-0 {
	

}

#column-1-1 {
	
	background: url(../images/site/bg_sunline_9_low.jpg);
	height: 800px !important;
}

#column-1-2 {
	background-image: url(../images/site/bg_sunline_6_500h.jpg);
	height: 50em; 	
}

#column-1-3 {
	

}

#column-2-1 {
	
	background-image: url(../images/site/bg_sunline_15blue.jpg);
	background-repeat: no-repeat;
	height: 800px; 		
}

#column-2-2 {

}

#column-2-3 {
	

}

#column-3-1 {
	
	background-image: url(../images/site/bg_sunline_6_500h.jpg);
	height: 10em;
}

#column-3-2 {
	background-image: url(../images/site/bg_sunline_9_low.jpg);
	height: 50em; 	
}

#column-3-3 {
	
}


#column-4-1 {
	background-image: url(../images/site/bg_sunline_9_low.jpg);
	height: 50em; 	
}

#column-4-2 {
	background-image: url(../images/site/bg_sunline_9_low.jpg);
	height: 50em; 	
}

#column-4-3 {
	background-image: url(../images/site/bg_sunline_9_low.jpg);
	height: 50em; 	

}

#column-5-1 {
	background-image: url(../images/site/bg_sunline_9_low.jpg);
	height: 50em; 	

}
#column-5-2 {
	background-image: url(../images/site/notebook-2.jpg);
	height: 50em;
}
#column-5-3 {
	background-image: url(../images/site/notebook-3.jpg);
	height: 50em;
}

/*================================================================*/

/* heading and main content text styles formatting  */

/*================================================================*/

h1
{
	margin: 0px;
	font-size: 3.5em;
	line-height: 1em;
	letter-spacing: -0.02em;
	text-transform: none;
	font-family: Herculanum, "Lucida Sans", "Trebuchet MS Bold", "Lucida Grande CE";
	text-align: left;
	padding-left: 5px;
}

h1.click, h1.click a {
	color: inherit;
	font-size:3em;
	padding-top: 1.3em;
	letter-spacing: 0em;
}

h1.h1-tiny {
	color: inherit;
	font-size: 1em;
}


h2 {
	padding: 0em 0em 0em 1em;
	margin: 0em 0em 0em 4.45em;
	font-size: 2em;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 0.9em;/*	height: 13px;*/
/*	letter-spacing: 0.05em;	*/
}


h3 {
	padding: 0px;
	margin: 0px;
	font-size: 2em;
	font-family: "gill sans", helvetica, futura, sans-serif;
	line-height: 32px;
	font-weight: lighter;
	text-transform: uppercase;
}

h1 .superscript, h3 .superscript { 
vertical-align: super;
font-size: 0.5em;
}

h4 {
	padding: 0px;
	margin: 0px;
	font-size: 2em;
	font-variant: small-caps;
	line-height: 0.5em;
}

/* sub-menu, in most pages on left, eg 'weiter, zurŸck, index */

li a, li a:active, li a:hover, li a:visited
{
	color: #003366;
	font-size: 1.5em;
	margin: 0em;
	padding-left: 0.2em;
	line-height: 0.9em;
}

p
{
	color: #003366;
	text-align: left;
	font-size: 1.7em;
	/* 7 looks a bit small */
	line-height: 120%;
	margin: 1em 5px 1.5em 2em;
	padding: 0px;
}

p a:link, p a:visited, p a:hover, p a:active
{
	color: #CC6600;
	text-decoration: line-through;
}

p a:hover {
	color: #CC3300;
}

.images img
{	
	border-bottom: 5em #222 solid;
	padding-right: 100%;
/*	background-color: #fff;*/
}

img.images-normal {
padding-right: 0em;
/*	border-top: 2px #000 solid;	*/
}

/* main index navigation */

.main-index .header {
	background-color: #FF6633;
	width: 1000px !important; /* add extra 100% for each new row. extra 50% gives bit of space to right of last row */
	overflow: hidden;
	margin-top: 2em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: -65em;
	padding-top: 0.4em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 65em;
	height: 25px;
	float: none;
	border: #66CC99;
}

.main-index .header ul.list-top {
	margin-bottom: 6em;
}

.main-index .header ul.list-bottom {
	margin-bottom: 0em;
}

.main-index .header ul li {
	display: inline;
	padding: 0em 1em 0em 0em;
}

.main-index .header ul li a {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 2.2em;
	font-variant: normal;
}

/* tanz documentiert etc to continue list underneath black bar */
#column-2-7 .lower ul li {
padding-top: 12.4em;
}

/* kontakt list */

.kontakt ul {
padding: 0em 0em 2em 0em;
}

.kontakt ul li {
	color: inherit;
	font-size: 1.5em;
	margin: 0em;
	padding-left: 0.2em;
	text-transform: uppercase;
	line-height: 0.9em;
}

.kontakt ul li a{
font-size: 1em;
}

.kontakt ul.kontakt-indent {
}

.kontakt .lower {
padding-top: 12.4em;
}

.kontakt .images {
padding: 10.9em 0em 0em 38em;
}

.kontakt .images img {
	border:2px solid #fff;
	outline:1px solid #222;
}

.yoga ul {
width: 10em;
}

/* images and video display submenu in a row, change 'column1' class in column div */

.media .content-left {
width:8em !important;
}

.media .capsule {
margin: 0em;
padding-left: 0.3em;
}

.video .header ul li {
	display: inline;
	padding: 0em 1em 0em 0em;
}

/* for loooong titles to fit in without breaking to second line */
#column-4-9 .navigation-top {
width: 72em;
}

#column-2-7 .navigation-top {
width: 72em;
}

#column-5-8 .navigation-top {
width: 150em;
}

/*========= video stuff ==========*/

/*.video {

	width:720px;
	margin:0em auto;
	padding:0em;
	height:576px;
	text-align:center;
}*/

/* player container */
#player1, #player2, #player3 {
	margin:0.5em 5em;
	padding: 0em;
	border:2px solid #fff;
	outline:1px solid #111;
/*	-moz-outline-radius:4px; */
	cursor:pointer;
	width:720px;
	height:576px;	
}

/* play button 
#player1 img {
	margin-top:250px;
}*/

/* info area */
#player1 div.info, #player2 div.info, #player3 div.info {
	background: #fffffe url(../images/video/gradient.png) repeat-x;
	opacity:0.7; /*css3 */
	font-size:1.2em;
	width:720px;
	height:76px;
}

/* duration data inside info area */
#player1 div.info p, #player2 div.info p, #player3 div.info p {
	color: inherit;
	display:block;
	margin: 0em;
}
#form {
	font-size: 10px;
	text-align: justify;
}