@import url("bb.css");

html {
	overflow-x: hidden;
	width: 990px;
}

body {
	line-height: 170%;
	font-family: verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	letter-spacing: 0.02em;
	font-size: 11px;

}

#wrapper {
	width: 990px;
	color: #474835;
	padding-bottom: 10px;
	display: table;
	overflow:hidden;
	border-bottom: 1px solid #cccccb;
}


#left_col {
	float:left;
	width:220px;
	background-color: #EFF3FA;
	height: 100%;
	margin-right: 10px;
	clear: left;
	line-height: 170%;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #A3A586;
	min-height: 690px;

}


#right_col {

	width:178px;

	overflow-x:hidden;
	background-color: #EFF3FA;

	padding: 10px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #A3A586;
	min-height: 690px;
	position: absolute;
	left: 791px;
	top: 134px;
}




img {
	border: none;
}

a {
    color: #474835;
}

a img {
	text-decoration: none;
}

h1 {
    font-size: 14pt;
}

#tagcloud {
    	margin: 10px;
    	padding-bottom: 10px;
	*padding-top: 10px;
	background-color: white;
	overflow-x:hidden;
	
}

.tagcloud {
    	margin-left: -35px;
    
}

.tagcloud li {
    display: block;
    float:left;
}

.tagcloud li a {
	vertical-align:middle;
	white-space:nowrap;
	text-decoration: none;
	color: #A3A586;
	display: block;
	margin: 1px;
	padding: 2px;
	padding-bottom: 4px;
}



.tagcloud li a:hover {
    text-decoration: underline;
}

.tagcloud li.level0 {
	font-size: 8pt;
}
.tagcloud li.level1 {
	font-size: 8pt;
	font-weight: bold;
}
.tagcloud li.level2 {
	font-size: 9pt;
}
.tagcloud li.level3 {
	font-size: 9pt;
	font-weight: bold;
}
.tagcloud li.level4 {
	font-size: 10pt;
}
.tagcloud li.level5 {
	font-size: 10pt;
	font-weight: bold;
}
.tagcloud li.level6 {
	font-size: 11pt;
}
.tagcloud li.level7 {
	font-size: 11pt;
	font-weight: bold;
}
.tagcloud li.level8 {
	font-size: 12pt;
}
.tagcloud li.level9 {
	font-size: 12pt;
	font-weight: bold;
}
.tagcloud li.level10 {
	font-size: 13pt;
}
.tagcloud li.level11 {
	font-size: 13pt;
	font-weight: bold;
}
.tagcloud li.level12 {
	font-size: 14pt;
}
.tagcloud li.level13 {
	font-size: 14pt;
	font-weight: bold;
}
.tagcloud li.level14 {
	font-size: 15pt;
}
.tagcloud li.level15 {
	font-size: 15pt;
	font-weight: bold;
}
.tagcloud li.level16 {
	font-size: 16pt;
}
.tagcloud li.level17 {
	font-size: 16pt;
	font-weight: bold;
}
.tagcloud li.level18 {
	font-size: 17pt;
}
.tagcloud li.level19 {
	font-size: 17pt;
	font-weight: bold;
}
.tagcloud li.level20 {
	font-size: 18pt;
	
}

#footer {
	clear: both;
	text-align:left;
    	font-size: 11px;
    	width: 990px;
	text-align:center;
	color: #a3a586;
}

#footer table {
	margin-left:227px;
}

#footer td{
	color: #a3a586;
    	font-size: 11px;
	font-weight:bold;
	width: 136px;
	text-align:left;

}

#footer a {
	color: #a3a586;
    	font-size: 10px;
	font-weight:normal;
	text-decoration:none;

}

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

#content {
    padding-left: 10px;
    float:left;
    width:533px;
    background-color: #EFF3FA;
	min-height: 690px;

}

#content form label{
    width:180px;
    margin-bottom:2px;
}

#content form input{

  margin-bottom:2px;
}

#bc_suche {
    padding-top: 10px;
    padding-bottom:10px;
    padding-left: 10px;
    float:left;
    width:533px;
    background-color: #EFF3FA;
    border-top:5px solid #A3A586;
	overflow-x:hidden;

}

#bc_suche .breadcrumb {
	
}

#bc_suche .detail {
	background-color: #FFFFFF ! important;
}

#bc_suche form {
	margin-top:10px;
	font-size: 12px;

}

#bc_suche .bc_suche_label {
	float:left;
	margin-right:10px;
}


#bc_suche input {
	width:335px;
	float:left;
}

#bc_suche .bc_suche_starten {
	float:left;
	margin-left:10px;
}


#bc_suche .bc_suche_starten input {
	width:120px;
	float: left;
	height:22px ! important;
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #A3A586;
}



#bc_suche a {
    color: #333333;
    font-size: 11px;
}


.disabled {
	font-weight: bold;
	color: #474835;
}

.matrix_scroller .matrix_button_zur {
	position: absolute;
	display: block;
	top: 205px;
	left: 0x;
	-moz-opacity:0.8;
	
}
.matrix_scroller .matrix_button_vor {
	position: absolute;
	display: block;
	top: 205px;
	left: 520px;
	
	-moz-opacity:0.8;
}

.matrix td {
	height: 200px;
	width: 180px;
	text-align: center;
}

.matrix a {
	border: none;
	text-decoration: none;
}

.matrix img {
	border: none;
}

.matrix_scroller .matrix {
	float:left;
	height:600px;
	width:560px;
}

.matrix_scroller {
	height:680px;
	overflow:hidden;
	width:99000px;
	position: absolute;
	clip: rect(0px, 540px, 680px, 0px);
  	left: 239px;
}

.matrix_scroller_vert {
	height:1360px;
	overflow:hidden;
	width:200px;
	position: absolute;
	clip: rect(0px, 570px, 680px, 0px);
	margin-top: 10px;
}

.matrix_scroller_vert .matrix  {
    height: 680px;
}

.matrix_scroller_vert .matrix td {
	height: 180px;
	width: 180px;
	text-align: center;
	vertical-align: top;
}

#left_scroller_platzhalter {
	clear: both; 
	margin-top: 20px;
	height: 26px;
}
.vert_matrix_button_zur {
	margin-left: 80px;
	width: 25px;
	display: block;
}

#leftscroplatz {
	margin-top: 690px;
	height: 26px;
}

.vert_matrix_button_vor {
	margin-left: 80px;
	width: 25px;
	display: block;
}

.functionbox td {
	vertical-align: top;
}

.databox .title {
	font-weight: bold;
	display: block;
}

.databox .value {
	margin-left: 15px;
	display: block;
}

.kuenstler_infobox .title {
	font-weight: bold;
	display: block;
}

.kuenstler_infobox .value {
	margin-left: 15px;
	display: block;
}

.kommentar.child {
    padding-left: 50px;
}

.marked {
	background-color: #AAFFAA;
}

.highlight {
	background-color: #FFAAAA;
}

.horizontal_scroller .horizontal_button_zur {
	position: absolute;
	display: block;
	top: 52px;
	left: 4px;
}

.horizontal_scroller .horizontal_button_vor {
	position: absolute;
	display: block;
	top: 50px;
	left: 491px;
}

.horizontal_scroller .matrix td {
	height: 200px;
	width: 170px;
	text-align: center;
	vertical-align: top;
}

.horizontal_scroller .matrix {
	float:left;
	height:200px;
	width:530px;
}

.horizontal_scroller {
	height:200px;
	overflow:hidden;
	width:1200px;
	position: absolute;
	clip: rect(0px, 523px, 200px, 0px);
	margin-top: -230px;
}

.feature {
    float: left;
    background-color: white;
    margin-right: 10px;
    width: 150px;
    padding: 7px;
    border: 1px solid #cccccb;
}

.feature .image {
    height: 150px;
}

.feature a {
    color: #474835;
    font-size: 10pt;
}

.featurereihe {
    clear: left;
}

.kuenstler {
    float: left;
    background-color: white;
    margin-right: 10px;
    width: 150px;
    padding: 7px;
    border: 1px solid #cccccb;
    margin-bottom: 20px;
	min-height: 200px;
}

.tab {
    display: block;
    float: left;
    margin-right: 5px;
    height: 28px;
    background-color: #A3A586;
}

.tab a {
	text-decoration: none;
	color: white;
	font-size: 13px;
	line-height: 28px;
	
	display:block;

}

.tab a:hover {
text-decoration:underline;
}

.tab.active {
    height: 35px;
}

#main_navigaton {
    margin-left: 195px;
    height: 24px;
}

#kategorien {
    	background-color: white;
    	margin-left: 10px;
    	margin-right: 10px;
    	margin-top: 10px;
    	padding-top: 5px;
    	padding-bottom: 5px;
}

#kategorien li {
    	display: block;
    	margin-left: -20px;
		line-height:200%;   

}

#kategorien li a {
    	text-decoration: none;
    	font-size: 12px;
	    color: #3AA3B1;

}

#kategorien li a:hover {
    	text-decoration: underline;

}


.katEbene2 {
	margin-left: -10px !important;
}

.katEbene3 {
	margin-left: 0px !important;
}

#kategorien li.katEbene1  {
	font-size: 12px;

}


#kategorien li.katEbene1 a {
	font-size: 12px;
	background-image: url(../images/linkicon.gif);
	background-repeat: no-repeat;
	padding-left:10px;
	background-position: left center;
}

#kategorien li.katEbene2 a {
	font-size: 11px;
}

#kategorien li.katEbene3 a {
	font-size: 10px;
}


#kategorien li.katEbene1.active a {
	color: #3AA3B1 !important;
}

#kategorien li.katEbene2.active a {
	color: #3AA3B1 !important;
}

#kategorien li.katEbene3.active a {
	color: #3AA3B1 !important;
}





h4 {
    font-size: 11pt;
    margin-bottom: 5px;
}

.contenttab {
    display: block;
    float: left;
    margin-right: 10px;
    width: 120px;
    height: 22px;
 
}

.contenttab.active {
    height: 33px;
	font-family: verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	letter-spacing: 0.02em;
	font-size: 11px;
}

.contenttab a {
    text-decoration: none;
    color: #666666;
	font-size: 11px;  
    margin-left: 0px;
    line-height: 28px;
}
.contenttab a:hover {
    text-decoration: underline
}
.contenttabs {
    margin-left: -40px;
}

.startpagewerk {
    background-color: white;
    border: 1px solid #cccccb;
    width: 155px;
    height: 200px;
    padding: 5px;
    text-align: center;
    float:left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.startpagewerk.gesperrt {
	background-color: #dd7777;
}

.hauptteaser {
    background-color: white;
    color: #474835;
    margin-right: 10px;
    border: 1px solid #cccccb;
    padding: 5px;
    min-height: 170px;
}

.hauptteaser h2 {
    font-size: 12pt;
}

.hauptteaser a {
    color: #474835;
}

.hauptteaser .image {
    display: inline;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.artikel {
    background-color: white;
    margin-bottom: 10px;
    min-height: 150px;
    padding: 5px;
    margin-right: 10px;
}

.artikel .titel {
    margin-bottom: 5px;
}

.artikel .bild {
    float:left;
    margin-right: 5px;
}

.artikel .kategorie {
    font-size: 10pt;
}

.artikelteaser {
    font-style: italic;
    clear: left;
    border : 1px solid #95989d;
    margin-right: 10px;
    background-color: white;
    margin-bottom: 10px;
    padding: 5px;
}

.artikeltext {
    clear: left;
    border : 1px solid #95989d;
    margin-right: 10px;
    background-color: white;
    padding: 5px;
}

.links {
        margin-top: 180px;
}

.artikelbild {
    float:left;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: white;
    width: 150px;
    height: 150px;
    padding: 10px;
    border : 1px solid #95989d;
}

.kommentarbox {
    margin-top: 10px;
    margin-bottom: 10px;
}

.kommentar {
    margin-bottom: 10px;
    margin-right: 10px;
    background-color: white;
    border-top: 1px solid;
    padding: 5px;
}

.kommentar .title {
    display: block;
    margin-bottom: 5px;
}

.kommentareingabe {
    margin-bottom: 10px;
}

#topleiste {
margin:0px;
padding:0px;
margin-left:800px;
margin-top:-10px;

}

#topleiste form{
   

}


#topleiste input {
	font-size: 8pt;
	margin-bottom: 2px;
	border: 1px solid #CCCCCC;
}

#topleiste a {
    font-size: 8pt;
    margin-left: 13px;
}

#topleiste label {
    display: block;
    float: left;
   width: 70px;

 font-size: 10px;

}

label {
    display: block;
    float: left;
    
  
    font-size: 10pt;
}

.errormsg {
	display: block;
	color: red;
}

.okmsg {
	display: block;
	color: green;
}

#left_sub_nav {
    background-color: white;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#left_sub_nav li {
    display: block;
    margin-left: -20px;
    height: 28px;
	background-image: url(../images/linkicon.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
background-position: left 5px;
}

#left_sub_nav li a {
	text-decoration: none;
	font-size: 12px;
	color: #3aa3b1;

}

#left_sub_nav li a:hover {
	text-decoration: underline;

} 

#willkommen_text {
	margin-bottom: 20px;
}

.bestellung_table {
    width: 520px;
    border: 1px solid #474835;
    border-collapse: collapse;
}

.bestellung_table th {
    font-size: 10pt;
    text-align: left;
    background-color: #95989d;
    color: white;
}

.bestellung_table td {
    font-size: 10pt;
    text-align: left;
}

#nachrichtenTabelle {
    width: 520px;
    border: 1px solid #474835;
    border-collapse: collapse;
}

#nachrichtenTabelle th {
    font-size: 10pt;
    text-align: left;
    background-color: #95989d;
    color: white;
}

#nachrichtenTabelle td {
    font-size: 10pt;
    text-align: left;
}

.workbox {
    background-color: white;
    border : 1px solid #95989d;
    margin-right: 10px;
    padding: 10px;
    text-align: center;
}

.workbox img {
	margin-bottom: 15px;
	width: 500px;
}

.workbox .title {
    font-weight: bold;
}

.workbox .werkbeschreibung {
    text-align: left;
}

.functionbox {
    background-color: white;
    border : 1px solid #95989d;
    margin-right: 10px;
    margin-top: 20px;
    padding: 10px;
}

.functionbox ul {
    list-style-type: none;
    margin-left: -40px;
}

.kuenstler_picturebox {
     background-color: white;
    border : 1px solid #95989d;
    margin-right: 10px;
    padding: 10px;
    width: 100px;
    height: 160px;
    float:left;
}

.kuenstler_infobox {
	margin-left: 145px;
     background-color: white;
    border : 1px solid #95989d;
    margin-right: 10px;
    margin-bottom: 20px;
    padding: 10px;
}

.kuenstler_functionbox {
    background-color: white;
    border : 1px solid #95989d;
    margin-right: 10px;
    margin-top: 20px;
    padding: 10px;
}

.kuenstler_functionbox ul {
    list-style-type: none;
    margin-left: -40px;
}

.horArtikelBild {
    background-color: white;
    border: 1px solid #cccccb;
    width: 150px;
    height: 150px;
    padding: 5px;
    text-align: center;
    float:left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.admin_nav {
    background-color: white;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.admin_nav li {
    display: block;
    margin-left: -20px;
    height: 28px;
}

.admin_nav li a {
    text-decoration: none;
    color: #474835;
    font-size: 11pt;
}

#imageEditForm label {
    display:inline;
    font-weight: normal;
    font-size: 10pt;
    float: none;
}

#scalewarn {
	color: red;
}

#arrows {
    margin-left: 405px;
    margin-top: -20px;

}

.werkBewerten {
	background-image: url(../images/favWerkBewerten_li.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	background-position: left center;
	color: #CCCCCC;
}

.werkBewerten a {
	background-image: url(../images/favWerkBewerten.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	background-position: left center;
	margin-left: -20px;
	color: #474835;
}

.werkBewerten a:hover {
	background-color: #EFF3FA;
}


.favHinzu {
	background-image: url(../images/favHinzu_li.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	background-position: left center;
	color: #CCCCCC;
}

.favHinzu a {
	background-image: url(../images/favHinzu.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	background-position: left center;
	margin-left: -20px;
	color: #474835;
}

.favHinzu a:hover {
	background-color: #EFF3FA;
}


.favEntfernen {
	background-image: url(../images/favHinzu_li.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	background-position: left center;
	color: #CCCCCC;
}

.favEntfernen a {
	background-image: url(../images/favHinzu.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	background-position: left center;
	margin-left: -20px;
	color: #474835;
}

.favEntfernen  a:hover {
	background-color: #EFF3FA;
}


.werkErwerben {
	background-image: url(../images/favWarenkorb_li.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	background-position: left center;
	color: #CCCCCC;
}

.werkErwerben a {
	background-image: url(../images/favWarenkorb.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	background-position: left center;
	margin-left: -20px;
	color: #474835;
}

.werkErwerben a:hover {
	background-color: #EFF3FA;
}

.werkEmpfehlen{
	background-image: url(../images/favWerkEmpfehlen_li.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	background-position: left center;
	color: #CCCCCC;
}

.werkEmpfehlen a {
	background-image: url(../images/favWerkEmpfehlen.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	background-position: left center;
	margin-left: -20px;
	color: #474835;
}

.werkEmpfehlen a:hover {
	background-color: #EFF3FA;
}


.kuenstlerProfil a {
	background-image: url(../images/favProfil.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	background-position: left center;
	color: #474835;
}

.kuenstlerProfil a:hover {
	background-color: #EFF3FA;
}

.werkMelden{
	background-image: url(../images/favWerkMelden_li.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	background-position: left center;
	color: #CCCCCC;
}

.werkMelden a {
	background-image: url(../images/favWerkMelden.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	background-position: left center;
	margin-left: -20px;
	color: #474835;
}

.werkMelden a:hover {
	background-color: #EFF3FA;
}

#topmenue {
	padding-top: 74px;
	margin-left:-5px;
}

h2
{
font-size:18px;
}

#sub_navigaton {
	margin-left: -40px;
}

#sub_navigaton .tab {
	padding-left: 3px;
	padding-right: 3px;
}

#sub_navigaton .tab a {
	color: white;
	font-weight: bold;   
}

#topmenue {
	padding-top: 80px;
	margin-left: 0px;
}

.deaktInnerTab {
	color: #dddddd;
	line-height: 28px;
	font-weight: bold;
}