.small { font-size:11px; }
.gray { color:#999999; }
.hightlight { background-color:#FFFFCC; }

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

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

h1, h2 { color: #000000; text-transform: uppercase; font-size: 12px; }

h3, h3 a:link, h3 a:visited, h3 a:active, h3 a:hover {
  color: #000000;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  margin-top: 40px;
}

html {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.8;
  color: #000000;
  margin: 0px;
  padding: 0px;
  height:100%; /* needed for container min-height */
}

body {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.8;
  color: #000000;
  background-color:#000000;
  background-image: url(http://nachtaktiv.apparillo-mg.de/images/hintergrund.jpg);
  background-attachment: fixed;
  background-position: top center;
  background-repeat: no-repeat;
  margin: 0px;
  padding: 0px;
  height:100%; /* needed for container min-height */
}

#container {
  padding: 0px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  width: 600px;
  position: absolute;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: -300px;
  left: 50%;
  top: 0px;
  background-color:#ffffff;
  min-height: 100%;
}

#header {
  margin: 0px;
  padding: 0px;
  width: 600px;
  height: 180px;
  background: #d1010e;
}

#header h1 { display: none; }

#sidebar .block h3 { display: none; }

#wrapper {
  width: 600px;
  min-height: 100%;
}

/* Die Auswahl im Blog & im Eventkalender liegt in #sidebar */

#sidebar {
  padding: 0px;
  width: 420px;
  background-color: #000;
}

#sidebar .block {
  padding: 10px;
  width: 400px;
}

#main {
  width: 400px;
  background: #ffffff;
  padding: 10px;
  min-height: 100%;
}

#main-navigation {
  position:absolute;
  top: 180px;
  left: 420px;
  width: 180px;
  background: #d1010e;
  min-height: 100%;
}

#footer {
  margin-top: 50px;
  position: relative;
  bottom: 0px;
}


/* SIDEBAR - Search form */

#main-navigation .menulinks form {
background-color: #fff;
}

/* Suche in main-navigation: */

input.searchbox {
margin: 0px;
padding: 0px 0px 0px 7px;
border: 0px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    font-size: 10px;
display: inline;
width: 110px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

input.searchbutton {
padding: 0px;
border: 0px;
text-transform: lowercase;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    font-size: 10px;
font-weight: bold;
color: #666;
display: inline;
margin: 0px;
width: 50px;
background-color: #ffffff;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

/* Content: */

p {
	padding: 0px;
	margin: 0px;
}


/* Filter für Content: */

#sidebar .block .content form p {
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
}

#sidebar .block .content form div input { display: none; margin: 4px 0px 4px 0px; }

#sidebar .block .content form div { padding: 4px 0px 4px 0px; }

#sidebar .block .content form #event-filter-zeiten { display: inline; }

#sidebar .block .content form #event-filter-orte { display: inline; }

#sidebar .block .content form #event-filter-orte select { margin: 0px 0px 8px 0px; }

#sidebar .block .content form #event-filter-kategorien input { display: inline; }

#sidebar .block .content form select {
padding: 0px;
border: 1px dotted #fff;
text-transform: lowercase;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    font-size: 10px;
font-weight: bold;
color: #fff;
display: inline;
margin: 0px;
background-color: #000;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;

}

#sidebar .block .content form input {
padding: 0px;
border: 1px solid #fff;
text-transform: lowercase;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    font-size: 10px;
font-weight: bold;
color: #fff;
display: inline;
margin: 0px;
background-color: #000;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

#sidebar .block .content form {
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #fff;
}

#sidebar .block .content form input {
  text-transform: uppercase;
}


/* Safari hack (Sorry) */
/*

@media screen and (-webkit-min-device-pixel-ratio:0) {
input.searchbutton {
padding: 4px;
border: 1px solid #ccc;
text-transform: uppercase;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
color: #333;
display: inline;
margin: 3px 0 0 0;
background-color: #ffffff;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
}
*/

/* Menü Styling */

#main-navigation ul {
  width: 180px;
  padding-top: 60px;
  list-style-type: none;
  background-color: #d1010e;
}

#main-navigation ul.menulinks {
  border-bottom: 1px solid #ffffff;
  padding-top: 60px;
  list-style-type: none;
}

#main-navigation ul.menulinks li {
  border-top: 1px solid #ffffff;
}

#main-navigation ul.menulinks li a {
  color: #ffffff;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  display: block;
  text-transform: lowercase;
  padding: 3px 10px 3px 10px;
}

#main-navigation ul.menulinks li a:hover {
  background-color: #000000;
  color: #ffffff;
  text-decoration: none;
}

#main-navigation ul.menulinks li.active {
  background-color: #000000;
  color: #ffffff;
}

#main-navigation ul.sociallinks {
  padding-top: 20px;
  list-style-type: none;
}

#main-navigation ul.sociallinks li a {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 10px;
  text-decoration: none;
  display: block;
  padding: 3px 10px 3px 10px;
}

#main-navigation ul.sociallinks li a:hover {
  text-decoration: underline;
}

#main-navigation ul li a {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 10px;
  text-decoration: none;
  display: block;
  padding: 3px 10px 3px 10px;
}

#main-navigation ul li a:hover {
  text-decoration: underline;
}

#main-navigation ul li {
  list-style-type: none;
}

/* Admin-Bereich Styling: */

#main .secondary-navigation ul {
  list-style-type: none;
  text-transform: uppercase;
}

#main .secondary-navigation ul li {
  list-style-type: none;
  text-transform: uppercase;
}

/* Content Styling: */


/* FilterFormular Styling */

/* event veranstaltungen design specials: */

.locationTitle {
	text-transform: uppercase;
    margin: 0px;
	padding: 0px;
}

.locationAdress {
  padding-bottom: 20px;
}

.eventDescription {
	padding-top: 5px;
	padding-bottom: 20px;
}

.eventDescription p {
	padding: 0px;
	margin: 0px;
}

.eventTitle {
	text-transform: uppercase;
   margin: 0px;
	padding: 0px;
	background-color: #ccc;
	outline: 3px solid #ccc;
}

ul.eventLocation li {
  list-style-type: none;
}

/* flash-messages */
.flash .message {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  text-align:center;
  margin: 0 auto 15px;

}

.flash .message p {
  margin:8px;
}
.flash .error {
  border: 1px solid #fbb;
  background-color: #fdd;
}
.flash .warning {
  border: 1px solid #fffaaa;
  background-color: #ffffcc;
}
.flash .notice {
  border: 1px solid #1FDF00;
  background-color: #BBFFB6;
}