/* redifining standard tag */

a {  
text-decoration: none;
color:#333; 
}

a:hover { 
text-decoration: underline;
color: #000000;
}

p { 
margin: 8px 0 8px;
}
h4{
color:#7ca049;
text-transform:uppercase;
font-size:11px;
padding:0 0 4px 0;
margin: 0;
}

img{ border:0 }



img.image_block_center {
text-align: center;
display: block;       
margin: 0 auto;
}

form {
padding:0px;
margin:0px;
border:0px;
}
/* fluid two cols taking img width */
.textright {
padding:0;
margin: 0 0 15px 0;
_height:0;
}

.imageright {
float:right;
_width:15px;
min-width:15px;
margin-left:12px;
margin-bottom:12px;
}

.imageleft {
float:left;
_width:15px;
min-width:15px;
margin-right:12px;
margin-bottom:12px;
}

.textleft {
padding:0;
margin: 0 15px 0 0;
_height:0;
}

.clearboth{
clear:both;
}
/*img.image_float_right {
float: right;
margin: 10px 0px 0px 10px;
}

img.image_float_left {
float: left;
clear:left;
margin: 0 16px 0px 0;
}*/





/* header */

#logo {
text-align:center;
height:144px;
margin:0;
padding:0;
}

#contentlayout {
float: left;
background-color:#fff;
padding:5px 22px 25px 22px;
/*border-right:1px solid #2b9ce4;
border-bottom:1px solid #2b9ce4;*/
}

/* default contentLayout */

#elementlist {
width: 366px;
float: left;
margin:0;
padding:0;
}
/*
.itemlist {
color: #ffffff;
height:94px;
width:236px;
padding-top:200px;
}

.itemlist div {
color: #FFFFFF;
margin:0;
border:0;
padding: 8px;
}
*/
#marginright {
/*float:none;*/
float:right;
padding:0;
margin:0;
margin-left: 388px;
}
#item3{
width:184px;}
html>body #marginright { float:none; margin-left: 388px; }

#contentcenter {
width: 366px;
float: left;
margin:0;
padding:0;
} 

#contentmargin {
float:left;
padding:0;
margin-left:10px;
}

html>body #contentmargin { float:none; margin-left: 432px }

.categorylink {
display:block;
padding: 1px 3px 1px 13px;
background:url(path.html) bottom no-repeat left;

}

/*.greyboxlink {
border-top:1px solid #FFFFFF;
display:block;
padding: 3px 13px 3px 3px;
text-align:right;
background:#eeeeeb url(/images/arrow/path.gif) bottom no-repeat right;
}

div.boxlink {
margin-top:10px;
border-top:1px solid #FFFFFF;
display:block;
padding: 0;

background:url(/images/menu/separator.gif) bottom repeat-x;
}


.boxlink a {
font-size:10px;
border-top:1px solid #CCCCCC;
display:block;
padding: 3px 13px 6px 3px;
background:url(/images/arrow/path.gif) bottom no-repeat right;
}
*/
.spacesep {
clear:both;
height:10px;

}

/* title and boxes*/

div.title, div.boxtitle, div.titlelink, div.boxattach{
background:url(headersep.gif) bottom repeat-x;
display:block;
padding-bottom:9px;
margin:14px 0 6px;
}
div.boxattach{
background:none;
}

.title h2, .title h1, .boxattach h2 {
display:inline;
padding:0;
line-height:23px;
margin: 0;
color: #7ca049;
font-size:22px;
text-transform:uppercase;
font-weight:bold;
}
.boxattach h2 {
line-height:12px;
}
.boxattach h2.small{
font-size:14px;
}
.title h3, .boxtitle h3, .boxattach h3{
color:#826c58;
text-transform:uppercase;
font-size:11px;
padding:0 0 0 0;
margin: 0;
}
.title h3 a, .boxattach h3 a{
color:#826c58;
}
.boxtitle h2 a, .boxattach h2 a {
display:inline;
padding:0;
margin: 0;
color: #7ca049;
font-size:16px;
text-transform:uppercase;
font-weight:bold;
}
.titlelink h2 a{
display:block;
padding:0;
margin: 0;
color: #7ca049;
font-size:14px;
background:url(arrow3.gif) right no-repeat;
}

h2.subtitle{
color:#826c58;

}



.country{
font-family: Arial, Helvetica, sans-serif;
color:#333333;
margin-left:5px;
font-size:10px;
font-weight:normal;
text-transform:none;
line-height:8px
}
.date, .dateright{
font-family: Arial, Helvetica, sans-serif;
color:#333;
text-transform:uppercase;
padding:0;
margin: 0;

}
.dateright{
float:right;
font-size:10px;}



/* margin */

h2.marginright {
display:block;
padding:0 0 10px 0;
margin: 22px 0 7px 0;
color: #333;
font-size:11px;
font-weight:bold;
background:url(dottedbg.gif) bottom repeat-x;
}
/* home programme */
.homeprogramm{
font-size:11px;
padding:0 0 4px 0;
margin: 0;
padding-bottom:6px; 
/*background:url(/images/dottedline.gif) bottom repeat-x;*/
}
.homeprogramm h3{
text-transform:uppercase;
margin:1px 0 0 40px;
}
.homeprogramm h3 a{
font-size:11px;
color:#826c58;
}
.progname {
font-size:11px;
margin:0 0 2px 40px;

color:#7ca049;
font-family: Arial, Helvetica, sans-serif;
}
.progname h2 {
display:inline;
font-size:12px;
margin-left:5px;
font-weight:normal;
font-family: Times,serif;
color:#333;
}
.minidate{
font-family: Arial, Helvetica, sans-serif;
float:left;
color:#333;
text-transform:uppercase;
padding:0;
margin: 0;
}
.minidate .n{
font-family: Times, serif;
color:#826c58;
font-size:20px;
font-weight:bold;
text-align:center;
} 
.smallproglink a{
display:block;
font-size:11px;
font-weight:bold;
padding-top:9px;
color: #333;
background:url(dottedbg.gif) top repeat-x;
}




/* two cols */

.firstcol {
float: left;
width: 277px;
margin:0 20px 0 0;
}
.lastcol {
float: left;
width: 277px;
}
.firstcol h2, .lastcol h2{
display:inline;
padding:0;
margin: 0;
color: #000;
font-size:14px;
text-transform:uppercase;
font-weight:bold;
}
.firstcol h3 a, .lastcol h3 a{
color:#826c58;
text-transform:uppercase;
font-size:11px;
display:block;
padding-bottom:5px;
}
.smalltext{
padding:8px 0 0 0;
margin:0 0 0 90px;
background:url(dottedbg.gif) top repeat-x;}
/* project  */

#projectdetail h3 {
float: left;
width: 100px;
color:#d50035;
border:0px;
padding:0px;
margin:0px;
font-size:11px;
font-weight:normal;

}

/*
#projectdetail h2 {
color:#666666;
font-size: 20px;
margin-bottom:11px;								
margin-top: 0px;
font-weight:normal;
}


#projectdetail div.desc {
margin-left: 100px;
display:block;
}

.line{
height:3px;
width:100%;
background:url(/images/menu/bglightblue.gif) repeat-x;
}

.itemtitle h2 {
margin:0;
padding:0;
}

.itemtitle h3 {
margin:0;
padding:0;
}
*/

/* Content */
/*
#itemlistdefault {
width:600px;
}

#infos, #offers,  #center, #right {
width: 236px;
float: left;
padding-left: 16px;
}

#left {
width: 236px;
float: left;
padding-left: 0;
}
*/
/* globales class */
/**/
.formseparator {
font-size:1px;
margin: 0 0 4px 0;
padding: 4px 0 0 0;
border-bottom: 1px solid #CCCCCC;
height: 1px;
}

.separator {
font-size:20px;
margin: 0 0 5px 0;
padding: 5px 0 0 0;
}

.inputbg {
width:90%; 
background:url(dottedbg.gif);
font-size:11px;
border: 0px;
padding:3px 0 2px;
}

.formerror {
width:90%; 
background-color:#826c58;
color:#fff;
border: 0px;
}

.hotspot{
height:230px;
}
/* list of projects */

.projectlist{
margin:7px 0 0 0;
padding-bottom:13px; 
background:url(dottedline.gif) bottom repeat-x;
}
.projectlist h3{
margin:0;
}
.projectlist h3 a{
color:#826c58;
font-size:16px;
text-transform:uppercase;
}
.projectlist h2, artist_list h2{
margin:0;
color:#7ca049;
font-size:14px;
}


/* detail */

.description{
margin:15px 45px 20px;
}


/* programme */
.prog_kind{
float:right;
margin-right:2px;
font-family: Arial, Helvetica, sans-serif;
color:#333;
font-size:11px;
}
.prog_date{
float:left;
width:60px;
height:45px;
margin-left:12px;
}
.prog_hour_loc, .prog_img{
float:left;
width:80px;
height:60px;
font-family: Arial, Helvetica, sans-serif;
color:#333;
padding:0;
font-size:11px;
}
.prog_title{
margin-left:170px;
}
.prog_img_title{
margin-left:100px;
}
h2 p, h3 p{
display:inline;
padding:0 7px 0 2px;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
color:#333;
font-size:10px;
}
.big_num{
color:#826c58;
font-size:35px;
font-weight:bold;
line-height:28px;
}
.month{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#7ca049;
padding:0 0 0 3px;
margin: 0;
}

/* artists list */
.artistdetail{
margin:0px 0 25px 0;
padding-bottom:16px; 
background:url(headersep.gif) bottom repeat-x;
}
.artistdetail .title h2{
font-size:22px;
}
.artistdetail h3 a{
display:block;
margin:4px 0 4px 90px;
}
.artistdetail .smalltext{
padding:0;
margin:0 0 0 90px;
background:none;
}
.artistlist{
margin:4px 0;
padding-bottom:6px; 
background:url(dottedline.gif) bottom repeat-x;
}
.artistlist h2, 
.artistdetail h2, 
.artistlist h2 a, 
.artistdetail h2 a{
display:inline;
color:#826c58;
font-size:14px;
text-transform:uppercase;
}


#artistlist h4{
margin-bottom:15px;}
.artistdetail h3 a{
color:#826c58;
font-size:14px;
text-transform:uppercase;
}

.artistlocation{
vertical-align:super;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
}
.artistlocation .country{
color:#7ca049; 
margin:2px;
}
.artistlink{
float:right;
padding:3px 10px 3px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
}
.artistlink a{
color:#826c58;
display:block;
}

.title .artistlink {
padding:9px 3px 0 0;
}
.combo{
border:none;
padding:2px;
width:100%;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
background:url(dottedbg.gif);
}

.yearlist a{ 
color:#826c58;
font-size:14px;
font-weight:bold;
}

.button{
border:none;
background-color:#826c58;
color:#fff;
width:18px;
height:18px;
line-height:2px;
padding:0 4px 4px 4px;
margin:0 0 0 5px;
}
/* formular */

.tableform{
width:500px;}
.tablecol1{
width:100px;
}
.tablecol2{
height:28px;
}
.tablecol2 input{
width:100%;

font-size:11px;
padding:3px 0 2px;
}
.inputmsg{

}

.formprogramm{
font-size:11px;
padding:0 0 4px 0;
margin:0;
padding-bottom:6px; 
/*background:url(/images/dottedline.gif) bottom repeat-x;*/
}
.formtext{
margin:1px 0 0 100px;}

.formprogramm h3{
text-transform:uppercase;
width:300px;
margin:0;
}
.formprogramm h3 a{
font-size:11px;
color:#826c58;
}

.formprogramm h2 {
font-size:12px;
font-weight:normal;
font-family: Times,serif;
color:#333;
display:block;
margin:0;
}
.formradio{
float:right;}

.formdate{
font-family: Arial, Helvetica, sans-serif;
float:left;
color:#333;
text-transform:uppercase;
padding:2px 0 0 0;
margin: 0;font-size:10px;
}
.formdate p{
color:#7ca049;

margin:0;
} 
.formsep{
clear:both;
height:2px;
background:url(dottedbg.gif) top repeat-x;
}
.formbtn{
border:none;
background-color:#826c58;
color:#fff;
line-height:2px;
padding:3px 4px 4px 4px;
margin:0;
}

.artistsprog{
margin:
line-height:15px;}
span.year{
color:#826c58;
}

/* 4cols */

/*#albumdetail	{
margin:0;
margin-top:20px;
background-color:#EEEEEB;
width:100%;
}*/

#fourcols {
font-size:10px;
margin:0;
padding:0;
}

#fourcols li{
float:left;
list-style-type:none;
display:inline;

}

#fourcols a{
margin: 1px;
background-color:#FFFFFF;
padding: 2px;
float:left; 
width: 90px;
height:60px; 
display:block;
background-repeat:no-repeat; background-position:center;
}

#fourcols a:hover{
text-decoration: none;
}