/* CSS Document - Yoga-Art Festival México */


body	{
    background-color: #fff;
    margin:0px;
    font-family : arial, helvetica, sans-serif;
	}


/* Seitenaufbau */
#container {
	position: absolute;
	background : url(../img/bg_middle.gif) repeat-y 0 0;
	left : 50%;
	width : 760px;
	height : auto;
	margin-top : 0;
	margin-left : -380px;
	border : 0;
	padding : 0;
	}

#lang-switch	{
	position: relative;
	background : url(../img/bg_lang-switch.gif) repeat-y 0 0;
    width : 740px;
    height : 28px;
    text-align : right;
    padding : 14px 20px 4px 0;
    _padding : 14px 20px 14px 0;
    margin : 0;
	font-size : 13px;
	font-weight : bold;
	color : #FF662D;
	}

* html #lang-switch	{	/* nur fuer Internet Explorer */
	width : 760px;	/* Version 5.x */
    w\idth : 760px;	/* Version 6 */
	}

#head	{
	position: relative;
    text-align : center;
    width : 100%;
    height : 204px;
    margin : 0;
	}

#head #logo {
	float: left;
	background: url(../img/header.jpg) top left no-repeat;
	display: block;
	width: 760px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	border: 0;
}
#head #logo-en {
	float: left;
	background: url(../img/header.en.jpg) top left no-repeat;
	display: block;
	width: 760px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	border: 0;
}
#head #logo a:link, #head #logo a:visited,
#head #logo a:hover, #head #logo a:active,
#head #logo-en a:link, #head #logo-en a:visited,
#head #logo-en a:hover, #head #logo-en a:active  {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 760px;
	height: 203px;
	text-indent: -9999px;
}

#menu	{
	position: relative;
	float : right;
    width : 160px;
    height : auto;
    padding : 20px 0 0 0;
	}

#content	{
	position: relative;
	float : right;
    width : 600px;
    min-height : 350px;
    height : auto !important;
    height : 350px;
    padding : 20px 0 0 0;
	}

* html #content	{	/* nur fuer Internet Explorer */
	width : 598px;	/* Version 5.x */
    w\idth : 598px;	/* Version 6 */
	}

#footer	{
	position: relative;
	clear : both;
	background : url(../img/bg_bottom.gif) no-repeat 0 0;
    width : 760px;
    height : 30px;
    margin-bottom : 0;
	}


/* Menu */
#navigation {
	position : relative;
	margin : 0;
    width : 138px;
	padding : 7px 0 0 20px;
	}
* html #navigation {
    width : 160px;
	}
#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#naviwelt a {
	position: relative;
	text-align : right;
	height : 20px;
	width : 104px;
	display: block;
	padding-right : 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 13px;
	line-height: 21px;
	vertical-align : middle;
	color : #FF662D;
	text-decoration: none;
	}
* html #naviwelt a {
	width : 140px;
	padding-right : 36px;
	}
#naviwelt a:hover, #naviwelt a.active {
	background: url(../img/naviwelt_on.gif) no-repeat 110px 7px;
	}

#subnavi a {
	position: relative;
	text-align : right;
	height : 16px;
	width : 92px;
	_width : 84px;
	display: block;
	padding-right : 42px;
	_padding-right : 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight: normal;
	line-height: 17px;
	vertical-align : middle;
	color : #FF662D;
	text-decoration: none;
	}
* html #subnavi a {
	width : 137px;
	padding-right : 45px;
	}
#subnavi a {
	background: none;
	}
#subnavi a:hover, #subnavi a.active {
	background: url(../img/naviwelt_sub_on.gif) no-repeat 98px 5px;
	}



/* Content Sub Navi */
div#content #sub-navi, div#content #sub-navi ul {
	position: relative;
	list-style-type: none;
	list-style: none;
    padding: 0;
}
div#content #sub-navi {
	margin: 6px 20px 25px 20px;
    height: 20px;
    border-top: 1px solid #FF662D;
    border-bottom: 1px solid #FF662D;
}

div#content #sub-navi ul {
	margin: 0;
}

div#content #sub-navi li {
	position: relative;
    float: left;
    margin: 0;
    padding: 0 0 0 4px;
    width: 96px;
	font-size: 13px;
	list-style: none;
	border-bottom: 0;
	background: none;
}

div#content #sub-navi li a:link, div#content #sub-navi li a:visited {
    position: relative;
    padding: 0;
	color : #FF662D;
	text-decoration : none;
    display: block;
	line-height : 150%;
}

div#content #sub-navi li a:hover, div#content #sub-navi li #active-sub {
	color : #FF662D;
    font-weight: bold;
	text-decoration : none;
}



/* Schrift Style */
h1	{
	font-size : 22px;
	font-weight : normal;
	color : #FF662D;
	padding : 0 20px 10px 20px;
	line-height : 150%;
	margin : 0;
	background: url(../img/h1-underline.gif) no-repeat 20px 30px;
	}

h2	{
	font-size : 18px;
	font-weight : bold;
	color : #FF662D;
	padding : 5px 20px 5px 20px;
	line-height : 150%;
	margin : 0;
	}
h3	{
	font-size : 16px;
	font-weight : bold;
	color : #FF662D;
	padding : 5px 20px 5px 20px;
	line-height : 150%;
	margin : 0;
	}
h4	{
	font-size : 14px;
	font-weight : bold;
	color : #FF662D;
	padding : 5px 10px;
	line-height : 150%;
	margin : 0;
	}

p	{
	text-align : justify;
	font-size : 13px;
	line-height : 150%;
	color : #FF662D;
	padding : 5px 20px 5px 20px;
	margin : 0;
	}

a:link, a:visited	{
	color : #FF662D;
	text-decoration : none;
	}
a:hover, a:active	{
	color : #FF662D;
	text-decoration : underline;
}

/* Bilder + Grafik Style */

img {
	text-decoration : none;
	}
a:link img, a:visited img {
	padding : 4px;
	border : 0px solid #DCDCDC;
	}
a:hover img {
	border: 0px solid #BCBCBC;
	}

.bild-links img {
	float : left;
	border : 0px solid #DCDCDC;
	margin : 5px 10px 6px 20px;
	}

.bild-rechts img {
	float : right;
	border : 0px solid #DCDCDC;
	margin : 0px 20px 6px 10px;
	}


/* List Style */
#content ul {
	list-style-type: none;
	text-align : justify;
	margin: 0;
	padding : 5px 25px 5px 10px;
}
#content ul li {
	background: url(../img/punkt_li.gif) no-repeat 0 11px;
	padding : 5px 10px 0 10px;
	margin-left : 15px;
	list-style : none;
	line-height : 150%;
	font-weight : normal;
	font-size : 13px;
	color : #FF662D;
}
#content ul li ul {
	list-style-type: none;
	margin: 0;
	padding : 0;
}
#content ul li ul li {
	padding : 5px 0 0 10px;
	margin-left : 5px;
	list-style : none;
	line-height : 150%;
	font-weight : normal;
	font-size : 13px;
	color : #FF662D;
}


/* Toplink */
.top	{
	position : relative;
	clear : both;
	margin : 0;
	line-height : 100%;
	padding : 0 0 5px 0;
	_padding : 0;
	width : 15px;
	height : 15px;
	vertical-align : bottom;

}
.top a:link img, .top a:visited img {
	margin : 0 0 0 20px;
	_margin : 0 0 5px 24px;
	border : 0;
}
.top a:hover img {
	border : 0;
}


/* Trennlinie */
.linie-orange {
	background : url(../img/linie-orange.gif) repeat-x 0 100%;
	clear : both;
	margin : 10px 30px 10px 25px;
	height : 1px;
	font-size : 1px;
 }


 /* Mailformular */
.eingabe-textzeile {
	width : 292px;
	padding: 4px;
	font-family : arial,helvetia,sans-serif;
	color : #FF662D;
	font-size : 13px;
	border : 1px solid #E6E6E6;
}

.eingabe-textfeld {
	width : 442px;
	height : 160px;
	padding: 4px;
	font-family : arial,helvetia,sans-serif;
	color : #FF662D;
	font-size : 13px;
	border : 1px solid #E6E6E6;
}

.text-formular	{
	color : #FF662D;
}

.fehler	{
	color : #FF662D;
	font-weight : bold;
}

.email-senden {
	cursor: pointer;
	width: 150px;
	padding: 3px 0;
	background-color: #FFF;
	font-size : 13px;
	font-weight : bold;
	color : #FF662D;
	border: 1px solid #FF662D;
}


/* Positionierung von Switch menu */
.switch	{
	margin-top : 76px;
	float : right;
	text-align : right;
	}
* html .switch	{
	margin-top : 76px;
	}


/* Positionierung von Webdesign-Logo */
.mob	{
	margin-top : 76px;
	}
* html .mob	{
	margin-top : 76px;
	}
.mob h3	{
	text-align : right;
	clear : both;
	}
.mob a:link img	{
	float : right;
	margin: 0 1px 10px 0;
	padding : 0;
	border : 0;
	}
* html .mob img	{
	float : right;
	margin: 0 1px 10px 0;
	padding : 0;
	border : 0;
	}


#accessibility
{
	position: absolute;
	top: -10000px;
}


/* Container mit unterschiedlichen Kopffarben */
.xsnazzy h1, .zsnazzy h1 {
    margin : 0;
    font-size : 16px;
	font-weight : bold;
    padding : 5px 10px;
    border-bottom : 1px solid #FF662D;
    }
.xsnazzy h2, .zsnazzy h2 {
    margin : 0;
    font-size : 16px;
	font-weight : bold;
    padding : 5px 10px;
    }
.xsnazzy p, .zsnazzy p {
    margin : 0;
    padding : 5px 10px;
    font-size : 13px;
    }
.xsnazzy {
    background: transparent;
    width : 560px;
    padding : 5px 20px;
    margin : 5px 0;
    }

* html .xsnazzy	{	/* nur fuer Internet Explorer */
	width : 598px;	/* Version 5.x */
    w\idth : 598px;	/* Version 6 */
}

.xtop, .xbottom {
    display : block;
    background : transparent;
    font-size : 1px;
    }
.xb1, .xb2, .xb3, .xb4 {
    display : block;
    overflow : hidden;
    }
.xb1, .xb2, .xb3 {
    height : 1px;
    }
.xb2, .xb3, .xb4 {
    background : #fff;
    border-left : 1px solid #FF662D;
    border-right : 1px solid #FF662D;
    }
.xb1 {
    margin : 0 5px;
    background : #FF662D;
    }
.xb2 {
    margin : 0 3px;
    border-width : 0 2px;
    }
.xb3 {
    margin : 0 2px;
    }
.xb4 {
    height : 2px;
    margin : 0 1px;
    }

.xboxcontent {
    display : block;
    border : 0 solid #FF662D;
    border-width : 0 1px;
    height : auto;
    }
* html .xboxcontent {
    height : 1px;
    }

.color_a {
    background : #FF662D;
    color : #fff;
    }
.color_b {
    background : #fff;
    color : #FF662D;
    }
.color_b_light	{
    color : #FF662D;
    }
.color_c {
    background : #FF662D;
    color : #fff;
    }

/* nicht in Gebrauch
.color_d {
    background : #b2ab9b;
    color : #000;
    }
*/

#content .xsnazzy ul {
    padding : 0 25px 5px 10px;
    }
#content .xsnazzy li {
    padding : 5px 10px 0 10px;
    margin : 0;
    }

.xsnazzy-bild-rechts img {
	float : right;
	border : 0px solid #DCDCDC;
	margin : 0px 0px 6px 10px;
	}


/* Linkziel-Darstellung */
#content a[href$=".pdf"] {
	padding-left: 21px;
	padding-top: 1px;
	padding-bottom: 1px;
    background-image: url(../img/icon-pdf.gif);
    background-position: center left;
    background-repeat: no-repeat;
}

.spacer {
	clear:both;
	margin: 0;
	padding: 0;
	height: 20px;
}

.clearer {
	clear : both;
	height: 0;
	margin: 0;
	padding: 0;
	overflow:hidden;
}