
/* -------------------------------------- */
/* breakzine-stylesheet 1.0 - 20.03.2008  */
/* breakzine-stylesheet 1.1 - 21.01.2014  */
/* -------------------------------------- */

body {
	color: black;
	background-color: white;
	min-width: 40em; 
	/* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
}
html {
	padding: 0px;
}
body {
	font: normal 16px Verdana, Arial, Helvetica, Geneva, sans-serif !important;
	/*background-image: url(/web/20131023100355/http://www.breakzine.de/stylesheets/breakzinebackground.png);*/
	/*background-repeat: no-repeat;*/
	/*background-attachment: fixed;*/
}
div {
	/* fuer debugging, ermoeglicht einfaches einschalten der borders */
	border: 0px solid;
	margin: 0px;
	padding: 0px;
}

/* ================================= */
/* SEITENAUFBAU */
/* ================================= */

.areafixed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 100%;
	background-color: #eeeeee;
	border-top: 27px solid white;
	border-left: 16px solid white;
}
html>body .areafixed { /* nur fuer moderne Browser! */
	position: fixed;
}
.areascrollable { /* fuer den ie-trick*/
}
.pageheader {
	height: 32px;
	width: 1180px;
	background-color: white;
	position: absolute;
	top: -30px;
}
.topbar {
	position: absolute;
	top: 0px;
	left: 248px;
	width: 760px;
	font-size: 11px;
	border-top: 1px solid white;
}
.pagecontent {
	margin-left: 256px;
	width: 760px;
	padding-top: 2px;
	padding-bottom: 48px;
	/* angabe fuer ie in px! sonst setzt ie die channels untereinander */
}
.pagefooter {
	height: 100px;
	width: 1180px;
	background-color: white;
	position: absolute;
	top: 94%;
}

/* ================================= */
/* UPDATELOG */
/* ================================= */

.channels {
	margin-left: 0px;
}
.teaserchannel {
	float: left;
	margin: 0px 54px 0px 0px;
	width: 323px;
}
.teaser {
	margin-bottom: 48px;
}
.teaser h1 {
	font-size: 11px;
	font-weight: bold;
}
.teaser p {
	font-size: 11px;
	text-align: justify;
}
.teaser p.updatelogdate {
	color: Gray;
	font-size: 9px;
	margin-top: 16px;
}
.teaser a {
	display: block;
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.teaser p a {
	display: inline;
}
.teaser a:link {
	color: #000033;
}
.teaser a:visited {
	color: #000033;
}
.teaser a:hover {
	color: #FF9900;
}
.teaser a:active {
	color: #CC0033;
}
.updatelog {
	margin-bottom: 48px;
}
.updatelog td.leftside {
	width: 30px;
	vertical-align: top;
}
.updatelog td.rightside {
	vertical-align: top;
	width: 480px;
}
.updatelog h1 {
	font-size: 17px;
}
.updatelog p {
	font-size: 11px;
}
.updatelog p.updatelogdate {
	color: Gray;
	font-size: 11px;
}
.updatelog a {
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.updatelog p a {
	display: inline;
}
.updatelog a:link {
	color: #003300;
}
.updatelog a:visited {
	color: #006600;
}
.updatelog a:hover {
	color: #339900;
}
.updatelog a:active {
	color: #006600;
}

/* ================================= */
/* WHERE2GO */
/* ================================= */

.where2go {
	padding-top: 256px;
}
.party {
	margin-bottom: 12px;
}
.topleft {
	width: 210px;
	text-align: right;
	vertical-align: bottom;
	padding-bottom: 5px;
}
.topright {
	text-align: left;
	vertical-align: bottom;
	padding-bottom: 5px;
	padding-left: 24px;
}
.bottomleft {
	width: 210px;
	vertical-align: text-top;
	text-align: right;
}
.bottomright {
	vertical-align: text-top;
	text-align: left;
	padding-left: 24px;
}
.partyweekday {
	color: gray;
}
.date {
	font-size: 11px;
	font-weight: bold;
}
.date a {
	font-weight: bold;
	text-decoration: none;
}
.date a:link {
	color: #000033;
}
.date a:visited {
	color: #000033;
}
.date a:hover {
	color: #FF9900;
}
.date a:active {
	color: #CC0033;
}
.city {
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 0px;
}
.city a {
	font-weight: bold;
	text-decoration: none;
}
.city a:link {
	color: #000033;
}
.city a:visited {
	color: #000033;
}
.city a:hover {
	color: #FF9900;
}
.city a:active {
	color: #CC0033;
}
.locationname {
	font-size: 11px;
	color: black;
}
.locationadress {
	font-size: 11px;
	color: gray;
}
.geolink{
	font-size: 12px;
}
a.geolink {
	text-decoration: none;
	font-weight: bold;
}
a.geolink:link {
	color: #003300;
}
a.geolink:visited {
	color: #006600;
}
a.geolink:hover {
	color: #339900;
}
a.geolink:active {
	color: #006600;
}
.locationaddinfo {
	font-size: 11px;
	color: gray;
}
.locationlink {
	padding-top: 0px;
	font-size: 11px;
}
.locationlink a {
	text-decoration: none;
	font-weight: bold;
}
.locationlink a:link {
	color: #003300;
}
.locationlink a:visited {
	color: #006600;
}
.locationlink a:hover {
	color: #339900;
}
.locationlink a:active {
	color: #006600;
}
.partytitle {
	font-size: 17px;
	font-weight: bold;
}
.partylineup {
	font-size: 11px;
}
.partyaddinfo {
	font-size: 11px;
	color: Gray;
}
.partylinks {
	font-size: 11px;
	padding: 0px;
}
.partylinks a {
	text-decoration: none;
	font-weight: bold;
}
.partylinks a:link {
	color: #003300;
}
.partylinks a:visited {
	color: #006600;
}
.partylinks a:hover {
	color: #339900;
}
.partylinks a:active {
	color: #006600;
}

/* ================================= */
/* LINKS */
/* ================================= */

.links {
	padding-top: 100px;
}
.link {
	margin-bottom: 0px;
}
.leftside {
	width: 210px;
	text-align: right;
	vertical-align: text-top;
	padding-top: 7px;
}
.rightside {
	vertical-align: text-top;
	text-align: left;
	padding-left: 24px;
}
.linktitle {
	font-size: 17px;
}
.linktitle a {
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
}
.linktitle a:link {
	color: #003300;
}
.linktitle a:visited {
	color: #006600;
}
.linktitle a:hover {
	color: #339900;
}
.linktitle a:active {
	color: #006600;
}
.linkurl {
	font-size: 11px;
	color: gray;
	padding-top: 0px;
}
.linkurl a {
	margin: 0px;
	text-decoration: none;
}
.linkurl a:link {
	color: #003300;
}
.linkurl a:visited {
	color: #006600;
}

.linkurl a:hover {
	color: #339900;
}
.linkurl a:active {
	color: #006600;
}
.linkcategories {
	font-size: 11px;
	font-weight: bold;
	color: gray;
}
.linkcategories a {
	margin: 0px;
	text-decoration: none;
}
.linkcategories a:link {
	color: gray;
}
.linkcategories a:visited {
	color: gray;
}
.linkcategories a:hover {
	color: #FF9900;
}
.linkcategories a:active {
	color: #CC0033;
}
.linkdescription {
	font-size: 11px;
}

/* ================================= */
/* SIDEBAR */
/* ================================= */

.logobox {
	text-align: right;
	padding: 8px 2px 2px 0px;
}
.sidebar {
	text-align: right;
	padding-right: 14px;
}
.sidebarinfo {
	font-size: 11px;
	padding: 4px 0px 8px 0px;
}
.sidebarinfo p {
	margin: 0px;
	padding-bottom: 4px;
}
.menu {
	padding: 0px 0px 0px 0px;
}
.menu a {
	font-size: 17px;
	display: block;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
}
.menu a:link {
	color: #000033;
}
.menu a:visited {
	color: #000033;
}
.menu a:hover {
	color: #FF9900;
}
.menu a:active {
	color: #CC0033;
}
.menuactive a:link {
	color: #CC0033;
}
.menuactive a:visited {
	color: #CC0033;
}
.menuactive a:hover {
	color: #FF9900;
}
.menuactive a:active {
	color: #CC0033;
}

/* ================================= */
/* NAVIGATION */
/* ================================= */

.navigation {
	color: Gray;
	position: absolute;
	top: -18px;
	background-color: white;
}
.navigationcolumn {
	float: left;
}
.navigation a {
	text-decoration: none;
	font-weight: bold;
}
.navigation a:link {
	color: #000033;
}
.navigation a:visited {
	color: #000033;
}
.navigation a:hover {
	color: #FF9900;
}
.navigation a:active {
	color: #CC0033;
}
.calendar {
	table-layout: fixed;
	overflow: hidden;
	width: 210px;
	margin-left: 10px;
	border-collapse: collapse;
	text-align: center;
}
.calendar td {
	height: 23px;
}
.arrowleft {
	width: 28px;
	font-size: 23px;
}
.arrowright {
	width: 28px;
	font-size: 23px;
}
.monthname {
	font-weight: bold;
	color: #808080;
	font-size: 14px;
}
.weekday {
	font-weight: normal;
	font-size: 11px; 
}
.monthclosetoend {
	height: 23px;
	border-bottom: 1px solid gray;
}
.monthend {
	height: 23px;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
}
.monthshortafterbegin {
	height: 23px;
	border-top: 1px solid gray;
}
.monthbegin {
	border-top: 1px solid gray;
	border-left: 1px solid gray;
}
.linksearch{
	width: 212px;
	text-align: right;
	margin-top: 5px;
	line-height: 23px;
}
.brkznbutton {
	font: bold 17px Verdana, Arial, Helvetica, Geneva, sans-serif !important;
	text-align: right;
	background-color: white;
    color: black;
    border: 1px black;
    padding: 0px;
    margin-top: 3px;
}
.brkzntextfield {
    background-color: white;
    color: black;
    border: 1px gray solid;
    width: 200px;
    margin: 0px;
}
.cloud {
	margin-top: 4px;
	margin-left: 20px;
	border-collapse: collapse;
	text-align: justify;
	width: 500px;
}
.cloud td {
	text-align: justify;
	word-spacing: 12px;
	line-height: 23px;
	height: 23px;
}
.tagsize1 {
	font-size: 11px;
}
.tagsize2 {
	font-size: 14px;
}
.tagsize3 {
	font-size: 17px;
}
.active a {
	color: #CC0033;
	font-weight: bold;
}
.active a:link {
	color: #CC0033;
}
.active a:visited {
	color: #CC0033;
}
.active a:hover {
	color: #FF9900;
}
.active a:active {
	color: #CC0033;
}
.navigationrow {
	font-size: 11px;
	font-weight: normal;
	border-bottom: 1px solid gray;
	border-top: 1px solid gray;
	margin-bottom: 12px;
	margin-right: 14px;
	padding-bottom: 3px;
	padding-top: 7px;
	height: 21px;
}
.itemscounter {
	color: black;
	width: 213px;
	text-align: right;
}
.pagination {
	margin-left: 29px;
	width: 500px;
	color: #ee0506;
	font-weight: bold;
}
.pagecontent .itemscounter {
	width: 300px;
	text-align: right;
}
.pagecontent .pagination {
	margin-left: 75px;
	width: 300px;
	color: #ee0506;
	font-weight: bold;
}

.pagecontent a {
	text-decoration: none;
	font-weight: bold;
}
.pagecontent a:link {
	color: #000033;
}
.pagecontent a:visited {
	color: #000033;
}
.pagecontent a:hover {
	color: #FF9900;
}
.pagecontent a:active {
	color: #CC0033;
}

/* ================================= */
/* IMPRINT */
/* ================================= */

.imprint{
	width: 530px;
	padding-top: 60px;
	padding-bottom: 30px;
}
.imprint h1 {
	font-size: 17px;
	margin-top: 23px;
	margin-bottom: -7px;
}
.imprint h2 {
	font-size: 14px;
	margin-top: 17px;
	margin-bottom: -7px;
}
.imprint p {
	font-size: 11px;
	margin-bottom: -5px;
}
.imprint a {
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.imprint p a {
	display: inline;
}
.imprint a:link {
	color: #000033;
}
.imprint a:visited {
	color: #000033;
}
.imprint a:hover {
	color: #FF9900;
}
.imprint a:active {
	color: #CC0033;
}
.imprint ul{
	font-size: 11px;
}