/*
Theme Name: susanne_wieneke
Theme URI: http://www.susannewieneke.de/
Description: Susanne Wieneke Sängerin
Author: Dirk Pfuhl
Author URI: http://www.dirkpfuhl.de
Version: 1.0
.
This work is released under the GNU General Public License 2:
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

.center	{
		text-align: center;
		}
.middle	{
		vertical-align: middle;
		}
.right	{
		text-align: right;
		}
.floatright	{
		float: right;
		}
.floatleft	{
		float: left;
		}
.floatclear	{
		clear: both;
		}
.floatclearleft	{
		clear: left;
    }
.alignleft {                 /* Wordpress-Klasse beim Einfügen von Bildern */
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    }
.alignright {                 /* Wordpress-Klasse beim Einfügen von Bildern */
    float: right;
    margin-left: 10px;
    margin-bottom: 5px;
    }
.rot		{
		color: #952117;
		}
.grau		{
		color: #888888;
		}
.blau		{
		color: #123aad;
		}
.bold		{
		font-weight: bold;
    }
.noborder        {
    border: 0px solid;
    }
.button     {
    background-color: #ffffff;
    background-image: url(images/hintergrund_button.png);
    background-repeat: repeat-x;
    }

body	{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 100.01%;
		color: #2e2e2e;
		color: #000000;
		margin: 0;
		padding: 0;
		width: 100%;
		overflow: auto;
		background-color: #f3f8aa;
		background-color: #ffffff;
		background-color: #fcfbf1;
		background-color: #c4eecb;
		background-color: #7d002b;
    background-image: url(images/hintergrund_body_2.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    }
#index {
    background-image: url(images/hintergrund_body_index_2.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    }
#container	{
		position: absolute;
		width: 1000px;
		top: 0px;
		left: 50%;
		z-index: 1;
		margin-left: -500px;
		padding: 0px;
		}
#logo_index	{
		position: absolute;
		top: 545px;
		left: 410px;
		left: 460px;
		z-index: 3;
		width: 351px;
		height: 50px;
		}
#logo	{
		position: absolute;
		top: 80px;
		left: 245px;
		z-index: 3;
		width: 351px;
		height: 50px;
		}
#content	{
		width: 1000px;
		min-height: 610px;
		margin: 0px;
		padding: 0px;
    }
#content_index	{
		width: 1000px;
		height: 610px;
		margin: 0px;
		padding: 0px;
    }
#col_left {
    float: left;
    width: 540px;
    margin-left: 235px;
    margin-top: 180px;
    }
#text {
    width: 500px;
    padding: 20px;
    padding-top: 5px;
    background-image: url(images/hintergrund_text.png);
    background-repeat: no-repeat;
    margin-bottom: 20px;
    }
div.teaser {
    width: 500px;
    padding: 20px;
    padding-top: 5px;
    margin-bottom: 20px;
    background-image: url(images/hintergrund_teaser.png);
    background-repeat: no-repeat;
/*    border-bottom: 1px dotted #aaaaaa;
    background-image: url(images/hintergrund_halbtransparent_2.png);
    background-image: url(images/hintergrund_ecke.png);
    background-repeat: no-repeat;
    background-position: bottom right;*/
    }
div.teaser h2 {
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 2px;
    border-bottom: 1px dotted #aaaaaa;
    }
div.termin {
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 5px;
    border-top: 1px dotted #ffffff;
    }
div.termin h2 {
    font-size: 70%;
    font-weight: bold;
		line-height: 130%;
		margin-top: 0%;
		margin-bottom: 1%;
    }
#termine div.termin img {              /* Fotos werden bei Auflistung Termine ausgeblendet */
    display: none;                     /* Ausnahme: DaDance-Logo (floatright) */
    }
#termine div.termin img.floatright {
    display: inline;
    }
div.teaser_right {
    /*float: right;*/
    }
div.teaser_right h3, div.teaser_left h3 {
    margin-top: 0px;
    }
div.teaser_left {
    float: left;
    margin-right: 50px;
    }
div.image_teaser {
    float: left;
    width: 140px;
    height: 94px;
    margin-right: 10px;
    margin-bottom: 10px;
    }
#col_right {
    float: right;
    width: 210px;
    margin-top: 180px;
    margin-bottom: 40px;
    }
#flashcontent	{
		width: 200px;
		height: 300px;
		margin: 0px;
		margin-bottom: 40px;
		padding: 8px;
    background-image: url(images/hintergrund_flashcontent.png);
    background-repeat: no-repeat;
		}
#news {
    width: 190px;
    margin-left: 8px;
		padding: 5px;
    font-size: 90%;
		background-image: url(images/hintergrund_news.png);
    background-repeat: no-repeat;
    /*background-image: url(images/icons_gezeichnet_ausrufezeichen.png);
		background-image: url(images/hintergrund_halbtransparent.png);
    background-repeat: no-repeat;*/
  }
.news_teaser {
  margin-bottom: 5px;
  border-bottom: 1px dotted #ffffff;
}
#news h2 {
		font-size: 70%;
		text-transform: uppercase;
		line-height: 130%;
		font-weight: bold;
		color: #415694;
		color: #074C56;
		color: #8C4809;
		color: #076B18;
		margin-top: 0px;
		margin-bottom: 5px;
    }
#news h2 a {
		color: #076B18;
    }
#news h2 a:hover {
		color: #7d002b;
    }
#news p {
    color: #dddddd;
    }
#image_index {
    width: 1000px;
    height: 610px;
    margin-left: -50px;
    }
#banner	{
		clear: both;
		width: 980px;
		height: 120px;
		margin-bottom: 0px;
		background-color: #ffffff;
/*		background-color: #C2AE71;
		background-color: #ffdb86;
		background-image: url(images/bg_body_standard.gif); */
		}



#footer	{
    clear: both;
    color: #dddddd;
    text-align: right;
    padding-bottom: 20px;
    margin-top: 20px;
    margin-right: 10px;
		}
#index #footer {
    color: #555555;
    margin-right: 120px;
    margin-right: 170px;
    }
#footer p {
    font-size: 70%;
    line-height: 120%;
    margin: 0px;
    }
#footer ul	{
		margin: 0px;
		margin-bottom: 5px;
		padding: 0px;
		list-style-type: none;
		list-style-image: url();
		}
#footer li	{
		display: inline;
		padding: 0px;
		margin: 0px;
		border-right: 1px solid #ffffff;
		}
#footer a {
		color: #dddddd;
		}
#footer a:hover	{
		color: #ffffff;
		}
#index #footer a {
    color: #555555;
		}
#index #footer a:hover {
    color: #7d002b;
		}
a		{
		color: #000000;
		text-decoration: none;
		}
a:hover	{
		color: #7d002b;
		}
a.pfeil	{
		background-image: url(images/icon_liste.png);
		background-repeat: no-repeat;
		background-position: 3px 1px;
		padding-left: 17px;
		}
a.more	{
    float: right;
		background-image: url(images/icon_liste.png);
		background-repeat: no-repeat;
		background-position: 3px 1px;
		padding-left: 17px;
		}

h1	{
		letter-spacing: 0.2pt;
		font-family: verdana, helvetica, arial, sans-serif;
		}
h1		{
		font-size: 120%;
		line-height: 120%;
		font-weight: bold;
		color: #123aad;
		color: #415694;
		color: #076B18;
		margin-top: 0px;
		margin-bottom: 2%;
		}
h2		{
		font-size: 90%;
		line-height: 120%;
		font-weight: bold;
		color: #415694;
		color: #074C56;
		color: #951641;
		margin-top: 20px;
		margin-bottom: 20px;
		}
h3		{
		font-size: 70%;
		line-height: 120%;
		font-weight: bold;
		color: #0e8823;
		color: #076B18;
		margin-top: 2%;
		margin-bottom: 1%;
		}
h4		{
		font-size: 70%;
		line-height: 130%;
		color: #000000;
		font-weight: bold;
		margin-bottom: 0px;
		}
h5		{
		font-size: 80%;
		line-height: 120%;
		color: #000000;
		font-style: normal;
		font-weight: bold;
		}
p		{
		font-size: 75%;
		line-height: 130%;
		font-size: 70%;
		line-height: 130%;
		font-style: normal;
		margin-top: 0%;
		margin-bottom: 1%;
    }
table	{
		vertical-align: top;
		text-align: left;
		}
td, th		{
		vertical-align: top;
		text-align: left;
		font-size: 75%;
		color: #555555;
		margin: 0px;
		padding: 0px;
		border: 0px solid;
		}
td p, th p		{
		font-size: 100%;
    }

ul		{
		padding-left: 5px;
		padding-bottom: 0px;
		margin-top: 1%;
		margin-left: 10px;
		margin-bottom: 2%;
		}
ul.nolistsymbol {
		list-style-type: none;
		list-style-image: url();
		padding-left: 0px;
		margin-left: 0px;
    }
li		{
		font-size: 70%;
		color: #555555;
		color: #000000;
		line-height: 130%;
		margin-left: 3px;
		/*padding-right: 20px;*/
		margin-top: 1%;
		margin-bottom: 0%;
    }
li p, li ul li {
    font-size: 100%;
    }
img		{
		border: 0px solid;
		}


/* Link Indication  */
a.more-link       {
   float: right;
   padding-left: 10px;
   background: url(images/icon_pfeil_link.gif) no-repeat left;
   }
a.liflv { padding-left: 20px; background: url(images/icon_video.gif) no-repeat left;  }

#menu		{
		position: absolute;
		top: 20px;
		left: 20px;
		width: 210px;
		height: 586px;
		margin: 0px;
		padding: 0px;
		z-index: 4;
		background-image: url(images/hintergrund_menu_main.png);
		background-repeat: no_repeat;
    }
#menu_index		{
		position: absolute;
		top: 0px;
		left: 285px;
		left: 235px;
		width: 250px;
		height: 586px;
		margin: 0px;
		padding: 0px;
		z-index: 4;
		background-image: url(images/hintergrund_menu_main.png);
		background-repeat: no_repeat;
    }
#menu_audiobeispiele		{
		position: absolute;
		top: 320px;
		left: 520px;
		width: 370px;
		height: 151px;
		margin: 0px;
		padding: 0px;
		z-index: 5;
    }
#menu ul, #menu li, #menu_index ul, #menu_index li, #menu_audiobeispiele ul, #menu_audiobeispiele li {
		list-style-type: none;
		list-style-image: url();
		margin: 0px;
		padding: 0px;
		font-size: 0px;
		line-height: 0px;
    }

#menu a, #menu_index a, menu_audiobeispiele a {
    margin: 0px;
    padding: 0px;
    border: 0px solid #000000;
    }
.menu_home {
    position: absolute;
    display: block;
    left: 37px;
    top: 25px;
    width: 45px;
    height: 45px;
    }
a.menu_home:hover, a.menu_home:active {
    background-image: url(images/hintergrund_button_home.png);
    background-repeat: no-repeat;
    }
.menu_audio {
    position: absolute;
    display: block;
    left: 62px;
    top: 71px;
    width: 42px;
    height: 31px;
    }
a.menu_audio:hover, a.menu_audio:active {
    background-image: url(images/hintergrund_button_audio.png);
    background-repeat: no-repeat;
    }
.menu_video {
    position: absolute;
    display: block;
    left: 105px;
    top: 99px;
    width: 36px;
    height: 44px;
    }
a.menu_video:hover, a.menu_video:active {
    background-image: url(images/hintergrund_button_video.png);
    background-repeat: no-repeat;
    }
.menu_galerie {
    position: absolute;
    display: block;
    left: 116px;
    top: 152px;
    width: 45px;
    height: 45px;
    }
a.menu_galerie:hover, a.menu_galerie:active {
    background-image: url(images/hintergrund_button_galerie.png);
    background-repeat: no-repeat;
    }
.menu_programm {
    position: absolute;
    display: block;
    left: 145px;
    top: 214px;
    width: 45px;
    height: 45px;
    }
a.menu_programm:hover, a.menu_programm:active /*, #programm a.menu_programm*/ {
    background-image: url(images/hintergrund_button_programm.png);
    background-repeat: no-repeat;
    }
.menu_biographie {
    position: absolute;
    display: block;
    left: 146px;
    top: 285px;
    width: 45px;
    height: 45px;
    }
a.menu_biographie:hover, a.menu_biographie:active {
    background-image: url(images/hintergrund_button_biographie.png);
    background-repeat: no-repeat;
    }
.menu_kontakt {
    position: absolute;
    display: block;
    left: 129px;
    top: 355px;
    width: 45px;
    height: 45px;
    }
a.menu_kontakt:hover, a.menu_kontakt:active {
    background-image: url(images/hintergrund_button_kontakt.png);
    background-repeat: no-repeat;
    }
.menu_termine {
    position: absolute;
    display: block;
    left: 127px;
    top: 420px;
    width: 45px;
    height: 45px;
    }
a.menu_termine:hover, a.menu_termine:active {
    background-image: url(images/hintergrund_button_termine.png);
    background-repeat: no-repeat;
    }
.menu_links {
    position: absolute;
    display: block;
    left: 100px;
    top: 477px;
    width: 45px;
    height: 45px;
    }
a.menu_unterricht:hover, a.menu_unterricht:active {
    background-image: url(images/hintergrund_button_unterricht.png);
    background-repeat: no-repeat;
    }
.menu_unterricht {
    position: absolute;
    display: block;
    left: 100px;
    top: 485px;
    width: 45px;
    height: 45px;
    }
a.menu_links:hover, a.menu_links:active {
    background-image: url(images/hintergrund_button_links.png);
    background-repeat: no-repeat;
    }

.menu_audio1 {
    position: absolute;
    left: 0px;
    top: 13px;
    }
a.menu_audio1:hover, a.menu_audio1:active {
    background-image: url(images/hintergrund_button_audio1.png);
    background-repeat: no-repeat;
    }
.menu_audio2 {
    position: absolute;
    left: 85px;
    top: 32px;
    }
a.menu_audio2:hover, a.menu_audio2:active {
    background-image: url(images/hintergrund_button_audio2.png);
    background-repeat: no-repeat;
    }
.menu_audio3 {
    position: absolute;
    left: 180px;
    top: 39px;
    }
a.menu_audio3:hover, a.menu_audio3:active {
    background-image: url(images/hintergrund_button_audio3.png);
    background-repeat: no-repeat;
    }
.menu_audio_dadance {
    position: absolute;
    left: 250px;
    top: 70px;
    }
a.menu_audio_dadance:hover, a.menu_audio_dadance:active {
    background-image: url(images/hintergrund_button_dadance.png);
    background-repeat: no-repeat;
    }
#menu_audiobeispiele #oneBitInsert_1 {
    position: absolute;
    top: 35px;
    left: 10px;
    }
#menu_audiobeispiele #oneBitInsert_2 {
    position: absolute;
    top: 40px;
    left: 10px;
    }
#menu_audiobeispiele #oneBitInsert_3 {
    position: absolute;
    top: 33px;
    left: 10px;
    }


/* For Link Indication plugin */
/*a.liexternal { padding-left: 12px; background: url(images/link-icon_external.gif) no-repeat left; }
a.limailto { padding-left: 18px; background: url(images/link-icon_mail.gif) no-repeat left; }*/
a.liexternal { margin-left: 2px; padding-left: 14px; background: url(images/icon_link_extern.gif) no-repeat left bottom; }
a.limailto { /*padding-left: 20px; background: url(images/icon_email.gif) no-repeat left bottom;*/ }
a.liwikipedia { margin-left: 2px; padding-left: 14px; background: url(images/icon_link_extern.gif) no-repeat left; }
a.liwp { padding-left: 16px; background: url(images/link-icon_wordpress.png) no-repeat left; }
a.liftp { padding-left: 13px; background: url(images/link-icon_ftp.png) no-repeat left; }
a.lipdf { padding-left: 20px; background: url(images/icon_pdf.gif) no-repeat left;  }
a.lizip { padding-right: 18px; background: url(images/icon_zip.gif) no-repeat right;  }
a.liword { padding-left: 16px; background: url(images/link-icon_word_14x14.png) no-repeat left;  }
a.liexcel { padding-left: 16px; background: url(images/link-icon_excel_14x14.png) no-repeat left;  }
a.lipowerpoint { padding-left: 16px; background: url(images/icon_powerpoint.png) no-repeat left;  }
a.lipicture { padding-left: 16px; background: url(images/image.gif) no-repeat left;  }