* {margin: 0; padding: 0;}
a {text-decoration: none; color: #0088CC;}
a img map {border: none;}
br {clear: both;}
ul, ol {list-style: none;}

html, body {
  font-size       : 100.01%;
  height          : 99.0%;
  margin          : 0px;
  padding         : 0px;
  text-align      : center;
  width           : 100%;
}

body {
  background      : url(../images/gradient.jpg) repeat-x top;
  color           : #000;
  font            : 0.7em "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	font-weight     : bold;
}

#header {
	height          : 52px;
	margin          : 20px auto 0;
	position        : relative;
	text-align      : center;
	width           : 950px;
}

#headline, #footline {
	font-size       : 1.6em;
	font-weight     : bold;
  height          : 50px;
  line-height     : 50px;
  position        : absolute;
	text-shadow     : 0 1px 1px #cdcdcd;
  vertical-align  : middle;
}

#headline {
  top             : 70px;
  width           : 950px;
}

#footline {
  top             : 220px;
  width           : 950px;
}

#content {
  height          : 550px;
  position        : relative;
  top             : 75px;
  width           : 950px;
}

fieldset {
  border          : thin solid #000;
  padding         : 10px;
  margin-left     : 340px;
  position        : absolute;
  text-align      : left;
}

legend {
  padding         : 0px 5px;
}

#menu {
	height          : 52px;
  position        : relative;
 	width           : 950px;
}

#menu .menu_l, #menu .menu_r {
	background      : transparent;
	height          : 52px;
  position        : absolute;
  top             : 0;
	width           : 10px;
}

#menu .menu_l {
	background      : transparent url(../images/menu_l-1.png) no-repeat;
	left            : 0;
}
#menu .menu_r {
	background      : transparent url(../images/menu_r-1.png) no-repeat;
	right           : 0;
}

.menu_bg {
	background      : transparent url(../images/menu_bg-1.png);
	height          : 52px;
  margin-left     : 10px;
  width           : 930px;
}

#menu ul {
	left            : 0;
	height          : 52px;
  margin-left     : 94px;
  padding-top     : 5px;
	position        : relative;
	width           : 741px;
}

#menu li {
	background      : transparent url(../images/sep_v.png) repeat-y top right;
	display         : block;
	float           : left;
	line-height     : 41px;
	padding         : 0 10px;
}

#menu li.last, #menu li#where {
	background      : none;
}

#menu li a {
	color           : #383838;
	display         : block;
	text-decoration : none;
	text-shadow     : 0 1px 1px #cdcdcd;
	font-size       : 1.2em;
	font-weight     : bold;
	text-align      : center;
}
#menu li a:hover {
	color           : #111;
}
#menu li a.on {
	color           : #fff;
	text-shadow     : 0 1px 1px #404040;
	background      : transparent no-repeat 0 9px;
}
#menu li a.on:hover {
	color           : #fff;
}

#menu li#home a, #menu li#apps a, #menu li#facts a, #menu li#gallery a, #menu li#notes a, #menu li#notify a, #menu li#where a {
	width           : 83px;
}
#menu li#home a.on {
	background-image: url(../images/menu_on.png);
}
#menu li#apps a.on {
	background-image: url(../images/menu_on.png);
}
#menu li#facts a.on {
	background-image: url(../images/menu_on.png);
}
#menu li#gallery a.on {
	background-image: url(../images/menu_on.png);
}
#menu li#notes a.on {
	background-image: url(../images/menu_on.png);
}
#menu li#notify a.on {
	background-image: url(../images/menu_on.png);
}
#menu li#where a.on {
	background-image: url(../images/menu_on.png);
}


/* ... */
/* home */


.wappen {
  height          : 340px;
  margin-left     : 320px;
  position        : absolute;
  top             : 20px;
  width           : 310px;
}


/* ... */
/* facts */


.profile {
  height          : 217px;
  margin-left     : 340px;
  position        : absolute;
  top             : 20px;
  width           : 290px;
}

fieldset.facts {
  height          : 225px;
  top             : 255px;
  width           : 268px;
}

li.head {
  font            : 0.8em "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
  font-weight     : bold;
}

li.text {
  font            : 0.8em "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
  font-weight     : normal;
  margin          : 0px 0px 10px 0px;
}


/* ... */
/* gallery */


.warning {
  height          : 150px;
  position        : absolute;
  top             : 20px;
  width           : 950px;
}

.login {
  float           : left;
  height          : 140px;
  position        : absolute;
  top             : 320px;
  width           : 950px;
}

.login .line {
  height          : 20px;
  line-height     : 20px; 
  vertical-align  : middle;
  width           : 950px;
}

button, #authenticate {
  border          : thin solid #000;
  height          : 20px;
  line-height     : 20px;
  vertical-align  : middle;
  width           : 100px;
}

.login input {
  border          : thin solid #000;
  height          : 20px;
  line-height     : 20px;
  padding-left    : 5px;
  vertical-align  : middle;
  width           : 93px;
}

#CoverFlow {
  height          : 500px;
  margin-left     : 50px;
  position        : absolute;
  top             : 20px;
  width           : 850px;
}

/* ... */

.notes {
  float           : left;
  font            : 0.9em "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
  font-weight     : normal;
  margin-left     : 100px;
  width           : 750px;
}

.separator {
	background      : #fff url(../images/sep_h.png) repeat-x;
	color           : #666;
  float           : left;
  height          : 1px;
  margin          : 5px 0px;
	width           : 750px;
}

.created {
  float           : left;
  height          : 20px;
  line-height     : 20px;
  padding         : 0px 10px;
  text-align      : center;
  vertical-align  : middle;
}

.subject {
  float           : left;
  height          : 20px;
  line-height     : 20px;
  padding         : 0px 10px;
  text-align      : left;
  vertical-align  : middle;
}

.note {
  float           : right;
  font-weight     : bold;
  height          : 20px;
  line-height     : 20px;
  margin          : 10px 0px;
  padding         : 0px 10px;
  text-align      : left;
  vertical-align  : middle;
  width           : 730px;
}

.changed {
  float           : right;
  height          : 20px;
  line-height     : 20px;
  padding         : 0px 10px;
  text-align      : center;
  vertical-align  : middle;
}

/* ... */


.one {
  height          : 65px;
  top             : 20px;
  width           : 270px;
}

.two {
  height          : 30px;
  top             : 110px;
  width           : 70px;
}

#msg {
  height          : 40px;
  width           : 270px;
}

fieldset.three {
  border-left     : none;
  border-right    : none;
  border-bottom   : none;
  height          : 65px;
  top             : 190px;
  width           : 80px;
}

#notification_submit {
  border          : thin solid #000;
  float           : left;
  height          : 20px;
  line-height     : 20px;
  margin-bottom   : 15px;
  vertical-align  : middle;
  width           : 80px;
}

#notification_title, #notification_message {
  border          : none;
  width           : 270px;
}

#notification_title {
  height          : 15px;
  line-height     : 15px;
  vertical-align  : middle;
}

#notification_message {
  height          : 40px;
}

#smscount {
  font            : 0.8em "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
  font-weight     : bold;
  text-align      : right;
  width           : 270px;
}

#checked_notification, #spinner_notification {
  height          : 20px;
  line-height     : 20px;
  margin-left     : 450px;
  position        : absolute;
  top             : 213px;
  vertical-align  : middle;
  width           : 16px;
}

/* ... */

#locmeup {
  float           : left;
  height          : 435px;
  position        : absolute;
  top             : 20px;
  width           : 950px;
}

fieldset.twitter {
  height          : 375px;
  top             : 20px;
  width           : 270px;
}


/* ... */


#map {
  border          : thin solid #000;
  height          : 435px;
  margin-left     : 50px;
  position        : absolute;
  top             : 20px;
  width           : 850px;
}

#map_link {
  height          : 20px;
  line-height     : 20px;
  margin-left     : 200px;
  position        : absolute;
  text-align      : center;
  top             : 460px;
  vertical-align  : middle;
  width           : 550px;
}


/* ... */


.footer {
	background      : #fff url(../images/sep_h.png) repeat-x;
	color           : #666;
  float           : left;
	position        : relative;
	padding         : 15px 0;
  top             : 520px;
	width           : 950px;
}


/* ... */