/*
 * Sony BMG Relaunch
 *
 * Dieses Style Sheet enthält alle generellen Definitionen für die neue Seite,
 * d.h. einen generellen Reset, die Struktur der Seite und einige grundlegende
 * Font-Definitionen
 *
 * Definitionen für strukturelles Markup sind in der Reihenfolge angeordnet in der
 * die Elemente im HTML der Seite erscheinen
 *
 * Bereichsspezifische Definitionen liegen jeweils in der Datei [bereichsname].css
 *
 * Für Icons wie Pfeile neben Links und Überschriften etc wird ein CSS-Sprite verwendet,
 * d.h. alle Icons liegen in einer gemeinsamen Bilddatei und werden als Hintergrundbild
 * via background-position in die richtige Position gerückt.
 *
 * erstellt : 20.08.08
 * letzte Änderung: 28.7.09
 */
/*
 * Reset
 *
 * wir umgehen eine Reihe Crossbrowserprobleme indem wir alle Elemente in einen definierten Ausgangszustand versetzen
 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin:				0;
    padding:			0;
    font-family:		"Trebuchet MS";
}

table {
    border-collapse: 	collapse;
    border-spacing: 	0;
}

fieldset, img {
    border:				0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style:			normal;
    font-weight:		normal;
}

li {
    list-style:			none;
}

caption, th {
    text-align:			left;
}

h1, h2, h3, h4, h5, h6 {
    font-size:			100%;
    font-weight:		normal;
    font-family:		Georgia;
}

q:before, q:after {
    content:			'';
}

abbr, acronym {
    border:				0;
    font-variant:		normal;
}

input, textarea, select {
    font-family:		inherit;
    font-size:			inherit;
    font-weight:		inherit;
}

a {
    text-decoration:	none;
    color:				#000;
    border:				0px;
}

a:hover, a:focus, a:active {
    border:				0px;
}

h1 {
    font-family:		Georgia;
    font-size:			30px;
    color:				#E83434;
    padding:			0px 0px 8px 0px;
}

h2 {
	clear:				both;
}

p {
    padding-bottom:		0.5em;
    margin-bottom:		0.5em;
	padding-right:		20px;
}
/*
 * Struktur
 *
 * pagewidth: Breite des Contentbereichs und Zentrierung
 *  meta-header: Logo und Bannerplatz
 * 	outer: das Wrapper-Element an dem der Schatten hängt
 * 	 outer-gradient: fügt einen Verlauf in den oberen Bereich des outer-Elements
 * 		inner: der weisse Contentbereich
 * 			maincol: das padding innerhalb des Bereichs
 *  footer: der Footer ohne Contentpadding und mit Abschluss für den Schatten
 *  alphabetcol(umn) die Navigation von A-Z zu den Künstlern
 */
body {
    background:			#cacaca url(/images/background.jpg) repeat-x;
    font-size:			12px;
    margin-bottom:		20px;
}

body.kontaktformular {
    background:			#fff;
    font-size:			12px;
    margin-bottom:		20px;
}
#pagewidth {
    position:			relative;
    width:				1000px;
    margin:				0px auto;
}

#meta-header {
    position:			relative;
    height:				70px;
}

#meta-header #logo {
    position:			absolute;
    left:				45px;
    top:				10px;
}

#meta-header #banner {
    position:			absolute;
    left:				505px;
}

#outer {
    background:			url(/images/outer_background.jpg) repeat-y;
}
/*
 * outer-gradient enthält ein Hintergrundbild mit Schatten und Tabs. Default ist das Hintergrundbild
 * mit dem "home"-Tab, für die anderen Bereiche wird das im Bereichs-CSS mit gradient-[bereichsname].jpg überschrieben
 */

#outer-gradient {
    width:				1000px;
    background:			url(/images/gradient.jpg) repeat-x;
}

#inner {
    width:				950px;
    margin:				0px auto;
    overflow:			auto; /* durch den Overflow richtet sich die Höhe des Contents nach den floatenden Elementen darin  */
	min-height:			700px;
}

#inner-teaser object, #inner-teaser embed { 
	margin-left:		7px;
}

/* navigation */
#tabbedMainNavi {
    height:				20px;
    float:				left;
}

#tabbedMainNavi ul {
	background-color:	green;
}

#tabbedMainNavi li {
    display:			inline;
    float:				left;
	margin:				0px;
	padding:			0px;
	background:			url(/images/divider.jpg) no-repeat bottom right;		
}

#tabbedMainNavi li.noDivider, #tabbedMainKontakt {
	background:			none;		
}

#tabbedMainNavi li a {
    margin:				0px;
	padding:			15px 35px  0px 20px;	
    display:			block;
    font-family:		Georgia;
    font-size:			18px;
    font-style:			italic;
    color:				#000;
    text-decoration:	none;
    text-align:			center;
}

#tabbedMainNavi li a:hover {
    color:				#cc0000;
}

/*
 * Suche und RSS-Button
 * enthält das Formular für Artist-Suche
 */

#searchAndFeed {
    margin-top:			12px;
    height:				20px;
    width:				250px;
    float:				right;
}

#katalogsuche div {
    float:				left;
    border:				1px solid #D7D7D7;
    padding:			0px 0px 1px 5px;
    width:				207px;
}

#searchartist {
    height:				15px;
    border:				0px;
    width:				180px;
    font-size:			11px;
    background-color:	transparent;
}

#searchartist_go {
    color:				#E30202;
	font-weight:		bold;
    border:				0px;
    height:				14px;
    font-size:			14px;
    line-height:		14px;
    background-color:	transparent;
}

#searchAndFeed #rss {
    float:				right;
    display:			inline;
    margin-top:			2px;
}

#maincol {
    width:				918px;
    margin:				53px auto 0px auto;
    padding:			0px 0px 0px 0px;
}
/*
 * Der Teaser  (Flash oder Bild)
 */

#teaser {
    width:				918px;
    overflow:			hidden;
    margin-bottom:		19px;
    color:				#fff;
}

#teaser a {
    color:				#fff;
}

/*
 * Elemente innerhalb von #maincol sind content und werden im jeweiligen Bereichs-CSS definiert
 * deswegen geht es hier gleich mit dem Footer weiter
 */

#footer {
    height:				25px;
    width:				950px;
    margin:				40px auto 0px auto;
    background-color:	#000;
}

#footer span {
    margin:				0px 12px 0px 12px;
    background:			url(/images/icons.gif) no-repeat 0px -246px;
}

#footer a {
    color:				#fff;
}

#leftfooter {
    width:				38%;
    text-align:			left;
    float:				left;
    color:				#fff;
}

#leftfooter span { 
    margin:				4px 12px 0px 12px;
	display:			block;
	float:				left;
}

#leftfooter a { 
    padding:			4px 0px 2px 10px;
	display:			block;
	float:				left;
}

.szwidget {
	display:			inline;
	float:				left;
	margin:				-4px;
	padding:			0px;
}

#rightfooter {
    width:				58%;
    text-align:			right;
    float:				right;
    color:				#fff;
    padding:			4px 10px 2px 0px;
}

/* Seitliche Künstlernavigation A-Z */
#alphabetcol {
    position:			absolute;
    top:				150px;
    left:				975px;
    width:				25px;
    background-color:	#000;
}

#alphabetcol ul li sup {
    margin:				0px auto;
    padding:			0px;
    display:			block;
    border-bottom:		1px solid #fff;
    font-size:			9px;
    width:				9px;
}

#alphabetcol ul li sub {
    margin:				0px auto;
    padding:			0px;
    display:			block;
    font-size:			9px;
    width:				9px;
}

#alphabetcol ul li {
    text-align:			center;
}

#alphabetcol ul li:hover {
    background-color:	#fff;
    color:				#000;
}

#alphabetcol ul li:hover a {
    color:				#000;
}

#alphabetcol ul li {
    line-height:		18px;
    display:			block;
    position:			relative;
}

#alphabetcol ul li ul {
    display:			none;
    position:			absolute;
    border:				none;
    top:				-1px;
    left:				-200px;
    z-index:			6555;
    width:				200px;
    background:			url(/images/separator_background.gif) repeat-x top #E30202;	
    padding:			0px 0px 0px 0px;
}

#alphabetcol ul li ul li, #alphabetcol ul li ul li:hover {
    line-height:		18px;
    padding:			1px 4px 2px 4px;
    position:			relative;
    background:			url(/images/separator_background.gif) repeat-x bottom;
    margin:				0px auto;
    text-align:			left;
    color:				#fff;
}

#alphabetcol ul li a {
    display:			block;
    padding:			1px 4px 2px 4px;
    text-align:			center;
    font-size:			12px;
    color:				#fff;
    border-bottom:		1px solid #767776;
}

#alphabetcol ul li a:hover {
    display:			block;
    padding:			1px 4px 2px 4px;
    text-align:			center;
    font-size:			12px;
    border-bottom:		1px solid #767776;
    background-color:	#fff;
    color:				#000;
}

#alphabetcol ul li ul li a, #alphabetcol ul li ul li a:hover , #alphabetcol ul li ul li a:visited {
    color:				#000;
	display:			block;
    padding:			1px 4px 2px 25px;
    background:			url(/images/icons.gif) no-repeat 10px -578px transparent;
    border:				0px;
    text-transform:		uppercase;
	text-align:			left;
}

#alphabetcol ul li ul li a:hover {
	color:				#fff;
}

#alphabetcol ul li ul li.allAtoZ {
    background-color:	#fff;
    color:				#000;
}

#alphabetcol ul li ul li.allAtoZ a {
    background-color:	#fff;
    color:				#000;
    background:			url(/images/icons.gif) no-repeat 10px -49px;
}

.alphabetcolclassic1 {
	background-color:	#F00;
}

/*
 * Bilder und Bildunterschriften
 */
.image-fullwidth {
    width:				661px;
    overflow:			hidden;
    margin:				10px 0px 20px 0px;
    text-align:			right;
    background-color:	#EFEFEF;	
}

.image-fullwidth .caption {
    text-align:			left;
    padding:			5px 10px 5px 10px;
}

.image-third {
    width:				220px;
    overflow:			hidden;
    margin:				5px 20px 10px 0px;
	float:				left;	
    background-color:	#EFEFEF;	
}

.image-third .caption {
    padding:			5px 10px 5px 10px;
}

.higherme {
	height:				255px;
}

#skyscraper_left
{
	text-align:center;
}

@import url("datepicker.css");