/* @override http://kanthak.eyelabel.net/fileadmin/res/css/screen.css */

/* @override http://localhost:8888/kanthak/fileadmin/res/css/screen.css */

/* Kanthak Kuenstlermanagment  */
/* css by kurvenfei.de */

/* @group meyerreset */

/* Global Reset ala Eric Meyer */
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, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
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-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*Ende Global Reset*/

/* @end */

/* @group Global Styles */

body { font-family: Verdana, Arial, sans-serif; font-size: 11px;background: #fff url(../img/body_bg.gif) repeat-x 0 440px; line-height: 1.5; text-align: center; }

#wrap { width: 950px; margin: -1px auto 0 auto; background: #fff url(../img/bg_dummy.jpg) no-repeat right 20px; border-top: 1px solid #fff ; zoom: 1; padding-top: 65px; text-align: left; }

a { text-decoration: none; }



/* @end */

/* @group Header */

#header {width:  100%; position:  relative; height:  120px; background: #5e504b;  line-height: 1; margin-top: 20px; z-index: 2;  }
/**html #header {margin-top: 440px ;}*/
/**+html #header {margin-top: 440px; };*/

#header h1 a { display: block; height: 86px; width: 249px ; background: url(../img/logo.gif) no-repeat; text-indent: -555em; position: absolute; bottom: 8px; left: 0; }

#header h2#art_name { font-size: 36px; color: #fff; position: absolute; right: 0; bottom: 8px; text-transform: lowercase; width: 500px; text-align: right;  }

/* @end */

/* @group Navi */
#nav { margin-left: 70px; }

#nav a { color: #fff; font-size: 14px;  display: block; padding: 0px 70px 0px 0; }
	#nav a:hover { color: #000; } /* #fff200 */

#nav li { list-style: none; float: left; position: relative; }
	#nav li:hover { cursor: pointer; }
	
#nav li:hover ul { visibility: visible; z-index: 2; }
* html #nav ul ul { margin-bottom: -1px; }

#nav li li { float: none;   }
#nav li li a { padding: 3px 5px 3px 7px; background: #5e504b; border-bottom: 1px solid #fff; width: 160px; font-size: 10px; text-transform: uppercase; font-family: Arial, sans-serif; letter-spacing: 1px; }
*+html #nav li li a { margin-bottom: 0;} 
*html #nav li li a {margin-bottom: 0;}


#nav ul ul { visibility: hidden; position: absolute; bottom: 28px; left: -7px;  }

.lev1 { z-index: 5; postion: relative;}


/** FELIX PATCH OVERRIDE: BEGIN **/




/** FELIX PATCH OVERRIDE: END **/


/*#nav ul a:hover ul { display: block; }*/

.hidden { visibility:hidden; }


/* @end */

/* @group Content */

#cont { width: 350px;  height: 355px; overflow: auto;  background: #fff;}
#cont_wrap { margin-left: 70px; position: relative; }

	#cont h2 { font-size: 14px;  text-transform: uppercase; padding-bottom: 1em; }
	#cont a { color: #5e504b; font-weight: bold; text-decoration: none; }
		#cont a:hover { color: #000; text-decoration: underline; }
	#cont p { margin-bottom:2em; }


.cont_img a { height: 80px; display: block; float: left; padding: 0 5px 5px 0; }
	.cont_img img { border: 1px solid #999;  }
	
#cont .csc-header { /*margin: 0 0 1em 0;*/ font-size: 14px; }

/*#page_17*/ #cont .csc-header { margin: 0 0 0.3em 0; }
/*#page_17 #cont .csc-subheader { margin-bottom: 0.2em; font-size: 0.8em; } */

#cont .rgmediaimages-player  { margin: 0px 0 15px 0px; }
#cont .rgmediaimages-player embed { margin: -10px 0 15px 0px; }

#teaser { width: 500px;  height: 410px; overflow: hidden;  position: absolute; left: 360px; top: -55px; padding: 0; margin: 0; }

/* @end */

/* @group booking */

#booking {  }

#booking fieldset { margin: 1em 0; width: 99%; }
#booking legend { font-size: 14px; font-weight: light; }
#booking label { display: block; font-size: 10px; padding-bottom: 2px;}
#booking textarea { height:5em; }
	
	*html legend { margin-left: -6px; }
	*+html legend { margin-left: -6px; }

#booking .wid { width: 100%; }

#booking .daten p { float: left; width: 48%; padding-right: 1%; }
#booking .radio	{  width: 60%; float: left; padding-top: 0.5em; }
	#booking .radio label { display: inline; padding-left: 3px; }
	#booking .radio input { margin-left: 0; padding-left: 0; vertical-align: middle; }


/* @end */

/* @group Footer */

#footer { font-size: 11px; margin: 1em 0 1em 70px; }
	
	#footer p { margin-bottom: 1em; line-height: 1.5;  }
	#footer a { color: #000; }
	#footer a[href^="mailto"] { color: #5e504b; }
	#footer a:hover { text-decoration: underline; }

/* @end */

/* @group Misc */

/* Clearing Floats ohne extra html */
.clear:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
    }
	
   .clear {display: inline-block;} /* inline-block ist valides css2.1 */

    /* Hides from IE Mac \*/
    * html .clear {height: 1%;}
       .clear {display:block;}
    /* End Hack */


/* @end */



div.csc-textpic {
	clear: both;
	display: block;
}