body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {margin:0; padding:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
q:before,q:after { content:”; }
abbr,acronym { border:0; }
html {font-size: 62.5%;}
body { background-color: #2f1010; }

.braun	{ color : #2f1010; }
.gelb	{ color : #f4d129; }
.hellgelb	{ color : #faeca5; }
.rot	{ color : #cc373b; }

h1 { font-size: 2.8em; font-family: "Courier New", Courier, monospace; color : #cc373b; font-weight: bold; line-height : 28px; }
h1 a { color : #cc373b; text-decoration:none; }
h1 a:hover { color : #2f1010; text-decoration:none; }
h2 { font-size: 2.0em; font-family: "Courier New", Courier, monospace; color : #2f1010; font-weight: bold; }

h3 { background-color : #2f1010; margin: 0px; font-size: 2.0em; font-family: "Courier New", Courier, monospace; color : #f4d129; font-weight: bold; line-height : 28px; text-align:center; }
h3 a { color : #f4d129; text-decoration:none; }
h3 a:hover { background-color : #f4d129; color : #2f1010; text-decoration:none; }

h4 { font-size: 1.6em; font-family: "Courier New", Courier, monospace; color : #cc373b; font-weight: bold; line-height : 20px; }
h4 a { color : #cc373b; text-decoration:none; }
h4 a:hover { color : #2f1010; text-decoration:none; }

div.stoerer {
background-color: #cc373b; text-align:center;
padding: 5px; 
border: 2px solid #2f1010;
}


.text { font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; color : #2f1010; line-height : 18px; text-decoration: none;}
.text a,.text a:link,.text a:active,.text a:visited { color : #2f1010; text-decoration: none; font-weight: normal;}
.text a:hover { color : #cc373b; text-decoration: none;}

.text2 { font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; color : #2f1010; line-height : 18px; text-decoration: none;}
.text2 a,.text2 a:link,.text2 a:active,.text2 a:visited { color : #2f1010; text-decoration: none; font-weight: normal;}
.text2 a:hover { color : #f4d129; text-decoration: none;}

input, textarea { font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; color : #2f1010; line-height : 14px; text-decoration: none; width: 200px; border: 1px solid #2f1010; background-color: #faeca5;}
.submit { font-size: 1.4em; font-family: "Courier New", Courier, monospace; color : #faeca5; line-height : 14px; text-decoration: none; font-weight: bold; width: 200px; border: 1px solid #2f1010; background-color: #cc373b; align: center; }

.td-rot	{ background-color: #cc373b; padding: 7px; font-size: 1.8em; font-family: "Courier New", Courier, monospace; color : #f4d129; font-weight: bold; }
.td-braun	{ background-color: #2f1010; padding: 7px; font-size: 2em; font-family: "Courier New", Courier, monospace; color : #f4d129; font-weight: bold; }
.td-gelb	{ background-color: #f4d129; padding-left: 7px; font-size: 1.4em; font-family: "Courier New", Courier, monospace; color : #cc373b; font-weight: bold; line-height: 20px; }

div.bg { 
width:1400px; height:800px; position: fixed; top: 50%; left: 50%; 
margin-left: -700px; margin-top: -440px;
background-image: url(bg-buehne.jpg); background-repeat: no-repeat; }

div.stage { 
width:706px; position: absolute; top: 40px; left: 50%; 
margin-top: 0px; margin-left: -353px;
}

div.content-bg {
width:704px; position: relative; top: 55px; left: 50%; bottom: 0px; 
margin-top: 0px; margin-left: -352px;
width: 704px;
background-color: #ffffff;
border: 2px solid #2f1010;
}


div.content {
padding: 20px;
}
div.content-bottom { 
width:704px; position: relative; top: 12px; left: 50%; 
margin-top: 0%; margin-left: -352px;
background-image: url(bg-content-bottom.gif); background-repeat: no-repeat; background-position: 0% 0%;
}

/* #############################  NAVI  ################################### */

div.nav-bg {
width:100%; height:75px; position: fixed; top: 0%; left: 0%; 
background-color: #2f1010;
}

div.nav {
	text-transform: uppercase;
	padding: 10px;
	text-align: center;
	word-spacing: 1.5em;
}
div.nav a,div.nav a:link,div.nav a:active {
	font-family: "Courier New", Courier, monospace;
	color : #faeca5;
	text-decoration: none;
	font-size : 1.5em;
	line-height : 20px;
	font-weight: bold;
}
div.nav a:hover {
	color : #cc373b;
}

div.subnav { 
	width:625px;
	padding: 0px;
	font-family: "Courier New", Courier, monospace;
	color : #2f1010;
	text-decoration: none;
	font-size : 1.2em;
	line-height : 20px;
	font-weight: normal;
}
div.subnav a,div.subnav a:link,div.subnav a:active {
	font-family: "Courier New", Courier, monospace;
	color : #2f1010;
	text-decoration: none;
	font-size : 1.2em;
	line-height : 20px;
	font-weight: bold;
}
div.subnav a:hover {
	color : #cc373b;
}

/* #############################    ################################### */


div.updates-bg { width:150px; position: fixed; top: 95px; left: 50%; margin-left: -517px; text-align: right; }
div.updates {
	padding: 0px;
	font-family: "Courier New", Courier, monospace;
	color : #2f1010;
	font-size : 1.2em;
	line-height : 14px;
	font-weight: normal;
}
div.updates a,div.updates a:link,div.updates a:active {
	color : #cc373b;
	text-decoration: none;
	font-weight: bold;
}
div.updates a:hover {
	color : #2f1010;
}

div.next-event-bg {
width:150px; position: fixed; top: 82px; left: 50%; margin-left: 300px;
border : 2px solid;  border-color: #2f1010;
background-color: #f4d129;
text-align: center;
}
div.next-event a,div.next-event a:link,div.next-event a:active {
	font-family: "Courier New", Courier, monospace;
	color : #2f1010;
	text-decoration: none;
	font-size : 1.2em;
	line-height : 20px;
	font-weight: bold;
}
div.next-event a:hover { color : #cc373b; }

div.new-fotos-bg {
width:150px; position: fixed; top: 327px; left: 50%;
margin-left: 300px;
border : 2px solid;  border-color: #2f1010;
background-color: #f4d129;
text-align: center;
}
div.new-fotos a,div.new-fotos a:link,div.new-fotos a:active {
	font-family: "Courier New", Courier, monospace;
	color : #2f1010;
	text-decoration: none;
	font-size : 1.2em;
	line-height : 20px;
	font-weight: bold;
}
div.new-fotos a:hover { color : #cc373b; }

div.imprint-bg {
width:150px; position: fixed; bottom: 0px; left: 50%; margin-left: -528px;
text-align: right;
background-color: #2f1010; padding: 10px;
}
div.imprint a,div.imprint a:link,div.imprint a:active {
	font-family: Arial, Helvetica, sans-serif;
	color : #faeca5;
	text-decoration: none;
	font-size : 1.2em;
	line-height : 10px;
	font-weight: normal;
}
div.imprint a:hover { color : #cc373b; }

/* #############################  FOTOS  ################################### */

td.tdImg { width:110px; height:80px; background-color: #2f1010; }
#divWG {width:625px;  text-align:left; font: 1.2em "Courier New", Courier, monospace; color: #faeca5; }
#divWG img {border:none;}
#divWG table { border-collapse: collapse; }
#divWG a:link, #divWG a:visited {text-decoration:none;}
#divWG a:hover {color:#faeca5;text-decoration:none;}
#tblThumbsLayout {text-align:left; margin: 0 auto;}
.currentPage {font-weight: bold;}
td#pagingCell a, .currentPage {font-size: 12px; padding: 3px 5px; border:1px solid #ccc;vertical-align:middle; }
td#pagingCell a:hover, .currentPage {border: #666 1px solid; background-color:#fff; text-decoration:none;}
td.tdImg { border: 10px solid #fff; text-align:center; vertical-align:middle;padding:0px;}
td.tdImg img {margin-top:5px;}
#pnCell {text-align:right;}
a.pn, a.pn:LINK,a.pn:VISITED {color: #606060; font: 9px arial, helvetica, sans-serif; text-decoration: none; padding: 1px 4px;}

/* #############################  WORLD  ################################### */

div.world { width:625px; margin-bottom: 10px; margin-top: 10px; }

/* #############################  TERMINE  ################################### */

div.termin { width:601px; margin-bottom: 10px; margin-top: 10px; padding: 10px; border : 2px solid;  border-color: #2f1010; }
div.termin-location { width:581px; background-color: #f4d129;; padding: 10px; }

div.termine-monat {
width:615px; height:22px;
margin-bottom: 10px; margin-top: 10px;
background-color: #2f1010; 
padding: 5px; 
font-size: 1.8em; 
font-family: "Courier New", Courier, monospace; 
color : #f4d129; 
font-weight: bold;
}


/* #############################  ELEMENTE  ################################### */

div.line { width:625px; height:1px; background-color: #2f1010; border: 0px; margin-bottom: 10px; margin-top: 10px; }


div.top { width:50px; height:12px; margin-top: 0px; margin-bottom: 20px; }
.top a, .top a:visited  { font-family: "Courier New", Courier, monospace; text-decoration: none; font-size: 1.1em; color:#2f1010; padding-left: 15px; background-image: url(/shared/top.gif); background-repeat: no-repeat; background-position: 0% -3px; }
.top a:hover { font-family: "Courier New", Courier, monospace; text-decoration: none; font-size: 1.1em; color : #cc373b; padding-left: 15px; background-image: url(/shared/top_h.gif); background-repeat: no-repeat; background-position: 0% -6px; }


div.bg-special-teaser {
width:130px; margin-left: 20px;
border : 2px solid;  border-color: #2f1010;
background-color: #f4d129;
text-align: center; }

div.bg-special-teaser2 {
width:130px; margin-left: 20px; padding: 5px;
border : 2px solid;  border-color: #cc373b;
background-color: #FFFFFF;
text-align: left; }