html,
body {
    margin: 0;
    padding: 0;
    background: url(../images/buch.jpg) top left no-repeat;
    text-align: center;
}

body,
body * {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

a img {
    border: none;
}

.input label,
.labeledtext .label {
	margin-left: 0;
}

a,
a span {
	color: #103dff;/*#44a228;*/
        cursor: pointer;
}

a:hover,
a:hover span {
	color: #868686;
}


#pageContent {
    padding: 0;
    margin: 0;
}

.pageContent {
	padding: 0;
	margin: 0;
	width: 1024px;
	margin: auto;
	text-align: left;
        background: #f2f2f2;
}

.input input {
        color: #103dff;/*#44a228;*/
}

.menu {
    height: 30px;
}

.header img {
    margin: 0;
    padding: 0;
    border-bottom: 2px solid #8c8c8c;
}

.sidebar {
    width: 230px;
    margin: 0 20px;
    padding-top: 20px;
}

.sidebar.left {
    float: left;
}

.sidebar.right {
    float: right;
}

.content {
    margin: 0 270px;
    padding-top: 20px;
}

.main {
    /* fixes has-layout-bug in IE6*/
    zoom:1;
}

.pageContent:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

ul {
    list-style:none;
    margin: 0;
    padding:0;
}

li {
    margin: 0;
    padding:0;
}

.facebook,
.box {
    border: 1px solid #e1e1e1;
    margin-bottom: 30px;
    background: #fff;
}

.box li {
    padding: 5px;
}

.box .goto,
.box .goto * {
    margin: 7px 2px 2px 2px;
    text-decoration: none;
    font-size:10px;
    text-align:right;
    display: block;
}

.box.lined li {
    border-bottom: 1px solid #e1e1e1;
}

.box.lined li.last {
    border: none;
}

.box h2 {
    background: #e1e1e1;
    padding: 5px;
    margin: 0;
}

.box h2 a {
    text-decoration:none;
    color: #333;
}

.date {
    font-size: 10px;
}

h3 {
    margin: 3px 0 4px 0;
    padding: 0;
}

.presselounge .client {
    float: right;
    margin: 0 3px 3px 0;
    text-decoration:underline;
    font-size:10px;
}

.presselounge img {
    width: 30px;
    float: left;
    margin: 0 3px 3px 0;
}

.presselounge img.height {
    width: auto;
    height: 30px;
}

.youtube .grid img {
    display: block;
    margin: auto;
    width: 210px;
}

.flickr .grid li,
.slideshare .grid li {
    float:left;
    width:100px;
    overflow:hidden;
    text-align:center;
}

.flickr .grid li .image,
.slideshare .grid li .image {
    width:100px;
    height: 80px;
    overflow:hidden;
}

.slideshare .grid li h3,
.slideshare .grid li h3 *,
.flickr .grid li h3,
.flickr .grid li h3 * {
    font-size:10px;
}

.flickr .grid li.even,
.slideshare .grid li.even,
.slideshare .goto,
.flickr .goto {
    clear: left;
}

.flickr .grid img,
.slideshare .grid img {
    display: block;
    margin: auto;
    width: 100px;
}

.flickr .grid img {
    width: 80px;
}

.flickr .grid img.height {
    width: auto;
    height: 80px;
}

.previewdata {
    display:none;
}

.preview {
    cursor:pointer;
}

.youtube h2 img {
    float: right;
    margin: 0;
}

.flickr h2 img {
    float: right;
    margin: 1px 0;
}

.twitter h2 img,
.calendar h2 img,
.slideshare h2 img,
.mrwong h2 img,
.wvpr h2 img {
    float: right;
    margin: -3px 0;
}

.socialmedia h3,
.socialmedia h3 * {
    font-size:10px;
}

.socialmedia h3 .img {
    float:left;
    margin: -3px 5px -3px 0;
    display: block;
    height: 20px;
    width:20px;
}

.menu {
    height: 30px;
    background: #000;
}

.menu ul {
    list-style:none;
}

.menu li {
    float: right;
    padding: 7px 10px;
}

.menu li a {
    text-decoration:none;
}

.menu li a,
.menu li a * {
    color:#fff;
}

.menu li a:hover,
.menu li a:hover * {
    color:#103dff;/*#44a228;*/
}



/* messages */
.messages {
	background-color: #fabfbb;
	border: 1px dashed #d2423a;
	color: #d2423a;
	padding: 2px;
	margin: 10px;
	font-size: 10px;
}

.overlay .messages {
	zoom: 1; /* fix for IE to display grid as inline element*/
	display:-moz-inline-block;
	display:-moz-inline-box;
	display: inline-block;
	text-align: center;
	margin: 10px;
	padding: 5px;
	z-index: 1003;
	position: relative;
	border: 1px solid black;
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}

.messages ul {
	padding: 0 20px;
}

.noMessages,
.overlay .noMessages {
	display: none;
}

.hint {
    display: block;
    font-style:italic;
    font-size:10px;
}

.youtube .play {
    width: 210px;
    height: 157px;
    z-index:100;
    position:absolute;
    margin: 0;
    background:url(../images/play.png) center center no-repeat;
}