/*
      Created by Oskar Weinberger www.skarweb.de
	 
	  Styles for www.sunyoga.de
	  
*/


/* Grid Styles
 ------------------------------------- */

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 line-height: 14px;
 color: #cf1284;
 background-color:#fcf085;
 background-image:url(../img/body_bg.jpg);
 background-repeat:repeat-x;
}

#wrapper { 
 margin: 0 auto;
 width: 960px;
 padding: 0px 10px 8px 10px;
 background-color: #FFFFFF;
}

#wrapp_foot { 
 margin: 0 auto;
 color: #df4783;
 width: 980px;
 padding: 5px 0px 0px 0px;
 background-image:url(../img/body_footer.gif);
 background-repeat:no-repeat;
 height:20px;
 text-align:center;
 font-size:11px;
}



/* Standard Styles
 ------------------------------------- */

a{
	color:#cf1284;
	text-decoration:underline;
}

a:hover{
	color:#f37052;
	text-decoration:underline;
}


.clearer { 
 padding: 0px;
 margin: 0px;
 clear:both;
 height: 0px;
 line-height:0px;
 font-size:0px;
}

img{ 
 margin: 0px 0px 0px 0px;
 border:none;
}

ul { 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 13px;
}

li { 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}


h1 {
	color:#f37052;
	font-size:12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display:inline;
}

h1 a{
	color:#f37052;
	text-decoration:none;
}

h1 a:hover{
	color:#f37052;
	text-decoration:none;
}


h1 span {
	color:#cf1284;
}


h2 {
	color:#cf1284;
	font-size:11px;
	padding: 0px 0px 0px 0px;
	margin: 0px 3px 0px 0px;
	display:inline;
}

h2 span {
	color:#f37052;
}

h3 {
	color:#cf1284;
	font-size:12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display:inline;
}




h3 span {
	color:#f37052;
}

p {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.big {
	font-size:14px;
	font-weight:bold;
	line-height: 16px;
	
}


.xxlbig {
	font-size:18px;
	font-weight:bold;
	
}

.sxsmal {
	font-size:9px;
	font-weight:normal;
	
}

.pink_xsmal {
	font-size:12px;
	font-weight:normal;
	color:#cf1284;
	
}



.picabstand {
	padding: 0 0 0 0;
	margin: 0 0 16px 0;
}

td {
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
}

.tdrow_1 {
	background-color:#fff;
	border-bottom: 1px solid #f5f5f5;
}

.tdrow_2 {
	background-color:#fff;
	border-bottom: 1px solid #f5f5f5;
}


.orange {
	color:#f37052;
}

.orange_big {
	font-size:14px;
	font-weight:bold;
	color:#f37052;
	
}

.orange_xxlbig {
	font-size:18px;
	font-weight:bold;
	color:#f37052;
	
}

.orange_xxxlbig {
	font-size:17px;
	font-weight:normal;
	color:#f37052;
	line-height: 18px;
	
}

.orange_sxsmal {
	font-size:9px;
	font-weight:normal;
	color:#f37052;
	
}


.orange_xsmal {
	font-size:12px;
	font-weight:normal;
	color:#f37052;
	
}



/* Top Styles
 ------------------------------------- */
#top {
 width: 960px;
 float: left;
 padding: 0px;
 height: 87px;
 margin: 0px 0px 0px 0px;
 background-image:url(../img/head_bg.jpg);
 background-repeat:repeat-x;
}

#top_teaser {
 width: 470px;
 float: left;
 padding: 0px 0px 0px 12px;
 height: 87px;
 margin: 0px 0px 0px 0px;
}

#top_logo {
 width: 189px;
 float: right;
 padding: 0px 12px 0px 0px;
 height: 87px;
 margin: 0px 0px 0px 0px;
 text-align:right;
}

#top_language {
 color: #eaa457;
 font-size:11px;
 width: 120px;
 float: right;
 padding: 3px 0px 0px 0px;
 height: 20px;
 margin: 0px 0px 0px 0px;
 text-align:right;
}

#top_language a {
 color: #eaa457;
 text-decoration:none;
}

#top_language a:hover {
 color: #eaa457;
 text-decoration:underline;
}

#top_language .langcurrent {
 color: #cf1284;
 text-decoration:none;
}



/* Navigation Styles
 ------------------------------------- */

#navigation {
 float: left;
 width: 960px;
 height: 38px;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 background-image:url(../img/top_menu_bg.jpg);
 background-repeat:repeat-x;
}

#navi_home {
 color:#eb6643;
 font-size:14px;
 font-weight:bold;
 line-height:18px;
 float: left;
 width: 191px;
 height: 20px;
 padding: 0px 0px 0px 12px;
 margin: 0px 0px 0px 0px;
 background-image: url(../img/top_menu_left.jpg);
 background-repeat: no-repeat;
 background-position:left top;
}

#navi_home ul { 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

#navi_home li {
	display: inline;
	list-style-type: none;
	padding: 0 20px 0 0;
}

#navi_home li a {
	color:#eb6643;
	text-decoration:none;
}

#navi_home li a:hover {
	color:#d0007b;
	text-decoration:none;
}

#navi_home li .current {
	color:#eb6643;
	text-decoration:none;
}



#navi_main {
 color:#d0007b;
 font-size:14px;
 font-weight:bold;
 line-height:18px;
 float: left;
 width: 745px;
 height: 20px;
 padding: 0px 0px 0px 12px;
 margin: 0px 0px 0px 0px;
 background-image: url(../img/top_menu_right.jpg);
 background-repeat: no-repeat;
 background-position:right top;
}

#navi_main ul { 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
} 

#navi_main li {
	display: inline;
	list-style-type: none;
	padding: 0 14px 0 0;
}

#navi_main li a {
	color:#d0007b;
	text-decoration:none;
}

#navi_main li a:hover {
	color:#f37052;
	text-decoration:none;
}

#navi_main #current {
	color:#f37052;
	text-decoration:none;
}



#navi_second {
 color:#d0007b;
 font-size:11px;
 font-weight:bold;
 float: left;
 height: 16px;
 padding: 0px 0px 0px 216px;
 margin: 0px 0px 0px 0px;
}

#navi_second ul { 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
} 

#navi_second li {
	display: inline;
	list-style-type: none;
	padding: 0 15px 0 0;
}

#navi_second li a {
	color:#f37052;
	text-decoration:none;
}

#navi_second li a:hover {
	color:#d0007b;
	text-decoration:none;
}

#navi_second #current {
	color:#d0007b;
	text-decoration:none;
}

#navi_second li span {
	font-weight:bold;
}


/* Header Styles
 ------------------------------------- */
#header {
 color: #ffffff;
 width: 960px;
 float: left;
 padding: 0px 0px 0px 0px;
 height: 140px;
 margin: 0px 0px 9px 0px;
 background: #fcbc75;
}

#header_pinkteaser {
 color: #ffffff;
 font-size:11px;
 line-height:14px;
 width: 179px;
 float: left;
 padding: 9px 0px 0px 12px;
 height: 131px;
 margin: 0px 0px 0px 0px;
}

#header_pinkteaser span {
 color: #fcedcb;
 font-size:11px;
 line-height:14px;
}


#header_pinkteaser_home {
 color: #fcedcb;
 font-size:14px;
 line-height:18px;
 font-style:italic;
 width: 179px;
 float: left;
 padding: 9px 0px 0px 12px;
 height: 131px;
 margin: 0px 0px 0px 0px;
}

.ph_home {
	background-image:url(../img/pinktop_home.jpg);
	background-repeat:no-repeat;
}

.ph_news{
	background-image:url(../img/pinktop_massage.jpg);
	background-repeat:no-repeat;
}

.ph_yoga_blick {
	background-image: url(../img/pinktop_yoga_ueberblick.jpg);
	background-repeat:no-repeat;
}

.ph_starter {
	background-image: url(../img/pinktop_starter.jpg);
	background-repeat:no-repeat;
}

.ph_std_k {
	background-image: url(../img/pinktop_std_kreuzberg.jpg);
	background-repeat:no-repeat;
}


.ph_zeiten {
	background-image: url(../img/pinktop_zeiten.jpg);
	background-repeat:no-repeat;
}


.ph_lehrer {
	background-image: url(../img/pinktop_lehrer.jpg);
	background-repeat:no-repeat;
}

.ph_preise {
	background-image: url(../img/pinktop_preise.jpg);
	background-repeat:no-repeat;
}

.ph_ausbildung {
	background-image: url(../img/pinktop_ausbildung.jpg);
	background-repeat:no-repeat;
}

.ph_massage {
	background-image: url(../img/pinktop_massage.jpg);
	background-repeat:no-repeat;
}

.ph_media {
	background-image: url(../img/pinktop_massage.jpg);
	background-repeat:no-repeat;
}


.ph_presse{
	background-image: url(../img/pinktop_presse.jpg);
	background-repeat:no-repeat;
}



.ph_fragen{
	background-image: url(../img/pinktop_fragen.jpg);
	background-repeat:no-repeat;
}




#header_headline {
 float: left;
 padding: 0px 0px 0px 24px;
 height: 140px;
 margin: 0px 0px 0px 0px;
 text-align:left;
}

#header_picture {
 font-size:11px;
 float: right;
 padding: 0px 0px 0px 0px;
 height: 140px;
 margin: 0px 0px 0px 0px;
 text-align:right;
}




/* Ticker Styles
 ------------------------------------- */

#ticker {
clear:both;
 float: left;
 width: 948px;
 height: 30px;
 line-height:18px;
 padding: 0px 0px 0px 12px;
 margin: 0px 0px 18px 0px;
 background-image: url(../img/ticker_back_all.gif);
 background-repeat:no-repeat;
 background-position: 0px 5px;
 text-align:left;
}


#ticker_headline {
 color:#cf1284;
 font-size:12px;
 width: 700px;
 height: 30px;
 line-height:29px;
 padding: 0px 0px 0px 203px; 
 margin: 0px 0px 0px 0px;
}

#ticker_headline h1 {
	color:#cf1284;
	font-size:12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display:inline;
}




/* Linke Spalte Bilder teaser
 ------------------------------------- */

#leftcolumn { 
 color: #cf1284;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 201px;
 float: left;
}

#leftcolumn img{ 
 margin: 0px 0px 10px 0px;
 border:none;
}





/* Seiten inhalte Container
 ------------------------------------- */

#totalcolumn_home { 
 float: right;
 background: #fee7b0;
 margin: 20px 0px 0px 0px;
 padding: 0px 0px 5px 0px;
 width: 757px;
 background-image:url(../img/aktuell_pic_bg.jpg);
 background-repeat:no-repeat;
 background-position: 490px 41px;
}


#totalcolumn_aktuell { 
 float: right;
 background: #fee7b0;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 14px 0px;
 width: 757px;
 background-image:url(../img/aktuell_pic_bg.jpg);
 background-repeat:no-repeat;
 background-position: 490px 41px;
}



#totalcolumn { 
 float: right;
 background: #fee7b0;
 margin: 0px 0px 24px 0px;
 padding: 0px 0px 0px 0px;
 width: 757px;
}

#totalcolumn_border { 
 float: right;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 12px;
 border-left: 1px dashed #fcc07e;
 width: 745px;
}




/* eine Spalten
 ------------------------------------- */
 
#col1 { 
 margin: 14px 0px 0px 0px;
 padding: 0px;
 float: left;
 width:733px;
}


/* Home Styles
 ------------------------------------- */
 
#actuel_top { 
 margin: 0px 0px 16px 0px;
 padding: 0px 0px 0px 0px;
 width: 757px;
 float: left;
 height:20px;
 background-image:url(../img/aktuell_head_bg.jpg);
 background-repeat:repeat-x;
}

#actuel_top_left { 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 12px;
 width: 520px;
 float: left;
 height:20px;
 line-height:19px;
 background-image: url(../img/aktuell_head_bg_left.jpg);
 background-repeat: no-repeat;
 background-position:left top;
}

#actuel_top_right { 
 margin: 0px 0px 0px 0px;
 padding: 0px 12px 0px 12px;
 width: 177px;
 float: right;
 height:20px;
 line-height:19px;
 background-image: url(../img/aktuell_head_bg_right.jpg);
 background-repeat: no-repeat;
 background-position:right top;
}




#col_all_home { 
 margin: 14px 12px 0px 12px;
 padding: 10px 0px 0px 0px;
 width: 733px;
 float: left;
 border-top: 1px dashed #fcbf79;
}

.letter_left {
	margin: 0;
	padding: 0 0 0 0 ;
	width: 194px;
	height: 22px;
	float: left;
	color: #cf1284;
	font-size: 12px;
	line-height: 22px;
}

.letter_middle {
	color:#f37052;
	margin: 0;
	padding: 0 0 0 19px ;
	width: 395px;
	height: 22px;
	float: left;
	font-size: 12px;
	line-height: 22px;
}

.letter_right {
	margin: 0;
	padding: 0px 0 5px 0 ;
	width: 116px;
	height: 21px;
	float: right;
	text-align:right;
	color: #cf1284;
	font-size: 12px;
	line-height: 22px;
}







/* zwei Spalten
 ------------------------------------- */

#col2_left { 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 338px;
 float: left;
}

#col2_right { 
 margin: 0px 0px 0px 0px;
 padding: 0px 12px 0px 12px;
 border-left: 1px dashed #fcc07e;
 width: 378px;
 float: right;
}



/* drei Spalten
 ------------------------------------- */

#col3_wrap { 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 535px;
 float: left;
}

#col3_wrap_impress { 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 534px;
 float: left;
  border-right: 1px dashed #fcc07e;
}

#col3_wrap_news{ 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 541px;
 float: left;
 border-right: 1px dashed #fcc07e;
}

#col3_wrap_archiv{ 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 541px;
 min-height: 400px;
 float: left;
 border-right: 1px dashed #fcc07e;
}


#spanner { 
 margin: 0px 0px 0px 0px;
 padding: 0px 5px 14px 0px;
 width: 525px;
 display: block;
}


#col3_left { 
 margin: 0px 0px 0px 0px;
 padding: 0px 12px 0px 0px;
 width: 331px;
 float: left;
}

#col3_middle {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 12px;
 border-left: 1px dashed #fcc07e;
 width: 177px;
 float: left;
}

#col3_right { 
 margin: 0px 0px 0px 0px;
 padding: 0px 12px 0px 12px;
 border-left: 1px dashed #fcc07e;
 width: 177px;
 float: right;
}

#col3_right_starter { 
 margin: 70px 0px 0px 0px;
 padding: 0px 12px 0px 12px;
 border-left: 1px dashed #fcc07e;
 width: 177px;
 float: right;
}


/* News Styles
 ------------------------------------- */

#col3_right_news { 
 margin: 0px 12px 0px 0px;
 padding: 12px 12px 12px 12px;
 width: 153px;
 background-color:#fee7b0;
 float: right;
}


#col3_right_news ul { 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

#col3_right_news li {
 color:#cf1284;
 font-size:11px;
 font-weight:bold;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 14px 0px;
 list-style-type: none;
}

#col3_right_news li a {
 color:#cf1284;
 text-decoration:none;
}

#col3_right_news li a:hover {
 color:#eb6643;
 text-decoration:underline;
}








/* Aktuell start Styles */


#col_aktuell { 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 12px;
 width: 440px;
 float: left;
}


#col_aktuell ul { 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

#col_aktuell li {
 color:#cf1284;
 font-size:14px;
 font-weight:bold;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 14px 0px;
 list-style-type: none;
}

#col_aktuell li a {
 color:#cf1284;
 text-decoration:none;
}

#col_aktuell li a:hover {
 color:#eb6643;
 text-decoration:underline;
}






/* News  Styles */


#news_lang { 
 margin: 0px 0px 0px 0px;
 padding: 0px 10px 0px 0px;
 width: 530px;
 display: block;
}

#news_lang { 
 margin: 0px 0px 0px 0px;
 padding: 0px 10px 0px 0px;
 width: 530px;
 display: block;
}


#news_kurz { 
 margin: 0px 0px 0px 0px;
 padding: 0px 12px 0px 0px;
 width: 530px;
 display: block;
}




/* Formular Styles
 ------------------------------------- */

.formtable {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #cf1284;
	cursor : hand;
	height: 16px;
	width: 140px;
	border: 1px solid #f68365;
	background-color:#ffffff;
	padding: 2px 2px 0 2px;
}


.formtable2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #cf1284;
	cursor : hand;
	height: 16px;
	width: 140px;
	border-top: 2px solid #fcbd75;
	border-right: 2px solid #ef5d41;
	border-bottom: 2px solid #ef5d41;
	border-left: 2px solid #fcbd75;
	
	background-color:#ffffff;
	padding: 2px 2px 0 2px;
}



.mylabel {
	height: 16px;
	width: 40px;
	padding: 2px 2px 0 2px;
	display:block;
	float:left;
}









/* Footer Styles
 ------------------------------------- */

#footer { 
 width: 960px;
 height:20px;
 line-height:19px;
 clear: both;
 color: #cf1284;
 background-image: url(../img/footer_bg.jpg);
 background-repeat:repeat-x;
 margin: 24px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

#footer a { 
 color: #cf1284;
 text-decoration:none;
}

#footer a:hover { 
 color: #cf1284;
 text-decoration: underline;
}


#footer .footerleft { 
 width: 857px;
 height:20px;
 background-image: url(../img/footer_bg_left.jpg);
 background-repeat:no-repeat;
 background-position:left top;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 12px;
 float:left;
}

#footer .footerright { 
 width: 76px;
 height:20px;
 background-image: url(../img/footer_bg_right.jpg);
 background-repeat:no-repeat;
 background-position:right top;
 margin: 0px 0px 0px 0px;
 padding: 0px 12px 0px 0px;
 float:right;
 text-align:right;
}