/* Basic Stylesheet for www.kite-magazin.de */
/* author: www.ideenwerft.com */
/* layout header + 3-spaltig in box */

/* Farben: rot #993300 / blau #333399 */

* {padding:0px;margin:0px;}
img {border:0;}
html[xmlns^="http"] {
}
.hidden { /* für screenreader links */
position: absolute;
left: -10000px;
}

.hide { display: none; }

html {height:100%;}  /* für maximale Höhe des Rahmens */
* html body {height:100%;} /* für maximale Höhe des Rahmens */
body {
font-size: 75%; /* setzt Standardschriftgröße auf 11px */
font-family: arial, Sans-Serif;
color:#333333;
text-align:center;
overflow: -moz-scrollbars-vertical; /* für inaktiven scrollbalken bei mozilla */
padding-top:3px;
}
#rahmen {
width: 925px;
margin: 0 auto;
text-align:left;
backgr ound: url(../layout/header-22.jpg) no-repeat;
background-color:#FFFFFF;
background-position: 5px 22px;
padding-bottom: 10px;
}
body.college #rahmen {background: #fff url(../layout/header-22.jpg) 5px 22px no-repeat;} /* naish */
body.college #left p {color:#666666;}
#top {
float:left;
width:100%;
height:235px;
padding: 0px;
margin: 0px;
}
#static {height: 15px;}
#logo {
float:left;
width:270px;
height:150px;
margin-left:20px;
}
a#home_link {
display:block;
width:270px;
height:150px;
}
a.toplink {
display:block;
float:right;
width:550px;
height:200px;
}
#navi {
clear:both;
height:33px;
padding-left: 30px;
position:relative;
}
#main {
position:relative;
margin-top: 5px;
}
#left {
float:left;
width: 171px; /* nur IE 5.x */
width/**/:/**/ 160px; /* alle anderen */
min-height:300px;
/*_height: 350px; /* ie hack */
padding-left:10px;
}
#content {
float:left;
width: 568px; /* nur IE 5.x */
width/**/:/**/ 550px; /* alle anderen */
padding-left: 15px;
}

#right {
width: 175px; /* nur IE 5.x */
width/**/:/**/ 153px; /* alle anderen */
min-height:500px;
/*_height: 550px; /* ie hack */
float:right;
display:inline;
background: url(../layout/right.jpg) no-repeat;
padding: 5px 10px 0 10px;
}
#gecko {
clear:both;
width: 930px;
margin: 10px auto;
height:25px;
padding-top: 0px;
padding-right:3px;
}

/* *** static******************************/
#static {
font-size:1em;
padding-top:2px;
color:#CCCCCC;
font-weight:bold;
}
#static ul {
float:right;
}
#static ul li {
display:inline;
list-style:none;
padding-left:13px;
}
#static ul li a, #static ul li a:visited {
text-decoration: none;
color:#CCCCCC;
}
#static ul li a:hover {
text-decoration: underline;
color:#999999;
}

/* *** navi ****************************/
#navi {
font-size: 1.25em;
font-weight:bold;
font-family:  courier new, arial, sans-serif;
}
#navi ul {
list-style:none;
}
#navi ul li {
float:left;
margin-right: 18px;
display:inline; /* wg doppeltem margin IE bug */
}
#navi a {
padding: 3px;
}
#navi, #navi a, #navi a:visited {
text-decoration:none;
color:#333333;
}
#navi a:hover {
text-decoration: underline;
color: #333399;
background-color: #F3F3F3;
}
#navi ul li.current a {
text-decoration: underline;
color: #993300;
background-color: #F3F3F3;
}


/* *** left startseite ******************************/
#left h2 {
font-size:1.5em;
font-family: courier new, arial, sans-serif;
padding:5px 0px 0px 0px;
color: #333399;
}
#left h2 a:link, #left h2 a:visited {
text-decoration:none;
color: #333399;
}
#left h2 a:hover {
text-decoration:underline;
color: #993300;
}

#left h3 {
padding:3px 0px 0px 0px;
font-size:1em;
}
#left h3 a:link, #left h3 a:visited {
text-decoration:none;
color: #333333;
}
#left h3 a:hover {
text-decoration:underline;
color: #0099FF;
}
#left h4 {
font-size: 0.8em;
color: #999;
}
#left p {
margin-bottom: 3px;
}
/* für Newsbox */
#left SPAN.more {
padding-left: 10px;
font-size: 0.9em;
}
#left ul.csc-menu {
list-style:none;
margin-bottom: 15px;
}

#left ul.csc-menu li a:link, #left ul.csc-menu li a:visited {
padding:5px 0px 0px 0px;
font-size:1em;
font-weight:bold;
text-decoration:none;
color: #333333;
}
#left ul.csc-menu li a:hover {
text-decoration:underline;
color: #0099FF;
}

/* *** left mit subnavi ******************************/
ul#subnavi {
padding:6px 0px 0 0px;
list-style:none;
margin-left: -2px;
margin-bottom: 15px;
}
ul#subnavi li {
padding:5px 0 4px 5px;
margin-bottom:0px;
font-size:1.1em;
border-bottom: 1px dotted #CCCCCC;
width:150px;
}
ul#subnavi li.current, ul#subnavi li.current1 {
font-weight: bold;
background-color: #EAEAEA;
}
ul#subnavi li.current1 {
border-top: 1px dotted #CCCCCC;
}
ul#subnavi li:hover {
background-color: #F3F3F3;
}
ul#subnavi a, ul#subnavi a:visited {
text-decoration:none;
color:#333333;
}
ul#subnavi a:hover {
text-decoration:underline;
background-color: #F3F3F3;
}

/* =RSS Feed +++++++ */
a#rss {display:block;margin:10px 0;text-decoration:none;color:#666666;font-size:0.9em;font-weight:bold;}
a#rss img {padding:2px 4px 0 0;}


/* *** content ******************************/
#content p {
margin: 5px 15px 7px 1px;
}
#content h1, #content h2, #content h3, #content h4 {
font-weight:bold;
}
#content h1, #content h2 {
font-family: courier new, arial, sans-serif;
}
#content h1 {
padding:6px 10px 7px 0px;
font-size:1.7em;
}
#content h2 {
padding:0px 0px 0px 0px;
font-size:1.4em;
}
#content h3 {
padding:8px 10px 0px 0px;
font-size:1.2em;
border-bottom: 1px dashed #CCCCCC;
}
#content h3 a:link, #content h3 a:visited {
text-decoration:none;
color: #CC6633;
}
#content h3 a:hover {
text-decoration:underline;
color: #993300;
}
#content h4 {
padding:3px 10px 0px 0px;
font-size:1.2em;
}
#content h4 a:link, #content h4 a:visited {
text-decoration:none;
color: #CC6633;
}
#content h4 a:hover {
text-decoration:underline;
color: #993300;
}
#content ul {
margin-top: 5px;
margin-bottom:0;
list-style-type: square;
list-style-position:inside;
}
#content ul li {
padding-bottom:3px;
}
#content DIV.linie-davor, #content DIV.linie-danach {
background-color:#CCCCCC; /* Mozilla 1.4 */
color:#EAEAEA; /* IE 6 */
border: #EAEAEA; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
width:100%;
margin:5px auto;
}
#content a:link, #content a:visited {
color: #333399;
}
#content a:hover {
text-decoration: underline;
background-color: #FFEAD5;
}
#content table.contenttable p {
margin: 0;
padding: 0;
}
#content hr {
clear:both;
}
/* *** rahmen ******************************/
#content DIV.csc-frame-frame1 {
clear:both;
width:99%;
margin: 5px 0px 10px 0px;
border:1px solid #CCCCCC;
padding-bottom: 10px;
}
#content DIV.csc-frame-frame1 h4 {
margin: 5px 0 8px 10px;
}
#content DIV.csc-frame-frame1 p {
margin-left: 10px;
}
#content ol {
margin-left: 30px;
}

/* *** pdf downloads ******************************/
#content td.csc-uploads-fileName a {
padding-left: 22px;
background: url(../layout/pdf.gif) no-repeat;
}

/* *** sitemap mit inhaltsangabe ******************************/
#content dl.csc-menu-4 dt {
font-weight: bold;
font-size: 1.1em;
margin-bottom: 3px;
}
#content dl.csc-menu-4 dd {
margin-bottom: 7px;
}
#content dl.csc-menu-4 dt a:link, #content dl.csc-menu-4 dt a:visited {
text-decoration:none;
color: #CC6633;
}
#content dl.csc-menu-4 dt a:hover {
text-decoration:underline;
color: #993300;
}


/* *** right ******************************/
#right h2 {
font-family: courier new, arial, sans-serif;
font-size: 1.4em;
margin-top: 5px;
padding-left: 3px;
}
#right h3 {
padding:2px 10px 0px 3px;
font-size:1.1em;
color: #333399;
}
#right h4 {
font-size: 0.8em;
color: #999;
}
#right p {
padding-left: 3px;
}
#right a:link, #right a:visited {
font-weight: bold;
color: #333399;
text-decoration: none;
}
#right a:hover {
color: #993300;
text-decoration: underline;
}
#right img {
margin-left: 4px;
margin-top: 3px;
}

#right DIV.csc-frame-frame1 {
background:#FFCC33;
padding: 3px 4px 4px;
margin-top: 5px;
}
#right DIV.csc-frame-frame1 h2 {
font-size: 1.25em;
}

/* banner */
div.bannerRight {margin-top:20px;margin-left:-10px;}
div.bannerRight h4 {
font-weight: normal;
margin: 3px 3px 3px 10px;
}

/* *** Formular Formatierung *********************/

DIV#newsletterForm p {
width:420px;
clear:both;
text-align:left;
padding:0 0 5px 10px;
}
DIV#newsletterForm p label {
float:left;
}
DIV#newsletterForm p input, DIV#newsletterForm p textarea, DIV#newsletterForm p select {
margin-right:5px;
font-size:10px;
}
DIV#newsletterForm p textarea {font-size:1.2em;}
span.error {
color:red;
font-weight:bold;
}
form input:focus, form textarea:focus { background-color : #DDE6EE;}

/* *** NEWSLETTER - SEITEN ***************/
DIV#newsletterForm {
border:1px solid #EAEAEA;
width:520px;
padding:5px 10px;
}
DIV#newsletterForm p label {
width: 90px;
}

/* *** tt_news ******************************/
DIV#news {
margin-top: 15px;
}
DIV#newsDate {
width: 50px;
float:right;
padding-right: 7px;
font-size: 0.9em;
font-style:italic;
color: #666666;
}
#news h1 {
font-size: 1.2em;
padding:6px 10px 0px 0px;
color: #993300;
}
#news h2 {
float:left;
padding:0px 0px 0px 0px;
font-size:1em;
width:450px;
font-family: arial, sans-serif;
color: #999999;
}
#news hr {
clear:both;
background-color:#CCCCCC; /* Mozilla 1.4 */
color:#CCCCCC; /* IE 6 */
border: #CCCCCC; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
width:100%;
margin:0px auto;
}

/* ***** FORMULARE TMail******** */
SPAN.error {
color:red;
font-weight:bold;
}
DIV.kontaktForm {
margin-top:20px;
}
DIV.bestellung {
margin-top: 5px;
}
DIV.kontaktForm hr {
clear:both;
background-color:#CCCCCC; /* Mozilla 1.4 */
color:#CCCCCC; /* IE 6 */
border: #CCCCCC; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
width:100%;
margin:10px auto 15px;
}
DIV.kontaktForm form {
padding-top: 5px;
}
DIV.kontaktForm form p {
width:560px;
clear:both;
text-align:left;
padding:0 0 3px 1px;
}
DIV.kontaktForm form p label  {
float:left;
width:115px;
}
DIV.kontaktForm form p input, DIV.kontaktForm form p textarea, DIV.kontaktForm form p select {
margin-left: 5px;
font-size:1.1em;
}
DIV.kontaktForm form p textarea {
font-size:1.2em;
}
DIV.kontaktForm form input:focus, DIV.kontaktForm form textarea:focus {
background-color : #F0F0F9;
}
DIV.kontaktForm input.submit {
padding:2px;
font-size: 1.1em;
}
DIV.kontaktForm form p.empfSelect {
width:470px;
border: 1px solid #ccc;
background:#efefef;
padding: 10px 10px;
}

/* für CAPTCHA sr_freecap *** */
DIV.tmail-captcha {
width:500px;
}
DIV.tmail-captcha img {
float:right;
border: 1px solid #666666;
}
.tx-srfreecap-pi2-image { margin-left: 1em; }
.tx-srfreecap-pi2-cant-read {color:#993300; }
.tx-srfreecap-pi2-cant-read a:link { background-color:transparent; font-weight:bold; text-decoration:none; }

/* für Standard TYPO3 Mailform *** */
fieldset.csc-mailform {
padding: 5px 0 0;
border: none;
width:450px;
}
DIV.csc-mailform-field {
float:left;
disp lay:inline;
cle ar:both;
text-align:left;
margin:0 0 10px 0px;
}
DIV.csc-mailform-field label {
float:left;
clear:both;
width:100px;
font-weight:bold;
margin-right: 10px;
}

DIV.csc-mailform-field input.csc-mailform-submit {
margin-top: 10px;
}
input:focus, textarea:focus { background-color : #F0F0F9;}
input.csc-mailform-submit {
padding:2px;
font-size: 0.9em;
}

/* =jQuery Tools ====================== */
#keyvisual {position:relative;height:150px;margin-bottom:10px;}
#keyvisual img {position:absolute;top:0;left:0;}



/* ***** GECKO ********/
#gecko a.gecko_link {
float:right;
height: 21px;
width: 150px;
margin-left: 5px;
display: block;
color:#666;
text-decoration:none;
}
#gecko a.gecko_link:hover {
color:#c00;
}

/* default styles for extension "tx_cssstyledcontent" */
	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }
	
	         /* ******* NACHTRAG ZUR IMAGE CAPTION ****** */
	dd.csc-textpic-caption {
         text-align:right;
         font-size:0.9em;
         color:#999999;
         margin:0;
         padding:0;
     
     }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG, DIV.csc-textpic-border DIV.csc-textpic-single-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; background-color:#FFFFFF;}

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; vertical-align:bottom; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 10px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }
	DIV.csc-textpic DIV.csc-textpic-single-image IMG { margin-bottom: 10px; }

	/* IE7 hack for margin between image rows */	
	*+html DIV.csc-textpic DIV.csc-textpic-imagerow .csc-textpic-image { margin-bottom: 0; }
	*+html DIV.csc-textpic DIV.csc-textpic-imagerow { margin-bottom: 10px; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text,
	* html .csc-textpic-intext-left ol,
	* html .csc-textpic-intext-left ul { height: 1%; }
	/* End hide from IE5/mac */
	
	DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }

	/* Browser fixes: */

	/* Fix for unordered and ordered list with image "In text, left" */
	.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {padding-left: 40px; overflow: auto; }
	
/* =JQUERY FANCYBOX ======================== */

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('img/fancy_progress.png') no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('img/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('img/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('img/fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('img/fancy_shadow_n.png') repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('img/fancy_shadow_ne.png') no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('img/fancy_shadow_e.png') repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('img/fancy_shadow_se.png') no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('img/fancy_shadow_s.png') repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('img/fancy_shadow_sw.png') no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('img/fancy_shadow_w.png') repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('img/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('img/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('img/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('img/fancy_title_right.png') repeat-x;
}