@CHARSET "utf-8";

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
}

form,div,p,h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}

td,th,p,div,span {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px
}

.listEntry {
	margin-bottom: 10px;
}

a,a:link,a:visited,a:active,a:focus {
	color: #FF3300;
	text-decoration: none
}

a:hover {
	color: #FF3300;
	text-decoration: underline;
}

.articleText {
	margin-bottom: 3px;
	text-align: justify;
}

.articleCode {
	margin-bottom: 3px;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
}

.articleSummary {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 135%;
}

.nav_table,.nav_table a,.nav_table a:link,.nav_table a:active,.nav_table a:visited,.nav_table a:hover
	{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #4A5966;
	font-weight: normal;
	text-decoration: none;
}

.nav_table a:hover {
	text-decoration: underline;
}

.nav_table_active,.nav_table_active a,.nav_table_active a:link,.nav_table_active a:active,.nav_table_active a:visited,.nav_table_active a:hover
	{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #4A5966;
	font-weight: bold;
	text-decoration: none;
}

.articleList_toptext {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
}

.articleList_listhead {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

/* CSS for the top level list */
ul.list_top,ul.list_level {
	padding: 3px 0;
	margin-left: 0;
	border-bottom: 1px solid #5E747F;
	font: bold 12px Verdana, sans-serif;
}

ul.list_top li,ul.list_level li {
	list-style: none;
	margin: 0;
	display: inline;
	padding: 0;
}

ul.list_top li a,ul.list_level li a {
	padding: 3px 0.5em;
	margin: 0px;
	border: 1px solid #778;
	border-bottom: none;
	background: #D7DEE5;
	text-decoration: none;
}

ul.list_top li a:link,ul.list_level li a:link {
	color: #5E747F;
}

ul.list_top li a:visited,ul.list_level li a:visited {
	color: #5E747F;
}

ul.list_top li a:hover,ul.list_level li a:hover {
	color: Black;
	background: #92A1AF;;
	border-color: #227;
}

ul.list_top li.active a,ul.list_level li.active a {
	background: white;
	border-bottom: 1px solid white;
}

/** 
 * Sample CSS for DIV pagelayout 
 */
#container {
	width: 760px;
	\width: 780px;
	w\idth: 760px;
	border: 1px solid gray;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}

#headerBlock {
	padding: 5px;
	margin-bottom: 5px;
	background-color: rgb(213, 219, 225);
}

#mainBlock {
	padding: 5px;
	margin-left: 215px;
	margin-right: 215px;
	background-color: gray;
}

#leftBlock {
	float: left;
	width: 200px;
	\width: 210px;
	w\idth: 200px;
	margin: 0;
	margin-right: 5px;
	padding: 5px;
	background-color: rgb(235, 235, 235);
}

#rightBlock {
	float: right;
	width: 200px;
	\width: 210px;
	w\idth: 200px;
	margin: 0;
	margin-left: 5px;
	padding: 5px;
	background-color: rgb(235, 235, 235);
}

#footerBlock {
	clear: both;
	padding: 5px;
	margin-top: 5px;
	background-color: rgb(213, 219, 225);
}

.imgDIVinTextLeft {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0;
}

.imgDIVinTextRight {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 0;
}

.imgDIVtopLeft {
	margin: 8px 10px 5px 20px;
	padding: 0px;
	border: 0;
}

.imgDIVtopCenter {
	margin: 8px -50% 5px -50%;
	padding: 0px;
	border: 0;
}

.imgDIVblockImgLeft {
	margin-right: 10px;
}

.imgDIVblockImgRight {
	margin-left: 10px;
}

.phpwcmsImgListRight {
	text-align: right;
	margin: 0;
	padding: 0;
}

.phpwcmsImgListLeft {
	text-align: right;
	margin: 0;
	padding: 0;
}

.phpwcmsSearchResult {
	margin: 15px 0 15px 0;
}

.phpwcmsSearchResult h3 {
	margin: 10px 0 1px 0;
	font-size: 12px;
	font-weight: bold;
}

.phpwcmsSearchResult p {
	margin: 0;
}

.phpwcmsSearchResult em.highlight,em.highlight {
	background-color: #FFFF00;
	font-style: inherit;
}

.phpwcmsArticleListEntry {
	clear: both;
}

.phpwcmsArticleListImage {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-top: 3px;
}

.phpwcmsArticleListImageCaption {
	padding-top: 5px;
}

div.cpPagination {
	margin: 10px 0 10px 0;
	text-align: right;
}

a.cpPaginate,a.cpPaginateActive,a.cpPaginationPrev,a.cpPaginationNext {
	padding: 0px 3px 1px 3px;
	background-color: #FFFFFF;
	color: #BBBBBB;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #CBCBCB;
}

a.cpPaginateActive {
	background-color: #CBCBCB;
	color: #FFFFFF;
	border: 1px inset #CBCBCB;
}

a.cpPaginationPrev:hover,a.cpPaginationNext:hover,a.cpPaginate:hover {
	background-color: #DDDDDD;
	color: #666666;
	border: 1px inset #CBCBCB;
}

/*
CSS tomo.at START
*/
body {
	background-color: #000; /*#333;*/
	color: #fff;
	font-size: 13px;
}

/*default design and fonts*/
#wr_left {
	background: #ff9933 repeat-y scroll 0 0;
	margin: 0 auto;
	margin-top: 2.0em;
	max-width: 1024px;
	min-width: 800px;
	padding: 3px;;
	text-align: left;
	width: 90%;
}

#wr_right {
	background-color: #000000;
	/*background: #000000 url(cssimg/christian-masser-chromato1.gif) no-repeat
		scroll left top;*/
	/*background:#000000 url(cssimg/christian-masser-chromato1a.gif) no-repeat scroll left top;*/
	padding: 0;
	min-height: 800px;
	padding-bottom: 10px;
}

/*css shadows for ff and safari, how to exclude from others?*/
#wr_left {
	background: transparent repeat-y scroll 0 0;
	padding: 5px;;
}

#wr_right {
	-moz-box-shadow: 0px 0px 5px #ccc;
	-webkit-box-shadow: 0 0 1em #ff9933;
	
}

/*spalten und container*/
#pg_left {
	clear:both;
	float: left;
	width: 420px;
	padding: 20px 0px;
}

#pg_main {
	margin-left: 420px;
	width: auto;
/*	text-align: right;*/
}

#pg_main .pg_columnwrapper {
	padding: 20px;
}

/*
#pg_main .pg_columnwrapper p {
text-align:left;
margin-bottom:5px;
margin-top:3px;
}
*/

/*imgmnu*/
#imgmnu{
margin:0;/*display:table;*/
padding:0;
overflow:hidden;
}
#imgmnu img{
padding:0;
margin:0;
border:0px dotted #CACACA;
}
#imgmnu ul{
margin:0;
padding:0;
}
#imgmnu ul li{
list-style:none;
display:inline;
}
#imgmnu ul li a{
margin-left:2px;
float:left;
/*width:75px;*/
/*border:1px solid grey;*/
/*height:75px;*/
background-repeat: no-repeat;
overflow:hidden;
padding:4px;
text-decoration: none;
}
/*
#imgmnu ul li a span{
display:none;
}
*/
#imgmnu_1 a{
background:url("../../img/tomo/nav_but1.jpg");
}
#imgmnu_1 a{
background:url("../../img/tomo/nav_but1.jpg");
}
#imgmnu_1 a:hover{
background:url("../../img/imgmenue/imgmnu_01-over.jpg");
}
#imgmnu_2 a{
background:url("../../img/tomo/nav_but2.jpg");
}
#imgmnu_2 a:hover{
background:url("../../img/imgmenue/imgmnu_02-over.jpg");
}
#imgmnu_3 a{
background:url("../../img/tomo/nav_but3.jpg");
}
#imgmnu_3 a:hover{
background:url("../../img/imgmenue/imgmnu_03-over.jpg");
}
#imgmnu_4 a{
background:url("../../img/tomo/nav_but4.jpg");
}
#imgmnu_4 a:hover{
background:url("../../img/imgmenue/imgmnu_04-over.jpg");
}
#imgmnu_5 a{
background:url("../../img/tomo/nav_but5.jpg");
}
#imgmnu_5 a:hover{
background:url("../../img/imgmenue/imgmnu_05-over.jpg");
}

#imgmnu ul li a{
background: url(none);
background-color:#333;
word-wrap:  break-word 
}
#imgmnu ul li a:hover{
background: url(none);
background-color:#333;

}
#imgmnu ul li a span{
font-size:1.5em;
line-height:.9em;
font-family: "Arial", Verdana, Helvetica, Arial, sans-serif;
}
/*menue horizontal*/
ul.hormenu{
margin:0;
padding:0;
}

ul.hormenu li{
list-style:none;
display:inline;
margin:0;
padding:0;
}
ul.hormenu li.active a{
background-color:#999;
color:#ad0000;
}

.imageEntry img {
opacity: 0.60;
}
.imageEntry img:hover {
opacity: 1.00;
}
ul.hormenu li a{
margin-left:2px;
float:left;
/*width:75px;*/
border:1px solid #333;
/*height:75px;*/
background-repeat: no-repeat;
/*overflow:hidden;*/
padding:0px 4px;
text-decoration: none;
background-color:#222;
font-size:1.5em;
color:#CCC;
height:75px;
min-width:75px;
vertical-align: middle;
}

ul.hormenu li a:hover{
color:#AD0000;
}


#pg_contentwrapper{
padding:5px;
}

div.imagegallery{
padding-bottom:10px;
margin-top:10px;
border-bottom: 3px dotted #ccc;
display:block;
float:left;
width:100%;
}
/*general style*/

td,th,p,div,span {
	font-family: "Arial", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
}

p {
	text-align: left;
	margin-bottom: 5px;
	margin-top: 3px;
}

/*navigation menu*/
ul.nav_main {
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
	margin-top: 380px;
}

.nav_main li {
	padding: 0px;
	margin: 0px;
	/*font-family: "Destroy","Cracked","Kalenderblatt Grotesk","Arial Black", Verdana, Helvetica, Arial, sans-serif;
*/
	font-family:"Times New Roman",Georgia,Serif;
	font-size: 38px;
	line-height: 45px;
	list-style: none;
}

.nav_main a {
	color: #BBB;
}

.nav_main a:hover {
	color: #ff9933;
	text-decoration:none;
}

.nav_main a::hover:before {
	content: "»";
	padding-bottom: 10px;
}

.nav_main li.active a {
	color: #ad0000;
}

/*headlines etc*/
#pg_main h1 {
	font-size: 3.46em;
	line-height: 1.0em;
	text-align: right;
	/*margin-left: 130px;*/
	color: #CCCCCC;
}

#pg_main h3 {
	font-size: 1.9em;
	line-height: 1.0em;
	text-align: right;
	margin-top: 20px;
	margin-bottom: 20px;
	/*margin-left: 130px;*/
	color: #CCCCCC;
}

#pg_main h4 {
	font-size: 1.5em;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #CCCCCC;
}
#pg_main h5 {
	font-size: 1.0em;
	line-height: 1.0em;
margin-bottom:5px;
	color: #CCCCCC;
}


.eventdetails h3 {
	margin-left: 0px !important;
}

div.clearer {
	clear: both;
}

/*kalenderausgabe*/

#cat_5 #wr_right,#cat_5 #pg_main,#cat_5 #pg_left {

background-color:#fff;
color:#000;
}



.cal_month{
position:relative;
left:-250px;
top:-0px;
}
#eventsList{
position:relative;
margin-left:0px;
top:-150px;
margin-bottom:-150px;
overflow:hidden;
}
#calendarContainer_new > table{
	width:auto;
	}
.ajaxevent{
color:#000;
}


/*font testing , reduce in production!!!*/
/*
#cat_1 #pg_main h1, #cat_1 #pg_main h3,#cat_1 .nav_main li {
	font-family:"Kalenderblatt Grotesk","Arial Black", Verdana, Helvetica, Arial, sans-serif;
}
*/
/*cat_3 demos*//*
#cat_3 #pg_main h1, #cat_3 #pg_main h3,#cat_3 .nav_main li {
	font-family:"Destroy","Arial Black", Verdana, Helvetica, Arial, sans-serif;
}
*/
/*cat_4 gästebuch*//*
#cat_4 #pg_main h1, #cat_4 #pg_main h3,#cat_4 .nav_main li {
	font-family:"Cracked","Arial Black", Verdana, Helvetica, Arial, sans-serif;
}
*/
/*cat_5 konzerte*//*
#cat_5 #pg_main h1, #cat_5 #pg_main h3,#cat_5 .nav_main li {
	font-family:"Nashville","Arial Black", Verdana, Helvetica, Arial, sans-serif;
}
*/

/*kontaktform*/

.form-kontakt,.gbFormFields{
border: 1px solid #333;
background:#222;
padding:15px;
margin-bottom:10px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
}
.form-kontakt input[type=text],.form-kontakt textarea,.gbFormFields input[type=text],.gbFormFields textarea{
width:100%;
background-color:#ccc;
border: 1px solid #333;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
 padding-left:5px;
}
.gbFormFields input[type=text] {
width: 240px;	
	}
.gbFormFields #guestbook_captcha{
width:7em;
}
.gbFormFields label {
	display:inline-block;
width: 100px;
}

.form-kontakt input[type=submit],.form-kontakt input[type=reset],.gbInputForm input[type=submit],.commentInputForm input[type=submit]{
width:19em;
background-color:#ccc;
border: 1px solid #333;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
 padding-left:5px;
}
.form-kontakt input[type=submit]:hover,.form-kontakt input[type=reset]:hover,.gbInputForm input[type=submit]:hover,.commentInputForm input[type=submit]:hover  {
background-color:#fff;
border-color:#ff9933;
}

.form-kontakt #mathspam{
width: 5em;
}
.form-kontakt td{
padding-bottom:10px;
}

.form-kontakt td.formerror, .gbError{
background: #333;
padding: 5px;
display:block;
margin-bottom:15px;
color: #FF0000;
}
.form-kontakt input.formerror {
	background-color:#E0E0E0;
border: 2px solid #ff0000;
}
.form-kontakt .formLabelRequired{
font-weight:bold;
}
.form-kontakt .formLabel{
vertical-align: text-top;
}

/*guestbook*/
.gb_captcha img {
vertical-align:top;
}
.gbdivider {
border-bottom: 3px dotted #ccc;
margin-top:5px;
margin-bottom:5px;
width: 80%;
margin-left:10%;
}

.gbListEntry {
border: 0px solid #333;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
 margin:10px 0px;
 background-color: #eaeaea;
 padding:4px;
}
.gbSuccess{
background-color: #fff;
color:#000;
margin:1em 0px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
 padding:10px;
}

.commentfrom {
font-weight:bold;
border-bottom: 1px solid #222;
}
.commentmsg {
font-style:oblique;
margin-left: 2em;
}
.gbEntries {

}

/*mp3 player listen*/

div.mp3album{
border: 1px solid #333;
background:#222;
padding:15px;
margin-bottom:10px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
}

ul.graphic li a.sm2_link:hover {
/*background-color: #ff9933 !important;*/
border-color:#DE7D4B !important;
}
ul.graphic {
margin-left:40px;

}

/*gui360 player*/

/*suppress unplayable output*/
 .uiplayer_gif{
display: none !important;
}

.evententry{
display:table-cell;
margin:0px;
min-height:225px;
}

/*styleswitcher links*/

.styleswitcher a {
 display:block;
 padding-left:22px;
 min-height:16px;
 border:3px solid #666;
 background-color:#666;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
 padding:0px 3px 0px 20px;
 width:19em;
 min-width:19em;
 _width:19em;
 text-decoration:none;
 font-weight:bold;
 color:#fff;
 margin-bottom:3px;
}
.styleswitcher a:hover {

 border:3px solid #ff9933;
 color: #ff9933;
}
/*tomo.at addons*/

#cat_8 #pg_main * {
color: #AD5600;
}
#cat_8 #pg_content,#cat_10 #wr_right {
background-color:#E0E0E0;
}

#cat_10 #pg_main {
/*font-size: 13px;*/
}

#cat_10 #pg_main * {
color: #000000;
font-family:"Arial",Verdana,serif;
}
#cat_10 #pg_main h1 {
color: #AD5600;
font-size: 1.4em;
margin:0px;
text-align:left;
}
#cat_10 #pg_main h2,#cat_10 #pg_main h3 {
font-size: 1.2em;
margin:0px;
text-align:left;
border-bottom: 1px solid #000;
}
#cat_10 #pg_main h3 {
margin-top:1.0em;	
	}
#cat_10 #pg_main h4 {
font-size: 1.0em;
margin:0px;
text-align:left;
}

#cat_10 #pg_main a {
color:#AD5600;
}

code {
background-color: #f0f0f0;
padding: 3px;
border: 1px solid #000;
margin: 5px 0px;
}

code.console{
display:block;
background-color:#000;
color:#fff !important;
font-family: "Courier New", Courier, mono, monospace !important;
}

.commentInputForm{
margin: 10px 0px;
background-color:transparent;
}
.commentInputForm div.gbFormFields {
background-color: #eaeaea;

}
.commentInputForm label{
font-weight:bold;
width:130px;
}

.commentInputForm .gbFormFields input[type="text"], .commentInputForm .gbFormFields textarea {
background-color:#f4f4f4;

}
.commentInputForm .gbError, .commentInputForm .gbError * {
color: #FF0000 !important;
background-color:transparent;

}