/* ###############################################################  */
/* ############# Ilmenauer Messiaen Festival           ###########  */
/* ############# by Jürgen Mummert (juergen@mummi.net) ###########  */
/* ############# & Kristin Riedel                      ###########  */
/* ###############################################################  */

/* ###############################################################  */
/* #############           global elements             ###########  */
/* ###############################################################  */


body {
    background:url(../layouts/images/bg.jpg) repeat-x #1b3d57;
	color: #CCCCCC;
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt}

a:link {
	color: #FFFFFF;
	text-decoration:none
}
a:visited {
	color: #FFFFFF;
	text-decoration:none
}
a:hover {
	color: #FCBF00;
	text-decoration:none
}
a:active {
	color: #FFFFFF;
	text-decoration:none
}	

/* ###############################################################  */
/* #############           header & menu               ###########  */
/* ###############################################################  */


#header {
	background: url(../layouts/images/Layout_03_03.png) no-repeat;
	height: 150px;
	width: 850px;
	margin: 0 auto;
	}

.menu {
	height: 34px;
	width: 850px;
	padding-left:7px;
	margin: 20px auto 0px; }

/* for IE7 */	
*:first-child+html .menu {
	margin: 5px auto 0px;
	height: 34px }

.dekoleiste {
	background: url(../layouts/images/Layout_03_04.png);
	height: 7px;
	width: 850px;
	margin: 0 auto;
	}

/* for IE6 */
* html .dekoleiste {
	font-size:1px;

/* for IE7 */}
*:first-child+html  .dekoleiste {
	font-size:1px;
	margin-top: 5px;
	}


/* ###############################################################  */
/* ############# Start of Dropdown Menu (from CSS Play) ##########  */
/* ############################################################### 
   The original version of this stylesheet and the associated (x)html
   is available at http://www.cssplay.co.uk/menus/final_drop.html
   Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
   This stylesheet and the associated (x)html may be modified in any 
   way to fit your requirements.
/* ###############################################################  */


/* remove all from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu li {float:left;position:relative; z-index:100}
/* style for the top level */
.menu a, .menu a:visited {display:block; text-decoration:none; padding:9px; text-align:left; overflow:hidden; color:#fff}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#ddd; color:#000;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#a42c35  url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#a42c35  url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#ddd;}
/* style the third level hover */
.menu ul ul ul a:hover {background: url(../layouts/images/menubg.jpg)}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {font-size:9pt;visibility:hidden;position:absolute;height:0;top:32px;left:0; width:149px}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}
/* position the third level flyout menu */
.menu ul ul ul{left:129px; top:-5px; width:149px;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-129px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#ddd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-bottom: 1px solid black; }
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background: url(../layouts/images/menubg.jpg)}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background: url(../layouts/images/menubg.jpg)}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/* ###############################################################  */
/* ############# End of Dropdown Menu ############################  */
/* ###############################################################  */



/* ###############################################################  */
/* ############# Sub Menu 2nd layer   ############################  */
/* ###############################################################  */

/* style for the top 2nd-level menu */
.submenu {font-size:7pt; padding:0px;white-space:nowrap}
.submenu ul, .subsubmenu ul {padding:0;margin:0;list-style-type:none; z-index:50}
.submenu li, .subsubmenu li {float:right;position:relative; z-index:50}

/* style for the top 3rd-level menu */
.submenu a, .submenu  a:visited {display:block; text-decoration:none; padding:4px 7px 4px 7px; text-align:center; overflow:hidden; color:#fff}
.subsubmenu {clear:right;float:right; font-size:9pt; padding:0px;margin:2px 0px 10px 0px; white-space:nowrap}
.subsubmenu a, .subsubmenu  a:visited {display:block; text-decoration:none; padding:4px 7px 4px 7px; text-align:center; overflow:hidden; color:#000000; font-weight:normal}
.submenu a:hover, .submenu ul ul a:hover{color:#fff; background: url(../layouts/images/menubg.jpg)}
.subsubmenu a:hover, .subsubmenu ul ul a:hover{color:#fff; background: url(../layouts/images/menubg.jpg); font-weight:normal }

/* for IE 7.0 */	
*:first-child+html .subsubmenu {clear:right;float:right; font-size:9pt; padding:0px;margin:2px 0px 10px 0px; white-space:nowrap}

/* for IE 6.0 */	
* html .subsubmenu {float:right; font-size:9pt; padding:0px;margin:2px 0px 10px 0px; white-space:nowrap}


.active {color:#fff; background: url(../layouts/images/menubg.jpg)}


/* ###############################################################  */
/* #############           layout elements             ###########  */
/* ###############################################################  */


/* for centering */
.frame {
	width:850px;
	margin: 0 auto;
	padding-top:21px
	}

/* for centering */
.frame2 {
	width:850px;
	margin: 0 auto;
	}
	
		
/* for IE 7.0 */	
*:first-child+html .frame {
	padding-top:0px
	}


/* for the background-color of a typo3 content element */
.color, .news-latest-container, #tx_slsitemap  {
	background:#001C32;
	margin-bottom: 20px;
	}

.color ul {
	margin-right:10px}

.clear {
	clear:both;
	height: 10px;
	}



#contentleft {
	float: left;
	width:580px;
	padding: 0px;
	text-align:left;}

#contentright {
    clear:both;
	float: right;
	width:250px;
	padding: 0px;
	text-align:left;}

.align-right {
    text-align:right;
	margin-right:20px;}

.schriftkleiner {
	padding-top: 5px;
	font-size:9px
	}

.verlauf01 {
	font-size:8pt;
	text-align: right;
	margin-top:5px;
	padding: 3px 5px 3px 3px;
	background:url(../layouts/images/verlauf01.jpg) right repeat-y;
	}
	
.verlauf02 {
	font-size:8pt;
	text-align: right;
	margin-top:5px;
	padding: 3px 5px 3px 3px;
	background:url(../layouts/images/verlauf02.jpg) right repeat-y;
	}

/* ###############################################################  */
/* #############           Typo3  elements             ###########  */
/* ###############################################################  */

.bodytext {
	margin: 0;
	padding: 0px 20px 5px 20px;
	}

.imgtext-table {
        margin: 2px 10px 5px 20px
        }

h1, h2, h3, .rightheader {
	background: url(../layouts/images/Layout_03_04.png);
	font-weight: bold;
	color: #fcbf00;
	font-size:10pt;
	text-align: left;
	padding: 6px 20px 6px 20px;
	margin-top: 20px
	}


/* ###############################################################  */
/* #############           tt_news  elements           ###########  */
/* ###############################################################  */


.rightheader	{
	text-align:center
	}
	
.news-latest-item {
	padding-bottom: 1px;
	}
.newstitle {
	font-weight: bold;
	color: #fcbf00;
	font-size:11pt;
	text-align: center;
	padding: 6px 20px 6px 20px;
	text-decoration:none;
	margin-top: 20px
	}

.newstitle a:link, .newstitle a:visited {
	color: #fcbf00;
	text-decoration:none
	}

.newstitle a:hover {
	color: #ffffff;
	text-decoration:none
	}
	
.news-latest-morelink, .detail {
	font-size:8pt;
	text-align: right;
	margin:5px 10px 10px 0px;
	padding: 3px 5px 3px 3px;
	background:url(../layouts/images/verlauf01.jpg) right repeat-y;
	}


/* ###############################################################  */
/* #############           footer menu                 ###########  */
/* ###############################################################  */

#footerfull {
	clear:both;
	width:810px;
	margin: 0 auto;
	padding: 5px 20px 0px 20px;
	height:20px;
	background:#16364f;
	font-size: 10pt;
	text-align:center}

#footerfull a:link, #footerfull a:visited  {
	text-decoration:none;
	color: #CCCCCC}
#footerfull a:hover   {
	text-decoration:none;
	color: #fcbf00}

/* ###############################################################  */
/* #############           breadcrumb menu             ###########  */
/* ###############################################################  */

.breadcrumb {
	float:left;
	font-size:7pt;
	color:#FFFFFF;
	padding: 4px 10px 0px 20px}



/* ###############################################################  */
/* #############           mailforms                   ###########  */
/* ###############################################################  */

.tx-thmailformplus-pi1 {
    padding: 2px;
    margin:0px;
	background-color:#CCCCCC;
	color:#000000}

.formframe input { margin: 0; padding: 0 .5em 0 0;background:#f0f0f0; border: 1px solid #000 }
.formframe select { width: 50%; background:#f0f0f0; border: 1px solid #000 }
.formframe textarea { width: 100%; margin: 0; padding: 0 .5em 0 0;background:#f0f0f0; border: 1px solid #000 }
.formframe dt, .formframe dd { margin: 0; padding: 0 0 .5em 0; float: left; }
.formframe dt { clear: both; width: 35%; text-align: right; padding-right: 1em; }
.formframe dd { text-align: left; width: 50%;}
.formframe-error {font-size:7pt; color:#FF0000; font-style:italic}
	
	
	
	
/* ###############################################################  */
/* #############           additional media            ###########  */
/* ###############################################################  */

		
.tx-wecflashplayer-pi2 {
    padding: 10px;
    text-align: center;
	background:#001C32;
        }
		
	
	
	
/* ###############################################################  */
/* #############           Extensions                  ###########  */
/* ###############################################################  */


/* default styles for extension "tx_newloginbox_pi3" */
	.tx-newloginbox-pi3-listrow TH { background:#ccc; padding:0 .5em; white-space:nowrap; }
	.tx-newloginbox-pi3-listrow TD { background:#eee; padding:0 .5em; }
	.tx-newloginbox-pi3-singleView TH { background:#ccc; padding:0 .5em; text-align:right; white-space:nowrap; }
	.tx-newloginbox-pi3-singleView TD { background:#eee; padding:0 .5em; }
/* default styles for extension "tx_thmailformplus_pi1" */
  .tx-thmailformplus-pi1 H2 { margin-top: 0px; margin-bottom: 0px; }
/* default styles for extension "tx_slsitemap" */
	
		/* The default CSS-Script for Extension sl_sitemap
		feel free to replace in your TypoScript Template */

		/* Layout hole Sitemap */
		div#tx_slsitemap {
			padding:0 0 10px 82px;
			line-height:20px;
		}
		div#tx_slsitemap .tx_slsitemap-websiteTitle {
			font-weight:bold;
			color:#ffffff;
			margin:0 0 2px -43px;
		}

		/* Layout the Links */
		a.Main {
			font-weight:bold;
			text-decoration:none;
		}
		a.Main:hover {
		}
		a.Sub {
			font-weight:normal;
			text-decoration:none;
		}
		a.Sub:hover {
		}

		/* List margin und padding */
		div#tx_slsitemap ul {
			padding:0 0 0 22px;
			margin:0 0 0 -73px;
		}
		div#tx_slsitemap li {
			padding:0 0 0 73px;
			margin:0;
			list-style-type:none;
		}

		/* Get the Backgrounds */
		div#tx_slsitemap li.MainFirst {
			background:url(/typo3conf/ext/sl_sitemap/images/default/sl_sitemap_MainFirst.gif) no-repeat 0% 0%;
		}
		div#tx_slsitemap li.MainLast {
			background:url(/typo3conf/ext/sl_sitemap/images/default/sl_sitemap_MainLast.gif) no-repeat 0% 0%;
		}
		div#tx_slsitemap li.SubMiddle {
			background:url(/typo3conf/ext/sl_sitemap/images/default/sl_sitemap_SubMiddle.gif) no-repeat 0% 0%;
		}
		div#tx_slsitemap li.SubLast {
			background:url(/typo3conf/ext/sl_sitemap/images/default/sl_sitemap_SubLast.gif) no-repeat 0% 0%;
		}

		/* Active Point */
		.Sitemap_pathActive {
			color:#BF2236;
			font-weight:bold;
		}