/* ------------------------------------------------
	reset css
-------------------------------------------------*/

/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, cite, var, address, { font-style: normal; }
th,h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */

/* ------------------------------------------------
	global
-------------------------------------------------*/



body 	{ color: #808080;
	  font:11px Arial, Verdana, sans-serif;
	  margin:0px;
	  padding:0px;
      	  background: #f7f7f7 url('../images/bg.png');	}

p	{ font:11px Arial, Verdana, sans-serif;
	  line-height:16px;	}

span	{ font:11px Arial, Verdana, sans-serif;
	  line-height:18px;	}

div	{ font:11px Arial, Verdana, sans-serif;
	  line-height:18px;	}

table, table p	{ font:11px Arial, Verdana, sans-serif;
	  	  line-height:18px;	}

tr, tr p	{ font:11px Arial, Verdana, sans-serif;
		  line-height:18px;	}

td, td p	{ font:11px Arial, Verdana, sans-serif;
		  line-height:18px;	}




h1 	{ margin-bottom: 0px;
	  text-align:center;
	  color: #872853;	
	  font: bold 43px Times New Roman, Times, serif;	}

h2 	{ margin-bottom: 0px;
	  text-align:center;
	  color:#000;
	  font: 25px Times New Roman, Times, serif;	}

h3 	{ margin:0px 0px 10px 0px;
	  padding:2px 11px;
	  color:#fff;
	  font: 12px arial, verdana, sans-serif;	}

	h3.small 	{ display:block;
				  width:156px;
				  height:16px;
				  background: #f7f7f7 url('../images/h3small.png');	}
	h3.medium 	{ display:block;
				  width:156px;
				  height:16px;
				  background: #f7f7f7 url('../images/h3medium.png');	}
	h3.large 	{ display:block;
				  width:354px;
				  height:16px;
				  background: #f7f7f7 url('../images/h3large.png');	}
	h3.xlarge 	{ display:block;
				  width:552px;
				  height:16px;
				  background: #f7f7f7 url('../images/h3xlarge.png');	}

h3 	{ font-weight:bold;	}

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

img	{ border: 0px solid; 	}



div#container	{ display:block;
		  width:997px;
		  height:auto;
		  margin:0px auto 0px auto;}
		  
/* ------------------------------------------------
	form
-------------------------------------------------*/	

	.label { width:60px;
		 display:block;
		 color: #333;
		 padding:0px 2px; }
			
	.textfield { 		}	
					 

	.btn { color:#716e6e;
	       text-align:center;
	       margin:5px 0px 0px 0px; }
					
/* ------------------------------------------------
	header
-------------------------------------------------*/

	div#logo	{ width:990px;
			  height:105px;
			  margin:0px;
			  padding:0px;
			  text-align:center; }
	


/* ------------------------------------------------
	menus
-------------------------------------------------*/


	div#menu	{ width:990px;
			  height:25px;
			  margin:9px 0px 0px 0px; 
			  padding:0px 0px 0px 0px; 
	 		  background: url(../images/menubg.png) no-repeat 0px 0px; }

	div#menu ul {  	margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			list-style:none;  }

	div#menu li { float:left;
      		      background:url('../images/menuleft.png') no-repeat left top;
      		      margin:0px;
      		      padding:0px; }
	
	div#menu a { display:block;
      		     padding:5px 15px;
      		     text-decoration:none;
		     line-height:20px;
      		     color:#fff;
	 	     font: bold 12px Arial, Verdana, sans-serif;
		     border:none;
      		     background:url('../images/menudivider.png') no-repeat right 2px; }

	div#menu a.active { color:#b2a9aa; }
	div#menu a:hover  { color:#b2a9aa; }



/* ------------------------------------------------
	main content
-------------------------------------------------*/


	div#maincontent	{ display:block;
			  width:991px;
		  	  margin:0px;
		  	  padding:0px 3px;
	 		  background: url(../images/mainbg.png) repeat-y;	}



	div.leftcol	{ float:left;
			  display:block;
			  width:602px;
			  margin:0px;
			  padding:0px 0px 0px 0px;
	 		  background: url(../images/topbg.png) repeat-x; }


		div.start	{ display:block;
				  width:603px;
				  height:308px;
				  margin:0px 0px 0px 0px;
				  padding:15px 0px 0px 0px;
	 			  background: url(../images/shadow.png) no-repeat center 181px;  }

		div.headings	{ display:block;
				  width:554px;
				  height:145px;
				  padding:0px 0px 0px 15px;
				  margin:0px 5px;}

  	   	div.headings blockquote { display: table;
					  width:554px;
					  height: 145px;
					  border:none;
					 *display: block;
					 *position: relative; }			 
						
	 	div.headings blockquote span { display: table-cell;
					       vertical-align: middle;
					      *display: block;
					      *position: absolute;
					      *left: 0px;
					      *width: 100%;
					      *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }
								   
			div.headings blockquote span span { display: inline;
							    vertical-align: baseline;
							    position: relative;
							    left: auto;
							    width: auto;
							    top:auto; }		
		div.pilar { clear:both;
			    display:block;
			    width:584px;
			    margin:0px;
			    padding:0px 0px 0px 15px;
			    text-align:center; }

			div.pil { display:inline;
					  text-decoration:none;
					  color:#618f23;
					  font:bold 12px arial, verdana, sans-serif; }
			
				div.pil a { display:inline-block;
						    width:178px;
						    height:71px;
						    margin:0px 5px;
					        padding:12px 0px 0px 0px;
					        text-decoration:none;
					        color:#618f23;
						    position:relative;
					        font:bold 15px arial, verdana, sans-serif; 
				 		    background: url(../images/pilbtn.png) no-repeat 0px 0px;}

		div.starttext { clear:both;
				display:block;
				width:539px;
				margin:0px;
				padding:0px 45px 0px 15px; }

			div.starttext p { padding:15px 0px;
					  color:#000;
					  font:15px arial, verdana, sans-serif; }

		div.startleft { float:left;
						display:block;
						width:182px;
						margin:30px 10px 0px 10px;
						padding:0px 0px 0px 0px; }

			div.startleft h3.small { margin:0px 0px 0px 2px; }

			div.startleft p { padding:10px 10px 5px 10px; }
			div.startleft p strong{ font:bold 12px arial, verdana, sans-serif; }
	
		div.startright { float:left;
						 display:block;
						 width:366px;
						 margin:30px 0px 0px 0px;
						 padding:0px 0px 0px 0px; }
		
			div.startright p  { margin:0px 0px 10px 0px; }
	
			div.newsitem { display:block;
					       width:376px;
					       margin:10px 0px;
					       padding:0px 0px 0px 0px; }
		
				div.newsitem h2 { padding:0px 0px 2px 0px;
								  text-align:left;
								  color:#000;
								  font: bold 15px arial, verdana, sans-serif; }
			
				div.newsitem span { float:left;
								    display:block;
								    color:#808080;
								    font: 11px arial, verdana, sans-serif; }
	
				div.newsitem span.newsdate { padding:0px 10px 0px 0px;
										     letter-spacing:0.5px;
										     color:#808080;
							 			     font: 11px arial, verdana, sans-serif;
		    	  	    				     background: url(../images/footerdivider.png) no-repeat right 0px; }
		
				div.newsitem span.newscity { padding:0px 0px 0px 10px;	
										     letter-spacing:0.5px;
										     text-transform:uppercase; }
	
				div.newsitem p { clear:both;
								 padding:10px 0px 0px 0px; }
	
	
	div.rightcol	{ float:left;
					  display:block;
					  width:389px;
					  margin:0px 0px 0px 0px;
					  padding:10px 0px 0px 0px;
	 				  background: url(../images/topbg.png) repeat-x; }
		    

		div.video	{ display:block;
					  width:387px;
					  height:334px;
					  margin:0px 0px 0px -59px;
					  padding:0px 0px 9px 60px;
		 			  background: url(../images/videoshadow.png) no-repeat right bottom; }


	
		div.ifokus	{ display:block;
					  width:377px;
					  margin:0px;
					  padding:20px 0px 20px 0px; }

				div.ifokusimg { float:left;
						display:block;
						margin:0px;
						padding:0px; }

					div.ifokusimg img { width:176px;
							    height:117px;
							    margin:0px;
							    padding:0px 15px 0px 0px; }

				div.ifokus h2 { padding:0px 0px 2px 0px;
						text-align:left;
						color:#000;
						font: bold 15px arial, verdana, sans-serif; }

/* ------------------------------------------------
	pages
-------------------------------------------------*/


		div.startpage	{ display:block;
				  width:602px;
				  margin:0px 0px 0px 0px;
				  padding:0px 0px 0px 0px;
	 			  background: url(../images/shadow.png) no-repeat center 146px;  }

		div.artistlogo	{ display:block;
				  width:602px;
				  height:323px;
				  margin:0px 0px -160px 0px;
				  padding:0px 0px 0px 0px;  }

		div.artisttext	{ display:block;
				  width:302px;
				  height:123px;
				  margin:0px 0px 0px 0px;
				  padding:0px 0px 0px 55px;  }

			div.artisttext p { line-height:22px !important;
					   color:#565656;
					   font:15px arial, verdana, sans-serif;  }



			p.large { font: bold 15px arial, verdana, sans-serif; }


		div.boka { display:block;
			   width:380px;
			   margin:0px 0px 0px 0px;
			   padding:0px 0px 0px 0px; }

			div.boka h3 { margin:0px;}

			div.boka ul { margin:0px 0px 10px -2px;
				      padding:0px; }
	
				div.boka ul li { display:block;
					         width:360px;
					         height:40px;
					         margin:0px;
					         padding:14px 0px 0px 20px;
						 color:#575757;
						 font:22px arial, verdana, sans-serif;
	 				         background: url(../images/bokabg.png) no-repeat 0px 0px; }

				div.boka ul li.bokatop { background: url(../images/bokabgtop.png) no-repeat 0px 0px; }

				div.boka ul li a { text-decoration:none;
						   color:#575757;
						   font:22px arial, verdana, sans-serif; }


				div.ref { display:block;
					  width:360px;
					  margin:0px;
					  padding:10px;
	 				  background: url(../images/refbg.png) repeat-y; }

					div.reftop { display:block;
						     width:380px;
						     height:144px;
						     margin:-10px 0px -130px -10px;
						     padding:0px;
	 					     background: url(../images/reftop.png) no-repeat 0px 0px; }

					div.ref h2  { margin:5px 150px 10px 0px;
						      position:relative;
						      z-index:60;
						      text-align:left;
						      color:#872853;
						      font:bold 15px arial, verdana, sans-serif; }
					div.ref p  { position:relative;
						     z-index:55;
						     line-height:18px !important;
						     color:#808080;
						     font:11px arial, verdana, sans-serif; }
					div.ref img  { position:relative;
						       z-index:62; }

					p.refpers  { margin:2px 0px 15px 0px;
						     color:#474747;
						     font:bold italic 12px arial, verdana, sans-serif; }

					div.refbottom { display:block;
						        width:380px;
						        height:144px;
						        margin:-144px 0px 0px 0px;
						        padding:0px;
						
							z-index:50;
	 					        background: url(../images/refbottom.png) no-repeat 0px 0px; }


	div.starttextpage { clear:both;
			    display:block;
		 	    width:569px;
			    margin:15px 0px 0px 0px;
			    padding:0px 15px 0px 15px;
			    text-align:center; }

		div.starttextpage p { line-height:18px !important;
				      padding:15px 0px;
				      color:#565656;
				      font:15px arial, verdana, sans-serif; }


	div.page { clear:both;
		   display:block;
		   width:562px;
		   margin:15px 0px 0px 15px;
		   padding:0px; }

		div.page h2 { margin:10px 0px 2px 0px;
			      padding:0px;
			      text-align:left;
			      color:#000;
			      font:bold 15px arial, verdana, sans-serif; }

		div.page p { margin:0px 0px 10px 0px;
			     padding:0px; }



		div.quote { float:left;
			    display:block;
			    width:240px;
			    margin:0px 0px 0px 0px;
			    padding:0px 0px 0px 35px;}

			div.quote h2 { color:#872853; }
			div.quote p { color:#474747;
			  	       font:bold italic 12px arial, verdana, sans-serif;  }


		div.team { clear:both;
			   display:block;
			   width:360px;
			   margin:0px;
			   padding:0px; }

			div.team h2 { display:inline;
				      margin:0px;
				      padding:0px 3px 0px 0px; }
			div.team p { display:inline;
				     font-weight:bold;}

			div.teamimg { float:left;
				      display:block;
				      width:98px;
				      margin:10px 0px 10px 0px; }

			div.teamtext{ float:left;
				      display:block;
				      width:240px;
				      margin:10px 0px 10px 10px; }

			div.teamtext p { display:block;
				         padding:0px 0px 5px 0px;
					 font-weight:normal; }
			

		div.team { clear:both;
			   display:block;
			   width:360px;
			   margin:0px;
			   padding:0px; }



		div.referens { clear:both;
			       display:block;
			       width:575px;
			       margin:0px 0px 10px 0px;
			       padding:0px; }

			div.referensimg { float:left;
					  display:block;
					  width:170px;
					  margin:0px;
					  padding:0px;
					  text-align:center; }

			div.referenstext { float:left;
					   display:block;
					   width:400px;
					   margin:0px;
					   padding:0px; }



		div.foretag { clear:both;
			      display:block;
			      margin:0px;
			      padding:0px;
			      position:relative;
			      z-index:170; }

			div.foretag ul { float:left;
					 display:block;
					 width:120px; }
/* ------------------------------------------------
	drawers
-------------------------------------------------*/

	div.minut { display:block;
			    width:182px;
			    margin:10px 0px 0px 0px;
			    padding:0px 0px 50px 0px;
		 	    background: url(../images/minutbg.png) repeat-y; }

		div.minuttop { display:block;
			       width:182px;
			       height:7px;
			       margin:0px 0px -7px 0px;
			       padding:0px;
	 		       background: url(../images/minuttop.png) no-repeat 0px 0px; }

		div.minutbottom { display:block;
			          width:182px;
			          height:7px;
			          margin:0px;
			          padding:0px;
	 		          background: url(../images/minutbottom.png) no-repeat 0px 0px; }

        .drawers-wrapper {
            position: relative;
            width: 182px;
            
        }

        .drawer {
            background:transparent url(../images/capbg.png) repeat-y scroll 0pt;
            color:#76797C;
            font-size:11px;
            line-height:1.3em;
        }

        .boxcap {
            height:5px;
            left:0pt;
            position:absolute;
            width:100%;
            z-index:100;
            background:transparent url(../images/capbottom.png) no-repeat scroll 0%;
            margin-top:-5px;
        }

        .captop {
            background-image:url(../images/captop.png);
            bottom:auto;
            top:0pt;
            margin-top:0;
        }

        .drawers {
            margin-bottom:15px;
            color:#76797C;
            font-size:11px;
            line-height: 18px;
        }

        .drawers A {
            color:#666666;
            text-decoration:none;
            font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
            font-size-adjust:none;
            font-style:normal;
            font-variant:normal;
            font-weight:normal;
        }

        .drawer li {
            border-bottom:1px solid #E5E5E5;
            line-height:16px;
            padding:6px 0pt;
        }

		div.minutdrawer { background: url(../images/minutshadow.png) no-repeat 2px 0px; }
		
        UL {
            list-style: none;
            padding: 0;
        }

        UL.drawers {
            margin: 0;
        }
		
        .drawer-handle {
            background:#fff url(../images/sliderhandle.png) no-repeat scroll 0pt;
            color:#646464;
            cursor:default;
            font:bold 12px arial, verdana, sans-serif;
            height:42px;
            line-height:42px;
            margin-bottom:0pt;
            text-indent:15px;
            width:100%;
			text-align:left;
        }

        .drawer-handle.open {
            background-color:#fff;
            background-position:-182px 0pt;
            color:#646464;
        }

        .drawer UL {
            padding: 0 12px;
            padding-bottom:0pt;
        }

        .drawer-content UL {
            padding-top: 7px;
        }

        .drawer-content LI A {
            display:block;
            overflow:hidden;
        }

        .alldownloads li {
            border:0pt none;
            line-height:18px;
            padding:0pt;
        }
        .drawers p { padding:0px 10px;
		     color:#808080;
		     font:11px arial, verdana, sans-serif; }

/* ------------------------------------------------
	slider
-------------------------------------------------*/



		div.scroll {
			width: 987px;
			height: 168px;
			overflow: hidden;
			color: #fff;
			padding:8px 0px 0px 10px;
	 		background: url(../images/scrollbg.png) no-repeat 0px 0px; 
		}
		div.scroller {
			margin:0px 0px 10px 0px;
		}
		div#sliderDiv {
			padding:0px 10px;
		}



/* ------------------------------------------------
	footer
-------------------------------------------------*/

#footer { width:997px;
	  height:188px;	
	  padding:0px;
	  margin:0px auto;
	  clear:both;
	  display:block;
	  margin:0px auto;
	  padding:30px 0px 0px 0px;
	  text-align:center;
	  background: url(../images/footerbg.png) no-repeat 0px 0px;  	}


	#footer p { clear:both;
		    padding:0px 0px 0px 15px;
		    color:#808080; 
		    font: 13px arial, verdana, sans-serif;}
	#footer a { text-decoration:none;
		    color:#808080; 
		    font: 12px arial, verdana, sans-serif; }

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


	#footer ul { margin:0px auto;
		     list-style:none; }

	#footer li { display:inline;
	      	     margin:0px;
    	  	     padding:0px 10px;
		     color:#808080; 
    	  	     background: url(../images/footerdivider.png) no-repeat right 0px; }

	#footer li.last { background: none; }





	
/* ------------------------------------------------
	slider
-------------------------------------------------*/


	
/* ------------------------------------------------
	misc
-------------------------------------------------*/







.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* for understanding browsers */
.hojd {
	min-height:365px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 365px;
}


/* for understanding browsers */
.contenthojd {
	min-height:301px; 
	height:auto;
}
/* for Internet Explorer */

* html .contenthojd {
	height: 301px;
}

/* for understanding browsers */
.contenthojd2 {
	min-height:341px; 
	height:auto;
}
/* for Internet Explorer */

* html .contenthojd2 {
	height: 341px;
}



/* for understanding browsers */
.minuthojd {
	min-height:377px; 
	height:auto;
}
/* for Internet Explorer */

* html .minuthojd {
	height: 377px;
}



form {
margin: 0px;
padding: 0px;

}


.newsitem a {
color: #000;
}