/*
    flexx - medien | agentur fuer moderne kommunikation 
    CSS for screen
	Description: Master-Layout
    Handcrafted by flexxmedien. (www.flexxmedien.de)
    Created: 2007-10-25
    Last modified: 2007-10-25
    By: sg - s.griff@auffaellig-medien.de (CSS-StyleMaster)
*/
@media screen
{


/*	Description:    Bodystyle
/*************************************************************************/
* {padding:0; margin:0;}
html,body {padding:0; margin:0; font-family:Verdana; font-size:90%;}
html,body, #main-container, #center-container, #center-container-breit {height:auto;}
body {padding:0; margin:0; background:#FFF url("../images/bg_body.png") repeat-x 0 0;}
div {color:#004A7F;}
kill-td {vertical-align:text-top;}
kill-table {border-collapse:collapse; border-spacing:0; position:relative;}
.smallfont {font-size:85%}

/*	Description:    Headlines & Fontstyles
/*************************************************************************/
h1 {font:normal 170% Georgia, Trebuchet MS, Arial,Verdana; white-space:-1px; color:#FFF;}
h1.tourheader {margin:-10px -5px 0 -5px; padding:0; height:24px; color:#FFF; text-align:center; font:normal 140%/1.3em Georgia, Trebuchet MS, Arial,Verdana; white-space:-1px; background:url("../images/bg_tourheader.gif") repeat-x left top;} /* Nur Rechte Spalte */
h1.leftcol {margin:0; padding:0 0 5px 0; color:#004A7F; font:normal 120% Georgia, Trebuchet MS, Arial,Verdana; white-space:-1px; font-weight:bold} /* Nur Linke Spalte */
h1.content {margin:0; padding:8px 0 0 50px; height:55px; color:#82AFD0; font:normal 180% Georgia, Trebuchet MS, Arial,Verdana; white-space:-1px;
background:url("../images/bg_contenthead.jpg") no-repeat left top;} /* Ueberschriftem fuer Contentbereich */

h2 {font:normal 180% Georgia, Trebuchet MS, Arial,Verdana; white-space:-1px; color:#82AFD0;} /* Startseite */
h3 {font:normal 160% Georgia, Trebuchet MS, Arial,Verdana; white-space:-1px; color:#FFF; padding:0 0 20px 0;} /* Produktseite */
h3.content {font:normal 130% Georgia, Trebuchet MS, Arial,Verdana; white-space:-1px; color:#004A7F; padding:20px 0;} /* Produktseite */

h4 {}
h5 {}
h6 {} 

img {border:0px solid #fff}

/*	Description:    Container Sammlung
/*************************************************************************/
#main-container {margin:0; padding:0;} /* Seitenlayout */
#left-container {width:210px; position:relative; float:left; clear:left; margin:0; padding:0; background:url("../images/bg_leftnav.jpg") no-repeat left top;} /* Linke Seite */
#right-container {width:130px; left:860px; top:76px; position:absolute; margin:0; padding:0;} /* Rechte Seite */
#center-container {width:620px; margin:65px 0 50px 0;float:left;} /* Container fuer Tabbellen */
#1center-container-breit {width:720px; margin:65px 0 20px 0; vertical-align:top;} /* Container fuer Tabbellen */
#center-container-breit {width:100%; margin:65px 0 20px 0; vertical-align:top;} /* Container fuer Tabbellen */

/*	Description:    Container Inhalte
/*************************************************************************/
#suche {width:170px; height:24px; margin:85px 0 5px 5px; position:relative; padding:0 0 0 5px; background:url("../images/buttons/suche_links.gif") no-repeat 0 0;}
#warenkorb {width:150px; float:left; position:relative; margin:10px 0 0 0; padding:15px 0 15px 35px; color:#004A7F; background:#F9FBFD url("../images/bg_warenkorb.jpg") repeat-x left bottom;}
#warenkorb:hover {background:#FFF url("../images/bg_warenkorb.jpg") repeat-x left top; color:#F09;}
#promobox {width:170px; float:left; clear:both; position:relative; margin:0; padding:15px 0 15px 35px; white-space:normal; color:#004A7F;} /* CD-Tipp Container */

.tourbox {width:120px; float:left; position:relative; margin-top:19px; padding:0px 5px 90px 5px; color:#004A7F; background:#F6F9FB url("../images/bg_tourdaten.jpg") no-repeat left bottom; font-size:85%} 
.flash {position:relative; margin:0; padding:0;}
.boxc {width:620px; margin:0 0 25px 0; padding:0; background:#F6F9FB url("../images/bg_datenbox.jpg") repeat-x left bottom;} /* Center */

/*	Description:    Tabellen
/*************************************************************************/
#table-master {width:620px; margin:0; padding:0;} /* Position - center-container */

/*	Nur Startseite */
#td-l {width:380px; margin:0; padding:15px; vertical-align:top; background:url("../images/bg_datenbox.jpg") repeat-x left bottom;} /* rechts/links */
#td-r {width:240px; margin:0; padding:15px; vertical-align:top; background:url("../images/bg_datenbox.jpg") repeat-x left bottom;} /* links/rechts */
#td-s {margin:0; padding:15px; vertical-align:top; background:url("../images/bg_datenbox.jpg") repeat-x left bottom;} /* links/rechts */

/*	Nur Produktseite */
#td-cover {width:300px; margin:0; padding:0; vertical-align:top;} /* rechts fuer Cover */
#td-produkt {width:320px; margin:0; padding:0 0 0 15px; vertical-align:bottom;} /* links fuer Produktdaten */

#wk {width:150px; margin:0; padding:0;} /* Warenkorb */
#promo {width:150px; margin:0 0 0 -5px; padding:0; border-collapse:collapse; border-spacing:5px 5px;} /* CD-Tipp */

/*	Description:    Footerdata
/************************************************************************/
/*#footerstick {width:100%; height:150px; margin:0; padding:20px 0 0 0; float:left; clear:both; background:#82AFD0 url("../images/bg_footer.gif") repeat-x left top;}
#footer {width:750px; margin:0 0 10px 220px; padding:0; float:left; clear:both;}
*/
#footerstick {width:100%; height:70px; margin:0; padding:20px 0 0 0; float:left; clear:both; background:#82AFD0 url("../images/bg_footer.gif") repeat-x left top;}
#footer {width:700px; margin:0 auto; padding:0 0 0 200px; text-align:center;float:left; clear:both;}

/*	Description:	Navigation - top/left/footer/content etc.
/*************************************************************************/
a {outline:none; border:none; text-decoration:underline; color:#004A7F} /* entfernt den laestigen Linkrahmen */
a:hover {outline:none; border:none; text-decoration:underline; color:#FF00FF} /* entfernt den laestigen Linkrahmen */

/* Datenbox, oder header */
#dbox {vertical-align:top; background:#FFF url("../images/bg_datenbox.jpg") repeat-x left bottom;} 
#dbox td {padding:4px; padding-left:10px}
#dtable {vertical-align:top; font-size:100%} 
#drow {padding:4px;background-image:url(../images/bg_listwor.jpg); background-repeat:repeat-x}
#dboxhead {color:#FFFFFF; background-image:url(../images/dbox_header.jpg); background-repeat:repeat-x; height:25px; padding-left:10px; text-decoration:none; font-weight:bold; vertical-align:middle}

#topnav-container {width:1000px} /* gleichzeitig Container fuer Inhalt */

#topnav {margin:0; padding:8px 0 0 0; height:10px;}
#topnav ul {list-style-type:none;}
#topnav li {margin:0 auto; float:left; text-align:center; list-style-type:none;}
#topnav li a {float:left; display:block; text-decoration:none; padding:0 6px 0 0; width:92px; color:#004A7F; font:normal 130%/1.8em Georgia, Trebuchet MS, Arial,Verdana; white-space:-3px; background:url("../images/buttons/topnav_reiter.jpg") no-repeat 0 0; margin:0 auto; height:31px;}
#topnav li a span  {display:none; text-align:left; font:normal 11px/1.3em Verdana, Trebuchet MS, Arial; padding:5px; left:210px; top:52px; position:absolute; color:#0099CC}
#topnav li a:hover, #topnav li a.current {float:left; padding:0 6px 0 0; height:31px; background:url("../images/buttons/topnav_reiter.jpg") no-repeat 0 -31px; color:#FFF}
#topnav li a:hover span {margin:0; color:#fff; display:block; cursor:pointer; float:left;}
.outer {background:transparent; font-size:0.9em;}

#leftnav {}
#leftnav ul {list-style-type:none; margin:0; padding:0; height:170px;}
#leftnav li {float:left; text-align:left;}
#leftnav ul li a {float:left; text-decoration:none; padding:5px 0 5px 35px; width:154px; color:#004A7F; font-size:13px; font-family: Verdana, Trebuchet MS, Arial, Georgia; white-space:-1px; margin:0;}
#leftnav ul li a:hover, #leftnav ul li a.current {float:left; padding:5px 0 5px 35px; background:#b7cedf; color:#FFF; font-weight:bold}

.footer {list-style-type:none;color:#FFF; margin:0 10px 0 0; float:left; font:normal 90%/20px Verdana, Trebuchet MS, Arial;}
.footer a {color:#FFF; text-decoration:none;}
.footer a:hover {color:#004A7F; text-decoration:none;}
.footer a:visited {color:#FFF; text-decoration:none;}

ul.footer {color:#FFF; margin:0 80px 0 0; float:left; font:normal 90%/20px Verdana, Trebuchet MS, Arial;}
li.footer {list-style-type:none;}
li.footer a {color:#FFF; text-decoration:none;}
li.footer a:hover {color:#004A7F; text-decoration:none;}
li.footer a:visited {color:#FFF; text-decoration:none;}

#hoerprobe {}
#hoerprobe ul {margin:0; padding:0;}
#hoerprobe li {float:left; text-align:left; list-style-image:url(../images/buttons/speaker.gif);}
#hoerprobe ul li a {float:left; text-decoration:none; padding:2px 0 2px 35px; width:150px; color:#004A7F; font:normal 125% Georgia, Trebuchet MS, Arial,Verdana; white-space:-1px; margin:0;}
#hoerprobe ul li a:hover, #hoerprobe ul li a.current {float:left; padding:2px 0 2px 35px; background:url("../images/buttons/leftnav_hover.gif") repeat-x 0 2px; color:#003155}

/*	Description:    Fuer Aktionen - linke Spalte
/*************************************************************************/
#aktion {width:185px; height:123px; float:left; position:relative; margin:0; padding:0;}
#aktion:hover {}

/*	Description:    Formulare
/*************************************************************************/
.form {width:180px;} /* Leftcol */
.input {margin:0 10px 0 10px; padding:4px 0; position:relative; left:5px; float:left; width:110px; height:24px; color:#82AFD0; border:none; background:url("../images/bg_suche.gif") repeat-x 0 0;} 
.submit {position:relative; width:40px; height:25px; right:5px; border:none; background:url("../images/buttons/suche_button.gif") no-repeat 0 0;}
.submit:hover {background:url("../images/buttons/suche_button.gif") no-repeat 0px -25px;}

input, textarea, select { border: 1px #CCCCCC sold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 13px; padding:1px;}		
#errorbox {background-color:#FFFFFF; font-weight:bold; color:#FF0000; border:1px solid #000000}
	
/*	Description:    Buttons
/*************************************************************************/
.btn-preis {width:77px; height:25px; float:left; text-decoration:none;; color:#FFF; border:1px solid #8BAED7; padding:0 5px; margin:0; text-align:center; line-height:1.9em; font-weight:bold; background:url("../images/buttons/btn.jpg") repeat-x 0 -25px;}
.btn-form {height:25px; float:left; text-decoration:none; color:#004A7F; border:1px solid #8BAED7; padding:0 10px; margin:0 4px; position:relative; text-align:center; line-height:1.9em; cursor:pointer; font-weight:bold; background:url("../images/buttons/btn.jpg") repeat-x 0 0;}
.btn-form:hover {color:#FFF; text-decoration:none;; background:url("../images/buttons/btn.jpg") repeat-x 0 -25px;}
.btn {height:25px; float:left; text-decoration:none; color:#004A7F; border:1px solid #8BAED7; padding:0 10px; margin:0 4px; position:relative; text-align:center; line-height:1.9em; cursor:pointer; font-weight:bold; background:url("../images/buttons/btn.jpg") repeat-x 0 0;}
.btn:hover {color:#FFF; background:url("../images/buttons/btn.jpg") repeat-x 0 -25px;text-decoration:none;}


/* Krempel */
.bg-verlauf {background:url("../images/bg_datenbox.jpg") repeat-x right bottom;}
.speaker { list-style-image:url(../images/buttons/speaker.gif) right; list-style: '' 'right' 'image'}

/* Künstlerseiten */
a.Kuenstlermenue {font-family:'Georgia', Verdana, Arial, Sans Serif; font-size:18px; color:#004a7f; text-decoration:none}
a.Kuenstlermenue:hover {color:#FFFFFF}
a.Kuenstlermenue_selected  {font-family:'Georgia', Verdana, Arial, Sans Serif; font-size:18px; color:#FFFFFF; text-decoration:none}

a.Kuenstlermenue-footer {font-family:'Georgia', Verdana, Arial, Sans Serif; font-size:17px; color:#004a7f; text-decoration:none}
a.Kuenstlermenue-footer:hover {color:#82AFD0}
a.Kuenstlermenue-footer_selected  {font-family:'Georgia', Verdana, Arial, Sans Serif; font-size:17px; color:#82AFD0; text-decoration:none}

/* Künstlerseiten */
a.PageFooterMenu {font-family:Verdana, Arial, Sans Serif; color:#82AFD0; text-decoration:none}
a.PageFooterMenu:hover {color:#004a7f;}

#zeilentrenner {border-bottom:1px solid #cccccc}

.Index, a.Index  {font-weight:bold; text-align:center; text-decoration:none; font-size:125%; color:#004a7f; display:block; border-right:1px dotted #ffffff; width:26px; height:25px;padding-top:7px}
a.Index:hover, a.Index-Selected {font-weight:bold; text-align:center; text-decoration:none; color:#004a7f; font-size:140%; background-color:#ffffff; display:block; border-right:1px dotted #ffffff; width:26px;; height:25px; padding-top:0px}

/* Künstlerseiten */
#ListKuenstler {}
#ListKuenstler a {text-decoration:none; color:#004A7F; font-size:105%; line-height:30px; text-align:center; font-weight:bold}
#ListKuenstler-alt img {clip: rect(5px 200px 150px 0px); position:absolute;}

/* Box für Artikel Listen */
#ListArtikel {width:220px; height:150px; border:1px solid #cccccc; float:left; margin-left:10px; margin-bottom:10px; padding:7px; font-size:90%}
#ListArtikel a {text-decoration:none; color:#004A7F; font-size:100%}

/* Box für Artikel Listen */
a.ListTitel {font-family:Georgia,"Times New Roman", Times, serif; font-size:18px; text-decoration:none; color:#004a7f;}
a.ListTitel:hover {color:#ff00ff}

a.ListTitel-small {font-size:13px; text-decoration:none; font-weight:bold}
a.ListTitel-small:hover {color:#ff00ff}

/* Tabellen Suchausgabe, in Listform kompakter darstellenn */
#Tb-Suche {font-size:88%; text-decoration:none;color:#004a7f}
#Tb-Suche td {padding:4px}
#Tb-Suche-head {background-color:#666666; font-weight:bold; color:#FFFFFF; background-image:url(../images/bg_datenbox.jpg); background-repeat:repeat-x}
#Tb-Suche a {text-decoration:none; color:#004a7f; font-weight}
#Tb-Suche a:hover {text-decoration:none; color:#000}
#tablecol1 {padding-bottom:5px; padding-top:5px; background-image:url(../images/bg_listwor.jpg); background-repeat:repeat-x}

/* ToolTipp */
div#qTip {padding: 10px;display: none;background: #185D8C; max-width:300px;
	color: #FFF;font:85% Verdana, Arial, Helvetica, sans-serif;line-height:20px;text-align: left;position: absolute; z-index:1000;
	filter:alpha(opacity=85); /* IE */
	-moz-opacity: 0.85; /* Gecko */
	opacity: 0.85; /* Opera */
	}

/* Accordeon simpel */
.accordion dt {text-decoration: none;cursor: pointer; background-color:#00FFFF;vertical-align:middle;padding:10px 10px 5px 10px;}
.accordion dt:hover {color:#ff00ff;}
dt, dd {margin-bottom:-7px; }
dt {font-weight: bold; font-size:93%; background-image:url(../images/verlauf_aktuelles.jpg); background-position:top left; background-repeat:repeat-x; vertical-align:middle;padding:10px; margin-bottom:3px}
dd {border: 0px solid #fff; font-size:88%; background-color:#006ab3; color:#FFFFFF; padding:10px 10px 20px 10px}
dd a {color:#FFFFFF; font-weight:bold}
dd a:hover {color:#82afd0}

/* Fuer 2stufige Listboxen */
.optiontree-main {font-weight:bold; font-size:115%; background-color:#F7F7F7;}
.optiontree-sub {padding-left:20px; font-size:105%;}

/* Autocompleter */
.suggestionsBox {
	z-index:1000;
	margin: 10px 0px 0px 0px;
	width: 300px;
	background-color: #212427;
	vertical-align:top; background:url("../images/bg_datenbox.jpg") repeat-x left bottom;
	border: 1px solid #000;	
	color: #fff;
	overflow:auto;
	height:180px
}
.suggestionList {margin: 0px;padding: 0px;}
.suggestionList li {list-style:none; margin: 0px 0px 2px 0px; padding:2px; cursor: pointer}
.suggestionList li:hover {background-color: #659CD8;color:#FFFFFF}

#textinfo {width:900px;position:absolute;left:75px; top:60px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; display:none; color:#FFFFFF; font-weight:bold}

}