body{
  background: #ccc url('../img/isar/bgr.jpg') repeat-x;

  font-family: Georgia ,serif;
  font-size: 13px;
  line-height: 20px;
}

.clear {
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
}

/* genernal styles */
a{
  color:#005a8c;
  text-decoration:none;
}

strong, b {
	font-weight:bold;
}

/* main layout and elements*/
.wrap{
	width:850px;
}


/* header grafik*/
.header{
	width:850px;
	height:170px;
	background: url(../img/isar/header.jpg) no-repeat;
	position: relative;
}

/* logo link*/
.header a.logo{
	display: block;
	height: 90px;
	width: 320px;

	/* hierf�r muss parent element position relative haben und ein 'sauberes' boxelement sein (korrekte hoehe und breite)*/
	position:absolute;
	right:15px;
	top:65px;

	/* 'unsichtbare' links brauchen im ie6 ein transparent .gif sonst sind sie nicht klickbar*/
	background:  transparent url(../img/pixel.gif) no-repeat;
}

/* menu */
.navi {
  height: 30px;
  width: 840px;
  padding-left: 10px;
  background: url(../img/isar/navibgr.jpg);
  /*overflow: hidden;*/
}

.navi li{
	float: left;
}

.navi li a{
	/*display: block;*/
	height: 30px;
	color: #fff;
	line-height: 30px;
	font-weight:bold;
  font-family: Georgia ,serif;
  font-size: 15px;
  padding: 10px 10px;
}

.navi li a:hover{
	color: #AACAD9;
}


.navi li.act a{
	background: #fff;
	color: #024c78;
}



.columns{
  background: #fff;
	padding: 10px 10px 10px 10px;
	width: 830px;
	/* real with = 830x + 10px +10px*/
}

.col-1{
	width: 560px;
	overflow: hidden;
	float: left;
}

.col-2{
	width: 270px;
	overflow: hidden;
	float: left;
}

.col-1 .box{
	width: 560px;
}



.col-1 .box .top{
	width: 560px;
	height: 7px;
	background: url(../img/isar/box/top.jpg);
	overflow: hidden;
}



.col-1 .box .repeat{
	width: 560px;
	background: url(../img/isar/box/repeat.jpg);
}

.col-1 .box .bottom{
	width: 560px;
	height: 10px;
	background: url(../img/isar/box/bottom.jpg);
	overflow: hidden;
}

.col-1 .box .box .bottom{
	width: 560px;
	height: 10px;
	background: url(../img/isar/box/bottom.jpg)!important;
	overflow: hidden;
}

.content-default{
	padding: 0px 30px 15px 20px
	/* ziel: alle seiten 20px padding*/
	/* nach oben 10px (10px kommen von .bottom */
	/* nach rechts zus�tzlich erf. (schatten und hintergrund) : 10px;*/
	/* nach unten 15px (5px kommen von .bottom */
	/* nach links 20px (o extra) */

	/*nachtrag, oben und unten 10px abgezogen und auf h, p etc �bertragen*/
}

.content h1{
  color:#333333;
  font-size:22px;
  font-weight:bold;
  line-height:24px;
  padding:10px 0;
}

.content h2{
	line-height:20px;
	padding:0px 0px 10px 0;
	font-size: 13px;
	font-weight: normal;
}

.content p{
	line-height:20px;
	padding:10px 0px;
	font-size: 13px;
}

.content ul{
	list-style: disc;
	padding: 5px 20px;
}

.content ul li{
	padding: 5px 0px 5px 5px;
}

/* footer */
.footer {
  height: 50px;
  padding-left:19px;
  padding-top:15px;
}

.footer .logo_ringier a {
  display: block;
  height: 100%;
  width: 100%;
}

.footer li {
  float: left;
  display: inline;
  font-size: 13px;
  color: #333;
  height: 30px;
  line-height: 30px;
  margin-right:2px;
}

.footer li a {
  color: #333;
  font-size: 13px;
}

/* sidebar elements */

.col-2 .search {
 padding-left: 10px;
 padding-top: 10px;
}

.col-2 .search .ipt_search {
  border: 1px solid #666;
  width: 198px;
  height: 16px;
	background-image: url('../img/isar/search-no-border.jpg');
  color: #888888;
  margin-right: 8px;
  float: left;
  display: inline;
  padding-left: 10px;
  padding-right: 10px;
}

.col-2 .search .ipt_button_search {
  height: 22px;
  width: 22px;
  border: 0;
  float: left;
  display: inline;
}

.col-2 .info {
/*  margin-top: 28px;*/
/*  border-top: 1px solid #fff;*/
  padding: 0px 0px 10px 10px;
}

.col-2 .info a{
	font-weight: bold;
}

.col-2 .info .caption {
  color: #333;
  font-size: 16px;
  font-weight: normal;
  line-height: 23px;
  margin-top: 8px;
}

.col-2 .info .desc {
  font-size: 13px;
  line-height: 20px;
  margin-top: 16px;
  width: 248px;
}

.col-2 .info .read_more {
  color :#B6533C;
  font-size: 12px;
  font-weight: bold;
  margin-top: 4px;
}

/* teaser elments , small and big*/
.teaser-event{
	padding: 0 10px 5px 10px;
	padding: 0;
	padding: 3px 10px 5px 10px;
}

.teaser-event .pic {
  display: inline;
  float: left;
  overflow: hidden;
}

.teaser-event .text{
  overflow: hidden;
  display: inline;
  float: left;
  padding:0px 10px 0px 10px;
}

.teaser-event p, h2{
	padding: 0;
}

.teaser-event p.date {
  font-size: 13px;
}

.teaser-event h2.artistname {
  color:#B6533C;
  font-size:20px;
  font-weight:bold;

}

.teaser-event p.eventname {
  margin-top: 3px;
  font-size:13px;
  line-height: 20px;
  /* ... unter vorbehalt mal rausnehmen
    letter-spacing: 0.1em;
  */
}
.teaser-event .read_more {
  font-size: 13px;
}

/* events small teaser*/

.teaser-event-small .pic {
	width: 110px;
}

.teaser-event-small .text {
  width: 410px;
}

/* teaser event big*/

.teaser-event-big .pic {
  width: 100px;
  overflow: hidden;
}

.teaser-event-big .text {
  width: 420px;
	padding-top: 0;
}

.white_line {
  background-color: #ccc;
  height: 1px;
  font-size:0;
  line-height:0;
  margin-left:10px;
  padding:0;
  margin-top: 17px;
  overflow: hidden;
  width: 248px;
}

.info .white_line {
  margin-left:0px;
}


.teaser-event-big p.date{
	padding-bottom: 15px;
}

.teaser-event-big h2.artistname{
	margin: 0;
	padding:0;
}

.teaser-event-big p.eventname{
	padding-bottom: 18px;
}

/* event detail */
.event-detail{
	padding: 0 10px 5px 10px;
}

.event-detail .back {
  text-align: right;
  padding:0 10px 20px 0;
}

.event-detail .left {
	float: left;
	overflow: hidden;
  width: 310px;
  padding-left: 10px;
}

.event-detail .right {
	float: left;
	overflow: hidden;
  width: 180px;
  padding: 0 10px 0 20px;
}

.event-detail h1.artist {
  color:#005a8c;
  padding-bottom: 0;
}

.event-detail .description{
	padding-top: 10px;

}

.widget-share{
	padding-top: 10px;
}

.event-detail .events {
  margin-top: 55px;
}

.event-detail .events .event-infos {
  padding: 0 20px 15px 10px ;
}

.event-detail .events .host {
  font-style: italic;
  color: #333;
  font-size: 12px;
}

.events{
	padding-right: 10px;
}

.events table{
	width: 100%;
	padding-bottom: 15px;
}

.events th,
.events td{
	padding: 0 0 0 10px;
}

.events th{
	font-weight: bold;
	padding-bottom: 10px;
}

.events td{
  background: #E6E6E6 url(../img/row.gif) repeat-x;
  height:18px;
  padding: 7px 0 5px 10px;
  line-height: 16px;
  vertical-align: top
}

.events td.date{
	white-space: nowrap;
}

.events td.ticket{
	padding-top: 10px;
	padding-right: 10px;
	height: 15px;
	text-align: right;
}

/* additional content elements (kontakt) */

h2.caption_big {
	color: #333333;
	font-size: 22px;
	font-weight: bold;
}

.line {
  background:none repeat scroll 0 0 #D0D0D0;
  height:1px;
  margin-bottom:20px;
  margin-top:20px;
  overflow:hidden;
}

.content-default .left,
.content-default .right{
  display:inline;
  float:left;
  line-height:20px;
  overflow:hidden;
  width:240px;
}


.content-default  .right {
  margin-left:10px;
  padding:0 0 0 10px;
}

/* links */
.link-list{
	padding: 0 30px 5px 20px;
}

.link-list .row {
  border-top: 1px solid #ccc;
  padding-top: 30px;
  height: 90px;
}

.link-list .row .item{
  float: left;
  text-align: center;
  width: 250px;
  display: inline;
}

.deag-link{
	padding-left: 5px;
}

.png {
  background-image: url('../img/ringier3.png');
  height: 23px;
  width: 118px;
  background-repeat: no-repeat;
  margin-left: 10px;
  margin-top: 3px;
}

* html .png {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/design_classical/img/ringier3.png', sizing='scale',opacity: 0, enabled=true);
  background:none;
}

.png a {
	background:  transparent url(../img/pixel.gif) no-repeat;
	position: relative;
}


/* form import*/

.blueform fieldset {  border:medium none; margin:0;  }
.blueform .border_top {  }
.blueform .align_right { }
.content .blueform p { margin-top:15px; padding:0;}
.blueform label { float:left; width:150px; text-align:right; font-weight:bold; margin: 12px 5px 0px 5px; }
.blueform .label_left {  width:220px; text-align:left; }
.blueform .width_190 {  width:190px; }
.blueform input,
.blueform textarea,
.blueform select { margin:13px 3px 0 0; }
.blueform input,
.blueform select { font:12px Arial,Helvetica,sans-serif; height:15px; line-height:16px; }
.blueform label, select, .radiocheck	input { border:medium none; cursor:pointer; }

.blueform input { width:195px; }
.blueform select { height:20px; }
.blueform .select_medium { width:198px; }

.blueform .input_medium { width:150px; margin-right: 0px; }
.blueform .input_small { width:38px; margin-right: 0px; }
.blueform .radiocheck { margin-top: 5px; }
.blueform .radiocheck	input { width: 15px; height: 15px; margin-top: 0px !important; }
.blueform .radiocheck	label { float: none; font-weight: normal; }

.blueform .label_block { width: 115px; float: left !important; font-weight: bold !important; text-align: left; }

.blueform .form_submit a { margin-left: 320px; text-align: center; background:transparent url(../img/bg-search-default.png) no-repeat; height: 23px; color:#FFFFFF; display:block; font-weight:bold; height:23px; line-height:22px; margin-top:10px; text-align:center; text-transform:uppercase; width:62px; cursor:pointer; overflow: hidden;}
.blueform .form_submit a:hover { background:transparent url(../img/bg-search-default.png) no-repeat 0 -23px; }

.blueform input.formsubmit{
	width: auto; height: auto;
}

.contenttable p {
  padding: 0;
}

.contenttable td {
/*  width: 273px;  disabled does destroy ticket pages */
}

h3.small_caption {
 font-weight: bold;
}


/* these url have to kill in templates/extension*/

.teaser-event .description {

}

.teaser-event .text a {

}

.teaser-event .text h2 a {
	display: block; /* das hier nat�rlich nicht l�schen */
}

.white_line {
}

.line-top { border-top: 1px solid #D0D0D0; padding-top: 20px; margin-top: 20px; }


/*what the fuck ist das denn hier 01?! */

.isarklassik-event-list .box-outer .top { background: none; height: 0px;}
* html .isarklassik-event-list .box-outer .top { height: 7px;}
*+html .isarklassik-event-list .box-outer .top { height: 7px;}


.isarklassik-event-single .box-outer .top { background: none; }
.isarklassik-search-list .box-outer .top { background: none; }
.isarklassik-newsletter .box-outer .top { background: none; }

.isarklassik-venues .box-outer .top { background: none;  height: 0px;}
* html .isarklassik-venues .box-outer .top { height: 7px;}
*+html .isarklassik-venues .box-outer .top { height: 7px;}

.isarklassik-event-list .box-outer .bottom { background: none;}
.isarklassik-event-single .box-outer .bottom { background: none;}
.isarklassik-search-list .box-outer .bottom { background: none;}
.isarklassik-newsletter .box-outer .bottom { background: none;}
.isarklassik-venues .box-outer .bottom { background: none;}

body.isarklassik-venues .col-1 .box .box {	margin-top: 7px;	}
body.isarklassik-venues .col-1 .box .detail-view .box {	margin-top: 7px;	 }
* html body.isarklassik-venues .col-1 .box .detail-view .box {	padding-top: 0px; }
*+html body.isarklassik-venues .col-1 .box .detail-view .box {	padding-top: 0px; }

body.isarklassik-event-list .col-1 .box .box {
	margin-top: 7px;
}


.col-2 div.csc-textpic { margin: 10px;}


.user-isarklassikvenues-pi1 .left { width: 300px; padding-bottom: 20px;}
.user-isarklassikvenues-pi1 .right { width: 190px;}
.user-isarklassikvenues-pi1 .right img { margin-bottom: 5px;}
.user-isarklassikvenues-pi1 .right i { line-height: 15px; font-size: 11px;}
.user-isarklassikvenues-pi1 .right a { background: url(../img/link-icon.png) no-repeat 0px 3px; padding-left: 14px; display:block; font-weight: bold; padding-bottom: 0;}
.user-isarklassikvenues-pi1 .right .links {margin-top: 10px;}
.user-isarklassikvenues-pi1 .right .links br {line-height: 0;}

.user-isarklassikvenues-pi1 .journey  { margin-top: 10px;  }
.user-isarklassikvenues-pi1 .journey  p { padding-top: 0; }
.user-isarklassikvenues-pi1 .adress  { margin: 10px 0; }
.user-isarklassikvenues-pi1 .venuemap  { margin: 15px 0;}
.user-isarklassikvenues-pi1 .venuemap a { font-weight: bold;}
.user-isarklassikvenues-pi1 .venuemap a.hidden { display: none;}

.press-area { position: relative;}
.press-area h1 {  margin-bottom:10px;}
.press-area h3 {  font-weight: bold;}
.press-area ul { list-style-type: none; padding:0; margin:10px 0 15px 0;}
.press-area ul li { list-style-type: none; padding:0; margin:0;}
.press-area .back { position: absolute; top: 7px; right: 10px;}
* html .press-area .back { right: 20px;}

.press-area-login { padding-bottom: 15px;}
.press-area-login form { margin-top: 15px;}
.press-area-login label { float:left; width:100px; text-align:right; margin-right: 10px;}
.press-area-login .input { background-image:url(../img/isar/search-no-border.jpg); border:1px solid #666666; margin-bottom: 5px; color:#888888; width:142px;}
.press-area form .form_submit { margin: 5px 0 0 112px; }
* html .press-area form .form_submit { margin: 5px 0 0 114px; }
*+html .press-area form .form_submit { margin: 5px 0 0 110px; }
.press-area form .form_submit a { background:url("../img/btn-submit.jpg") repeat scroll 0 0 transparent; display:block; height:22px; width:60px; }
.press-area form .form_submit a:hover { background:url("../img/btn-submit.jpg") 0 -22px;}


/*what the fuck ist das denn hier?! */

.col-1 .box {
	margin-top: 7px;
}

.isarklassik-venues .col-1 .box  ,
.isarklassik-event-list .col-1 .box  ,
.isarklassik-event-single  .col-1 .box  {
	margin-top: 0px;
}

.isarklassik-venues .col-1 .box  .box,
.isarklassik-event-list .col-1 .box   .box{
	margin-top: 7px;
}




.isarklassik-venues .box-outer .repeat .top,
.isarklassik-event-single .box-outer .repeat .top ,
.isarklassik-event-list .box-outer .repeat .top{
	width: 560px;
	height: 7px;
	background: url(../img/isar/box/top.jpg);
	overflow: hidden;
}

.isarklassik-venues .col-1 .box .repeat ,
.isarklassik-event-list .col-1 .box .repeat ,
.isarklassik-event-single  .col-1 .box .repeat {
  background: none;
}


.isarklassik-venues .col-1 .box .repeat .repeat,
.isarklassik-event-list .col-1 .box .repeat .repeat,
.isarklassik-event-single  .col-1 .box .repeat .repeat{
  background:url("../img/isar/box/repeat.jpg") repeat scroll 0 0 transparent;
  width:560px;
}

.tx-imxsubscrivetomailservice-pi1 { height: 250px;}


a{
color: #6c5627;
}

.header {
background:url("../img/isar/redesign/header_NEW.jpg") no-repeat scroll 0 0 transparent;
}

.navi {
background:url("../img/isar/redesign/navibgr_NEW.jpg") repeat scroll 0 0 transparent;
}


.navi li.act a {
color:#6c5627;
}


.navi li a:hover{
color: #9F9277;
}

.navi li.act a:hover{
color: #6c5627;

}