/* CSS of Login- and Intro-Page (example / Beispiel)
  ---------------------------------------------------
  The values here have precedence to text- and background color of login page
  specified in administration part of bytepix.
  The page consists of 4 div-Tags: "image", "textblock", "login" and "link",
  which are enclosed by a div-Tag "pageblock".
  Additionally enclosed is a <div> with id "pubalbdiv", which dynamically shows the
  links to public albums, opening and closing on clicks.

  Die hier gemachten Angaben haben Vorrang vor den Angaben fuer Textfarbe
  und Hintergundfarbe im Verwaltungsteil.
  Die Seite besteht aus 4 div-Tags: "image", "textblock", "login" und "link",
  die von einem div-Tag "pageblock" umschlossen werden.
  Ebenfalls eingeschlossen ist ein <div> mit id "pubalbdiv", der dynamisch die
  Links auf oeffentliche Alben zeigt. Er oeffnet und schliesst auf Mausklick.
*/

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body, p, a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
body {
	background-color: #FFFFFF;
	text-align: center;
}
h1 { font-size:14px; font-weight:bold; }
p { padding-bottom: 20px; }
a {	color: #333333; text-decoration: none; font-weight: bold; }
a:link { color: #333333; text-decoration: none; font-weight: bold; }
a:hover { color: #EE0000; text-decoration: none; font-weight: bold; }

#pageblock {
	position: relative;
	height: 100%;
    width: 340px;
	margin: 0 auto;
}

#theimage {
	width: 400px;
	height: 264px;
	background-color: #FFFFFF;
	padding: 0;
	margin: 0 auto;
}

#textblock {
	text-align: left;
	padding: 30px 30px 40px 30px;
	width: 100%;
	margin-top: 20px;
	background-color: #FFFFFF;
}

#login {
	width: 100%;
	background-color: #FFFFFF;
	padding-left: 30px;
	padding-right: 30px;
}

#thelink {
	text-align: center;
	background-color: #FFFFFF;
	padding: 30px 30px 100% 30px;
	width: 100%;
}

#pubalbdiv {
	width: auto;
	height: auto;
	padding: 12px;
	margin: 0px auto 0px 0px;
	text-alignment: left;
	color: #333333;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #f9f9f9;
    display: none;
}
#pubalbdiv a {
	text-decoration: underline;
	font-weight: normal;
	color: #333333;
}
#pubalbdiv ul {
	margin: 0;
	padding: 0;
}
#pubalbdiv li {
 list-style: none;
 padding: 2px 0px;
}
p#pubalbp {
	margin: 0;
	padding: 2px 0px 4px 0px;
}