@charset "utf-8";
/* CSS Document */

/* --- Setzt sämtliche Rahmen und Abstände auf null --- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/* --- Allgemeines --- */
body.blue, body.beige{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	background:#888888 url(/_gfx/bg.jpg) repeat-x 0 0;
	margin:0 auto;
	width:1004px;
}

#container{
	width:1004px;
	background:url(/_gfx/container_bg.gif) repeat-y 0 0;
	padding:0 12px;
}

body.blue #trenner{
	width:980px;
	line-height:1px;
	font-size:1px;
	background:url(/_gfx/trenner_bg.gif) no-repeat 0 0;
}

body.beige #trenner{
	width:980px;
	line-height:1px;
	font-size:1px;
	background:url(/_gfx/trenner_beige_bg.gif) no-repeat 0 0;
}

.cleaner{
	clear:both;
	height:1px;
	line-height:1px;
	font-size:1px;
	border:none;
	background:transparent;
}

#shadow{
	width:1004px;
	height:9px;
	line-height:9px;
	background:url(/_gfx/bottom_shade.gif) no-repeat 0 0;
}


/* --- Header mit allen Inhalten --- */
body.blue #header{
	width:972px;
	height:120px;
	background:url(/_gfx/header_bg.jpg) no-repeat 0 0;
	border-left:4px solid #00a0c6;
	border-right:4px solid #00a0c6;
}

body.beige #header{
	width:972px;
	height:120px;
	background:url(/_gfx/header_beige_bg.jpg) no-repeat 0 0;
	border-left:4px solid #e4bc96;
	border-right:4px solid #e4bc96;
}

#header img.logo{
	margin:20px 0 0 20px;
}

#topnav{
	float:left;
	display:inline;
	width:544px;
	height:50px;
	margin:0 0 0 186px;
	text-align:center;
}

#topnav a{
	display:block;
	float:left;
	width:87px;
	font-size:11px;
	color:#FFFFFF;
	margin-right:2px;
	text-decoration:none;
	padding-top:15px;
	padding-bottom:5px;
}

#topnav a.profil{
	background:url(/_gfx/profil_inaktiv.jpg) no-repeat 0 0;
}

#topnav a.ausstellungen{
	background:url(/_gfx/ausstellungen_inaktiv.jpg) no-repeat 0 0;
}

#topnav a.kuenstler{
	background:url(/_gfx/kuenstler_inaktiv.jpg) no-repeat 0 0;
}

#topnav a.wettbewerbe{
	background:url(/_gfx/wettbewerbe_inaktiv.jpg) no-repeat 0 0;
}

#topnav a.presse{
	background:url(/_gfx/presse_inaktiv.jpg) no-repeat 0 0;
}

#topnav a.videor{
	background:url(/_gfx/videor_inaktiv.jpg) no-repeat 0 0;
}

body.blue #topnav a:hover, body.blue #topnav a:active, body.blue #topnav a.profil_lock, body.blue #topnav a.ausstellungen_lock, body.blue #topnav a.kuenstler_lock, body.blue #topnav a.wettbewerbe_lock, body.blue #topnav a.presse_lock, body.blue #topnav a.videor_lock{
	display:block;
	width:87px;
	padding-top:35px;
}

body.beige #topnav a:hover, body.beige #topnav a:active, body.beige #topnav a.profil_lock, body.beige #topnav a.ausstellungen_lock, body.beige #topnav a.kuenstler_lock, body.beige #topnav a.wettbewerbe_lock, body.beige #topnav a.presse_lock, body.beige #topnav a.videor_lock{
	display:block;
	width:87px;
	color:#000000;
	padding-top:35px;
}

body.blue #topnav a:hover.profil, body.blue #topnav a:active.profil, body.blue #topnav a.profil_lock{
	background:url(/_gfx/profil_aktiv.jpg) no-repeat 0 0;
}

body.beige #topnav a:hover.profil, body.beige #topnav a:active.profil, body.beige #topnav a.profil_lock{
	background:url(/_gfx/profil_beige_aktiv.jpg) no-repeat 0 0;
}

body.blue #topnav a:hover.ausstellungen, body.blue #topnav a:active.ausstellungen, body.blue #topnav a.ausstellungen_lock{
	background:url(/_gfx/ausstellungen_aktiv.jpg) no-repeat 0 0;
}

body.beige #topnav a:hover.ausstellungen, body.beige #topnav a:active.ausstellungen, body.beige #topnav a.ausstellungen_lock{
	background:url(/_gfx/ausstellungen_beige_aktiv.jpg) no-repeat 0 0;
}

body.blue #topnav a:hover.kuenstler, body.blue #topnav a:active.kuenstler, body.blue #topnav a.kuenstler_lock{
	background:url(/_gfx/kuenstler_aktiv.jpg) no-repeat 0 0;
}

body.beige #topnav a:hover.kuenstler, body.beige #topnav a:active.kuenstler, body.beige #topnav a.kuenstler_lock{
	background:url(/_gfx/kuenstler_beige_aktiv.jpg) no-repeat 0 0;
}

body.blue #topnav a:hover.wettbewerbe, body.blue #topnav a:active.wettbewerbe, body.blue #topnav a.wettbewerbe_lock{
	background:url(/_gfx/wettbewerbe_aktiv.jpg) no-repeat 0 0;
}

body.beige #topnav a:hover.wettbewerbe, body.beige #topnav a:active.wettbewerbe, body.beige #topnav a.wettbewerbe_lock{
	background:url(/_gfx/wettbewerbe_beige_aktiv.jpg) no-repeat 0 0;
}

body.blue #topnav a:hover.presse, body.blue #topnav a:active.presse, body.blue #topnav a.presse_lock{
	background:url(/_gfx/presse_aktiv.jpg) no-repeat 0 0;
}

body.beige #topnav a:hover.presse, body.beige #topnav a:active.presse, body.beige #topnav a.presse_lock{
	background:url(/_gfx/presse_beige_aktiv.jpg) no-repeat 0 0;
}

body.blue #topnav a:hover.videor, body.blue #topnav a:active.videor, body.blue #topnav a.videor_lock{
	background:url(/_gfx/videor_aktiv.jpg) no-repeat 0 0;
}

body.beige #topnav a:hover.videor, body.beige #topnav a:active.videor, body.beige #topnav a.videor_lock{
	background:url(/_gfx/videor_beige_aktiv.jpg) no-repeat 0 0;
}

#languageswitch{
	float:left;
	width:237px;
	height:50px;
	text-align:right;
	padding:4px 0 0 0;
}

#languageswitch a{
	margin:0 10px 0 5px;
}

#languageswitch a img{
	width:17px;
	height:26px;
	border:0;
}

#metanav{
	float:right;
	width:238px;
	line-height:53px;
	margin:10px 0 0 0;
}

#metanav a{
	font-size:10px;
	color:#000000;
	margin-left:15px;
	text-decoration:none;
}

#metanav a.hilfe{
	background:url(/_gfx/hilfe_li.gif) no-repeat 0 0;
	padding-left:15px;
}

#metanav a.kontakt{
	background:url(/_gfx/kontakt_li.gif) no-repeat 0 0;
	padding-left:15px;
}

#metanav a.impressum{
	background:url(/_gfx/impressum_li.gif) no-repeat 0 0;
	padding-left:15px;
}


/* --- Inhalte - Linke Navigation, rechte Infobox und Fliesstext --- */
body.blue #content{
	width:980px;
	background:#1e1e1e url(/_gfx/border_blau.gif) repeat-y 0 0;
}

body.beige #content{
	width:980px;
	background:#1e1e1e url(/_gfx/border_beige.gif) repeat-y 0 0;
}

#main1{
	width:100%;
	background:url(/_gfx/dotted_line.gif) repeat-y 750px 0;
}

body.blue #leftnav, body.beige #leftnav{
	float:left;
	width:200px;
	color:#FFFFFF;
}

body.blue #leftnav a{
	display:block;
	font-size:14px;
	color:#00a0c6;
	line-height:38px;
	background:url(/_gfx/leftnav_line.gif) no-repeat 0 100%;
	text-decoration:none;
	padding-left:18px;
}

body.beige #leftnav a{
	display:block;
	font-size:14px;
	color:#e4bc96;
	line-height:38px;
	background:url(/_gfx/leftnav_beige_line.gif) no-repeat 0 100%;
	text-decoration:none;
	padding-left:18px;
}

body.blue #ln_sub, body.beige #ln_sub{
	width:200px;
}

body.blue #ln_sub a{
	display:block;
	font-size:11px;
	color:#888888;
	line-height:25px;
	background:url(/_gfx/leftnav_line.gif) no-repeat 0 100%;
	text-decoration:none;
	padding-left:18px;
}

body.beige #ln_sub a{
	display:block;
	font-size:11px;
	color:#888888;
	line-height:25px;
	background:url(/_gfx/leftnav_beige_line.gif) no-repeat 0 100%;
	text-decoration:none;
	padding-left:18px;
}

body.blue #ln_sub a:hover, body.blue #ln_sub a:active, body.beige #ln_sub a:hover, body.beige #ln_sub a:active, body.blue #ln_sub a.active, body.beige #ln_sub a.active{
	font-weight:bold;
	color:#FFFFFF;
}

#text{
	float:left;
	width:533px;
	padding:39px 17px 0 0;
	color:#FFFFFF;
}

#twocol_content{
	width:100%;
}

#twocol_content div.first_col{
	width:333px;
	padding-right:30px;
}

#twocol_content div.second_col{
	float:right;
	width:170px;
	padding-left:363px;
	padding:0;
}

#path{
	position:absolute;
	top:135px;
	font-size:9px;
	color:#cccccc;
}

body.blue #path span.active{
	color:#00a0c6;
}

body.beige #path span.active{
	color:#e4bc96;
}

#text img{
	border:1px solid #888888;
	margin:0 0 11px 0;
}

#text div.centertext{
	text-align:center;
	margin-bottom:15px;
}

body.blue #text h1{
	width:auto;
	min-height:21px;
	font-size:12px;
	color:#00a0c6;
	line-height:21px;
	background:url(/_gfx/h1_bg.gif) no-repeat 0 0;
	margin:20px 0 10px 0;
	padding-left:25px;
}

body.beige #text h1{
	width:auto;
	min-height:21px;
	font-size:12px;
	color:#e4bc96;
	line-height:21px;
	background:url(/_gfx/h1_beige_bg.gif) no-repeat 0 0;
	margin:20px 0 10px 0;
	padding-left:25px;
}

#text h2, #twocol_content div.first_col h2, #text div.centertext h2{
	font-size:14px;
	color:#FFFFFF;
	padding:0 0 27px 0;
}

body.blue #text h3, body.blue #twocol_content div.first_col h3, body.blue #text div.centertext h3{
	font-size:11px;
	color:#aff0ff;
}

body.beige #text h3, body.beige #twocol_content div.first_col h3, body.beige #text div.centertext h3{
	font-size:11px;
	color:#eed6bf;
}

#text p, #twocol_content div.first_col p{
	font-size:11px;
	color:#cccccc;
	line-height:16px;
	padding:0 0 10px 0;
}

body.beige #text ul{
	font-size:11px;
	color:#cccccc;
	line-height:16px;
	padding:0 0 10px 0;
}

body.beige #text li{
	margin-left:15px;
	padding-left:3px;
}

body.blue #text a{
	color:#00a0c6;
	background:url(/_gfx/more_li.gif) no-repeat 0 6px;
	text-decoration:none;
	padding-left:8px;
}

body.beige #text a, #twocol_content a.top{
	color:#e4bc96;
	background:url(/_gfx/more_beige_li.gif) no-repeat 0 6px;
	text-decoration:none;
	padding-left:8px;
}

#twocol_content a.top, #text a.top{
	float:right;
	font-size:10px;
}

#text div.contentbox_right{
	float:right;
	width:260px;
	margin-left:0 0 0 273px;
}

#text div.contentbox_left{
	width:260px;
}

#text div.contentbox{
	background:#000000 url(/_gfx/contentbox_bg.gif) repeat-x 0 0;
}

#text div.contentbox_ro{
	background:url(/_gfx/contentbox_ro.gif) top right no-repeat;
}

#text div.contentbox_lo{
	background:url(/_gfx/contentbox_lo.gif) top left no-repeat;
}

#text div.contentbox_ru{
	background:url(/_gfx/contentbox_ru.gif) bottom right no-repeat;
}

#text div.contentbox_lu{
	background:url(/_gfx/contentbox_lu.gif) bottom left no-repeat;
}

#text div.contentbox_text{
	min-height:193px;
	padding:10px;
}

#text div.contentbox_text p{
	padding:0;
}

#text div.teaser{
	border-bottom:1px solid #666666;
	margin:0 0 10px 0;
	padding-bottom:10px;
	overflow:auto;
}

#text div.teaser img{
	width:58px;
	height:58px;
	margin:0 0 0 8px;
}

#text div.teaser p{
	float:right;
	width:455px;
	margin-left:0 0 0 78px;
	padding:0;
}

#text div.abcleiste{
	width:100%;
	margin-bottom:30px;
}

body.blue #text div.ansicht_b{
	float:left;
	width:88px;
	font-size:11px;
	font-weight:bold;
	line-height:25px;
	color:#00a0c6;
	background:url(/_gfx/ansicht_button.gif) no-repeat 0 0;
	padding-left:8px;
}

body.beige #text div.ansicht_b{
	float:left;
	width:88px;
	font-size:11px;
	font-weight:bold;
	line-height:25px;
	color:#e4bc96;
	background:url(/_gfx/ansicht_button.gif) no-repeat 0 0;
	padding-left:8px;
}

#text div.abc_bg{
	width:425px;
	height:25px;
	background:url(/_gfx/abc_bg.gif) no-repeat 0 0;
	margin-left:98px;
	padding:5px 5px 0 5px;
}

body.blue #text div.pfeil_links{
	float:left;
	width:16px;
	background:url(/_gfx/abc_pfeil_l_blue.gif) no-repeat 0 0;
}

body.blue #text div.pfeil_rechts{
	float:right;
	width:16px;
	background:url(/_gfx/abc_pfeil_r_blue.gif) no-repeat 0 0;
}

body.beige #text div.pfeil_links{
	float:left;
	width:16px;
	background:url(/_gfx/abc_pfeil_l_beige.gif) no-repeat 0 0;
}

body.beige #text div.pfeil_rechts{
	float:right;
	width:16px;
	background:url(/_gfx/abc_pfeil_r_beige.gif) no-repeat 0 0;
}

body.blue #text div.pfeil_links a, body.blue #text div.pfeil_rechts a, body.beige #text div.pfeil_links a, body.beige #text div.pfeil_rechts a{
	background:none;
}

body.blue #text div.abc{
	float:left;
	display:inline;
	font-size:11px;
	font-weight:bold;
	color:#00a0c6;
}

body.beige #text div.abc{
	float:left;
	display:inline;
	font-size:11px;
	font-weight:bold;
	color:#e4bc96;
}

#text div.abc a.alphabet, #text div.abc a.alphabet_last, #text div.abc a:hover.alphabet, #text div.abc a:active.alphabet, #text div.abc a:hover.alphabet_last, #text div.abc a:active.alphabet_last{
	float:left;
	display:block;
	width:20px;
	text-align:center;
	background-image:none;
	padding:0;
}

body.blue #text div.abc a.alphabet, body.blue #text div.abc a:hover.alphabet, body.blue #text div.abc a:active.alphabet{
	border-right:1px solid #00a0c6;
}

body.beige #text div.abc a.alphabet, body.beige #text div.abc a:hover.alphabet, body.beige #text div.abc a:active.alphabet{
	border-right:1px solid #e4bc96;
}

#text div.abc a.alphabet_last, #text div.abc a:hover.alphabet_last, #text div.abc a:active.alphabet_last{
	width:40px;
}

#text div.abc a:hover.alphabet, #text div.abc a:active.alphabet, #text div.abc a:hover.alphabet_last, #text div.abc a:active.alphabet_last{
	color:#ffffff;
}

#text div.kuenstlerbox{
	float:left;
	width:169px;
	background:#000000 url(/_gfx/kuenstlerbox_bg.jpg) repeat-x 0 0;
	margin:0 8px 20px 0;
}

#text div.kuenstler_ro{
	background:url(/_gfx/kuenstler_ro.gif) no-repeat right top;
}

#text div.kuenstler_lo{
	background:url(/_gfx/kuenstler_lo.gif) no-repeat left top;
}

#text div.kuenstler_ru{
	background:url(/_gfx/kuenstler_ru.gif) no-repeat right bottom;
}

#text div.kuenstler_lu{
	background:url(/_gfx/kuenstler_lu.gif) no-repeat left bottom;
}

#text div.kuenstlerinhalt{
	padding:8px;
}

#text div.kuenstlerbox_hl{
	font-size:11px;
	font-weight:bold;
	padding:8px;
}

#text div.kuenstlerinhalt img{
	width:153px;
	height:63px;
	border:0;
}

#text div.kuenstlerinhalt p, #text div.kuenstlerinhalt a{
	font-size:10px;
}

#text div.kuenstlerbox_end{
	min-height:5px;
	font-size:1px;
	line-height:5px;
}

#infobox{
	float:left;
	width:195px;
	background:#393939;
	border-left:1px dotted #666666;
	padding:39px 15px 0 15px;
	color:#FFFFFF;
}

div.blog_bg{
	background:url(/_gfx/blog_headline.gif) repeat-x 0 0;
}

div.blog_end_bg{
	background:#111111;
}

div.blog_ro{
	background:url(/_gfx/blog_ro.gif) top right no-repeat;
}

div.blog_lo{
	background:url(/_gfx/blog_lo.gif) top left no-repeat;
}

div.blog_ru{
	background:url(/_gfx/blog_ru.gif) bottom right no-repeat;
}

div.blog_lu{
	background:url(/_gfx/blog_lu.gif) bottom left no-repeat;
}


body.blue div.blog_headline{
	width:auto;
	height:20px;
	min-height:20px;
	font-size:11px;
	font-weight:bold;
	color:#00a0c6;
	margin:0 10px 0 10px;
	padding:5px 0 0 0;
	border-bottom:1px solid #00a0c6;
}

body.beige div.blog_headline{
	width:auto;
	height:20px;
	min-height:20px;
	font-size:11px;
	font-weight:bold;
	color:#e4bc96;
	margin:0 10px 0 10px;
	padding:5px 0 0 0;
	border-bottom:1px solid #e4bc96;
}

div.boxinhalt, div.boxinhalt_content{
	width:auto;
	font-size:11px;
	line-height:16px;
	color:#cccccc;
	background:#111111;
	padding:10px 10px;
}

div.boxinhalt p{
	margin:0 0 18px 0;
}

div.boxinhalt p span.grau{
	color:#666666;
}

div.boxinhalt img{
	width:173px;
	height:60px;
	margin:8px 0;
}

div.boxinhalt_content img{
	width:153px;
	height:102px;
	margin:8px 0;
}

body.blue div.boxinhalt a{
	display:block;
	color:#00a0c6;
	background:url(/_gfx/more_li.gif) no-repeat 0 6px;
	text-decoration:none;
	padding-left:8px;
}

body.beige div.boxinhalt a{
	display:block;
	color:#e4bc96;
	background:url(/_gfx/more_beige_li.gif) no-repeat 0 6px;
	text-decoration:none;
	padding-left:8px;
}

body.blue div.thema_trenner{
	width:auto;
	min-height:1px;
	font-size:1px;
	line-height:1px;
	border-bottom:1px dotted #00a0c6;
	margin:10px 0;
}

body.beige div.thema_trenner{
	width:auto;
	min-height:1px;
	font-size:1px;
	line-height:1px;
	border-bottom:1px dotted #e4bc96;
	margin:10px 0;
}

div.blog_end{
	min-height:4px;
	font-size:1px;
	line-height:4px;
	margin-bottom:10px;
}

div.newsletter{
	width:auto;
	height:205px;
	background:url(/_gfx/newsletter_bg.jpg) no-repeat 0 0;
}

div.newsletter_lo{
	background:url(/_gfx/newsletter_lo.gif) top left no-repeat;
}

div.newsletter_lu{
	background:url(/_gfx/newsletter_lu.gif) bottom left no-repeat;
}

div.newsletter_ro{
	background:url(/_gfx/newsletter_ro.gif) top right no-repeat;
}

div.newsletter_ru{
	background:url(/_gfx/newsletter_ru.gif) bottom right no-repeat;
}

div.newsletter_text{
	min-height:185px;
	padding:10px;
}

body.blue div.newsletter_text h1{
	font-size:11px;
	color:#00a0c6;
	border-bottom:1px solid #00a0c6;
	padding-bottom:8px;
}

body.beige div.newsletter_text h1{
	font-size:11px;
	color:#e4bc96;
	border-bottom:1px solid #e4bc96;
	padding-bottom:8px;
}

div.newsletter_text p{
	font-size:11px;
	color:#000000;
	padding:10px 0;
}

div.newsletter form input{
	float:right;
	margin-bottom:10px;
}

div.newsletter form input.text{
	width:168px;
	height:22px;
	background:url(/_gfx/input_name.gif) no-repeat 0 0;
	border:0;
	padding-left:5px;
}


/* --- Fusszeile --- */
#footer{
	width:971px;
	height:29px;
	background:url(/_gfx/footer_bg.gif) repeat-y 0 0;
	margin-left:4px;
}

#footer_text{
	width:729px;
	height:23px;
	font-size:9px;
	color:#666666;
	border-top:1px dotted #666666;
	border-right:1px dotted #666666;
	padding:5px 17px 0 0;
	text-align:right;
}
body.blue div#footer_text a{
	display:inline;
	color:#00a0c6;
	background:url(/_gfx/more_li.gif) no-repeat 0 6px;
	text-decoration:none;
	padding-left:8px; 
	margin-right: 230px; 
}

body.beige div#footer_text a{
	display:inline;
	color:#e4bc96;
	background:url(/_gfx/more_beige_li.gif) no-repeat 0 6px;
	text-decoration:none;
	padding-left:8px; 
	margin-right: 230px;
}

/* --- Overlay --- */


div#overlay{

    position: absolute;
    left: 0;
    top: 0;
	margin: 0;
	padding: 0;
	background-color: #000000;
	opacity:.96;
	filter: alpha(opacity=96);
	-moz-opacity: 0.96;
	z-index:2;
}

#displaybox{
	position:absolute;
		z-index:100;

}


div#splashbg{

    position: absolute;
    left: 0;
    top: 0;
	background-color: #000000;
	opacity:.96;
	filter: alpha(opacity=96);
	-moz-opacity: 0.96;
}

#splash{
	position:absolute;
	z-index:100;
	color:#FFFFFF;

}

#splash a{
	color:#FFFFFF;
	text-decoration:none;
}