/* -------------------------------------- */
/* breakzine-stylesheet photogallery outdoor party 05.08.2008*/
/* -------------------------------------- */

body {
	color: black;
	background-color: white;
	min-width: 40em; 
	border-color: white;
	/* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
}
html {
	padding: 0px;
}
body {
	font: normal 16px Verdana, Arial, Helvetica, Geneva, sans-serif !important;
	/*background-image: url(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: 800px;
	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%;
}

/* ================================= */
/* 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;
}

.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;
}

/* ================================= */
/* SPECIAL PHOTOGALLERY */
/* ================================= */

.specialphotogallery {
	width: 530px;
	padding-top: 19px;
	padding-bottom: 30px;
}
.specialphotogallery  h1 {
	font-size: 17px;
	margin-top: 23px;
	margin-bottom: -17px;
}
.specialphotogallery  h2 {
	font-size: 14px;
	margin-top: 17px;
	margin-bottom: -7px;
}
.specialphotogallery  p {
	font-size: 11px;
	margin-bottom: -5px;
}
.specialphotogallery  a {
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.specialphotogallery  p a {
	display: inline;
}
.specialphotogallery  a:link {
	color: #000033;
}
.specialphotogallery  a:visited {
	color: #000033;
}
.specialphotogallery  a:hover {
	color: #FF9900;
}
.specialphotogallery  a:active {
	color: #CC0033;
}
.specialphotogallery  ul{
	font-size: 11px;
}



.special {
	font-size: 11px;
	font-weight: bold;
}

.special a {
	color: #CC0033;
	display: block;
	font-weight: bold;
	text-decoration: none;
}
.special a:link {
	color: #CC0033;
}
.special a:visited {
	color: #CC0033;
}
.special a:hover {
	color: #FF9900;
}
.special a:active {
	color: #CC0033;
}

.show {
	width: 800px;
	height: 600px;
}
.imagenavigationtable {
	width: 800px;
	position: relative;
	top: 0px;
}
.imagenavigationleft {
	color: #000033;
	font-size: 24px;
	font-weight: bold;
	border: 0px solid black;
	text-align: right;
	vertical-align: top;
	width: 24px;
}
.imagenavigationup {
	color: #000033;
	font-size: 16px;
	font-weight: bold;
	padding-top:7px;
	text-align: center;
	vertical-align: top;
	width: 10px;
}
.imagenavigationright {
	color: #000033;
	font-size: 24px;
	font-weight: bold;
	border: 0px solid black;
	text-align: left;
	vertical-align: top;
	width: 24px;
}
.imagenumber {
	font-size: 11px;
	border: 0px solid black;
	padding-top: 12px;
	text-align: right;
	vertical-align: top;
	width: 32px;
}
.credits {
	font-size: 9px;
	color: gray;
	border: 0px solid black;
	padding-top: 13px;
	padding-left: 8px;
	vertical-align: top;
	text-align: left;
	width: 180px;
}
.imagetext {
	font-size: 9px;
	border: 0px solid black;
	padding-top: 14px;
	vertical-align: top;
	width: 530px;
}

img.thumbnail {
	border: 2px solid #000033;
	margin: 0px;
}
img.thumbnail:link {
	border: 2px solid #000033;
}
img.thumbnail:visited {
	border: 2px solid #000033;
}
img.thumbnail:hover {
	border: 2px solid #FF9900;
}
img.thumbnail:active {
	border: 2px solid #CC0033;
}

img.thisthumbnail {
	border: 2px solid #CC0033;
}
img.thisthumbnail:link {
	border: 2px solid #CC0033;
}
img.thisthumbnail:visited {
	border: 2px solid #CC0033;
}
img.thisthumbnail:hover {
	border: 2px solid #FF9900;
}
img.thisthumbnail:active {
	border: 2px solid #CC0033;
}
