html {
  overflow-y: scroll;
}

body {
	background: #1a1a1a url('gfx/bg_body.gif') repeat-y center;
	margin: 0;
	font-family: Arial, Verdana, Trebuchet MS;
	font-size: 11px;
	color: #505050;
}
img {
	padding: 0;
	border: 0;
}
fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}

.fout {
border:2px solid #727272;
padding:20px 5px;
background:none repeat scroll 0 0 #EEDAF7;
color:black;
display:block;
font-weight:bold;
}

h1 {
	color: #CD0668;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 18px;
}
h2 {
	color: #e22381;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 15px;
}
a {
	color: #cd0668;
}
a:hover {
	color: #2cfff8;
	text-decoration: none;
}
#mainContainer {
	width: 900px;
	margin: auto;
}
/* HEADER */

#containerComment{

height: 200px;

overflow: auto;
border: 1px solid #666;



}



div#twitter {
background:white none repeat scroll 0 0;
height:117px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
position:absolute;
right:381px;
top:40px;
width:auto;
}



div#avatar {
padding:20px 0 0 5px;
	width: 80px;
	height: 80px;
float:left;
}

#tweet {

}
#tweet a {
	padding-right: 3px;
	cursor: pointer;
	text-decoration: none;
}

#tweet h1{
	color:#82ADE3;
font-size:13px;
font-weight:bold;
text-transform:none;
}

#tweet p{
color:#82ADE3;
font-size:10px;
font-style:italic;
font-weight:bold;
text-transform:none;
}

div#topMenu {
	height: 40px;
	background: url('gfx/bg_menu.gif') repeat-x;
}
div#topMenu a {
	display: block;
	float: left;
	color: #d9d9d9;
	font-size: 18px;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 40px;
	padding: 0 27px;
	border-left: 1px solid #3f3f3f;
}
div#topMenu a:hover {
	background: url('gfx/bg_menu2.gif') repeat-x;
	color: #403f40;
}
div#topMenu a.active {
	background: url('gfx/bg_menu2.gif') repeat-x;
	color: #cd0668;
}
/*div#topMenu a#nav_11 {
	padding: 0 28px;
}*/
div#header {
	border: 1px solid #e4e4e4;
	height: 221px;
}
#logo {
	position: absolute;
	display: block;
	width: 251px;
	height: 127px;
	z-index: 10;
}
div#subMenu {
	background: url('gfx/bg_subMenu.gif') repeat-x;
	height: 26px;
	border: 1px solid #535353;
	margin-top: 20px;
	padding-left: 20px;
}
div#subMenu a {
	background: url('gfx/bullet.gif') no-repeat right center;
	text-decoration: none;
	text-transform: uppercase;
	color: #212121;
	font-size: 12px;
	float: left;
	line-height: 26px;
	padding-right: 15px;
	margin-right: 15px;
}
div#subMenu a:hover {
	background: url('gfx/bullet2.gif') no-repeat right center;
	color: #cd0668;
}

div#subMenu a.active{
	background: url('gfx/bullet2.gif') no-repeat right center;
	color: #cd0668;
}


/* MAIN*/


div#mainContent {
	background: #fff url('gfx/bg_mainContent.gif') repeat-x top;
	margin-top: 20px;
	padding: 30px 50px 30px 20px;
	border: 1px solid #535353;
}

/* BOTTOM */
div#agenda,
div#poll,
div#foto {
  height: 230px;
}
div#agenda {
  text-transform: uppercase;
	margin-top: 20px;
	background: #0d0d0d url('gfx/bg_blok.gif') repeat-x top;
	width: 284px;
	border: 1px solid #e8e8e8;
	float: left;
}
div#poll {
	margin-top: 20px;
	margin-left: 21px;
	background: #0d0d0d url('gfx/bg_blok.gif') repeat-x top;
	width: 280px;
	border: 1px solid #e8e8e8;
	float:left;
	padding-left:5px;
}
div#foto {
	text-transform: uppercase;
	margin-top: 20px;
	background: #0d0d0d url('gfx/bg_blok.gif') repeat-x top;
	width: 284px;
	border: 1px solid #e8e8e8;
	float:right;
}
div#agendaContent,
div#pollContent,
div.fotoContent {
	height:200px;
	padding: 10px 20px 0px 20px;
}
div#agendaContent h3,
div#pollContent h3,
div.fotoContent h3 {
	margin:0;
	padding:0;
	font-size: 18px;
	color:#fff;
	text-transform: uppercase;
	font-weight: normal;
	border-bottom: 1px dotted #fff;
	display: block;
	padding-bottom: 5px;
}
div#agendaBottom,
div#pollBottom,
div#fotoBottom {
  clear: both;
	height: 22px;
	padding-left: 20px;
}
div#agendaBottom a,
div#pollBottom a,
div#fotoBottom a
{
	font-size: 10px;
	color: #cd0668;
	text-decoration: none;
  text-transform: uppercase;
}
div#agendaBottom a:hover,
div#pollBottom a:hover,
div#fotoBottom a:hover {
	text-decoration: underline;
}
div#pollContent a,
div.fotoContent a {
	text-decoration: none;
	display: block;
	color: #2cfff8;
	margin:8px 0px;
}
div#pollContent a:hover,
div.fotoContent a:hover {
	text-decoration: underline;
}
div#agendaContent a {
	background: url('gfx/bullet3.gif') no-repeat left;
	padding-left: 20px;
	text-decoration: none;
	display: block;
	color: #fff;
	margin:8px 0px;
}


div#agendaContent a:hover {
	color: #2cfff8;
}
div#pollContent label {
	color: #ffffff;
}
div#pollContent .submit {
	background: url('gfx/btn_vote.gif') no-repeat;
	border: none;
	width: 67px;
	height: 22px;
	margin-top: 10px;
	cursor: pointer;
}
.pollBar{
	background-color: #e3e3e3;
  border: 1px solid #3f3f3f; 
  width: 185px; 
  float: left;
}
div.poll {
	padding: 5px 0px;
}
div.pollview {
	color: #ffffff;
}
.pollBarContent {
  background-color: #cd0668; 
  height: 13px;
}
div.pollOverview {
  margin-right: 15px;
	border: 1px solid #cfcfcf;
	padding: 0 10px;
  float: left; 
  width: 350px;
  height: 275px;
  overflow: hidden;
}
span.percentage {
  float: left;
  margin-left: 3px;
  font-size: 10px;
  clear: right;
}

/* FOOTER */

div#footer {
	margin: 20px 0px;
	background-color: #1c1c1c;
	border: 1px solid #e4e4e4;
	line-height: 27px;
	color: #fff;
	font-size: 10px;
	height: 27px;
  text-align: center;
}
div#footer a {
	color: #cd0668;
	text-decoration: none;
}


/* PHOTOBOOKS */

div.photo {
	position: relative;
	float: left;
	width: 150px;
	height: 180px;
	padding: 4px;
	margin: 2px;
	border: 1px #d5d5d5 solid;
	background-color: #ffffff;
}
div.photobook {
  padding: 10px;
  margin: 0 auto;
  background-color: #f0f0f0;
}
div.photobook a {
	font-size: 12px;
	text-decoration: none;
}
div.photobookDescription {
  float: left;
  width: 250px;
}
div.photobookDescription h2 {
  font-weight: bold;
}
div.pagingMenu {
	margin: auto;
	padding: 15px 0px;
	text-align: center;
}
div.pagingMenu a {
	margin: 0px 3px;
}
div.pagingMenu .activePage {
	color: #212121;
}

.fotoContent {
	position: relative;
}
#photoPreview {
	position: absolute;
	margin-top: 100px;
	margin-left: 95px;
}
.fotoContent img{
	border: 1px solid #e1e1e1;
	margin-left: 25px;
}
.photoHolder {
	position: absolute; 
	top: 50%; 
	left: 50%; 
}


/* GUESTBOOK */
div#emailForm,
div.agendaMsg,
div.guestbookMsg {
	border: 1px solid #545454;
	margin: 0 auto;
	margin-bottom: 15px;
}
div#emailForm h3,
div.agendaMsg h3,
div.guestbookMsg h3 {
	margin: 0;
	padding: 5px 15px;
	background-color: #d4d4d4;
	font-weight: normal;
	font-size: 14px;
	height: 14px;
}
span.agendaTitle,
span.guestBookTitle {
	color: #cd0668;
	float: left;
	font-weight: bold;
	font-size: 14px;
}
span.agendaDate,
span.guestBookLog {
	float: right;
	font-size: 12px;
}
p.agendaMessage,
p.guestBookMessage{
	padding-left: 20px;
}

p.photobookForm{
	
}
div.photobookForm {
	float:left;
	margin:0 20px;
	padding:20px 0 20px 20px;
}
.comments a{
float: right;
cursor:pointer;
}

.black_overlay{
	
}

#light h1{
float:left;
}
 
#light {
	display: none;
	position:fixed;
	top: 25%;
	left: 25%;
	right:25%;
	height: 50%;
	padding: 16px;
	border:5px solid black;
	background-color: white;
	z-index:1002;
	overflow: auto;
/*top: 465px; width: 620px; height: 470px; margin-left: -310px; left: 832px; */	
}

.comments{
float: right;
}
div.photobookForm .submit {
	background: url('gfx/btn_place_message.gif') no-repeat;
	border: none;
	height: 22px;
	width: 119px;
	cursor: pointer;
	margin-top: 10px;
	margin-left: 75px;
}
div.photobookForm input,
div.photobookForm textarea {
	border: 1px solid #545454;	
	margin-left: 10px;
}
div.photobookForm #form {
	float: left;
}

#light a {
float:right;
margin-top:10px;
padding-right:18px;
padding-top:1px;
cursor: pointer;
margin-left:470px;
background: url("../gfx/bg_cart_delete.gif") no-repeat scroll right top transparent;

}
div.photobookForm #emoticons {

 height:200px;
margin-right:10px;
overflow-y:visible;
padding:10px;
}

div.guestbookForm {
	border: 1px solid #545454;
	margin: 0 auto;
	margin-bottom: 5px;
	padding: 20px 0px 20px 20px;
}
div.guestbookForm .submit {
	background: url('gfx/btn_place_message.gif') no-repeat;
	border: none;
	height: 22px;
	width: 119px;
	cursor: pointer;
	margin-top: 10px;
	margin-left: 75px;
}
div.guestbookForm input,
div.guestbookForm textarea {
	border: 1px solid #545454;	
	margin-left: 10px;
}
div.guestbookForm #form {
	float: left;
	width: 300px;
}
div.guestbookForm #emoticons {
  display: none;
  border: 3px double #cecece;
  padding: 10px;
  float: right;
  width: 350px;
  height: 200px;
  margin-right: 10px;
  overflow-y: scroll;
}

/* CONTACT */

div#emailForm input,
div#emailForm textarea {
	border: 1px solid #545454;
	margin-left: 10px;
}
div#emailForm .submit {
	border: none;
	background: url('gfx/btn_send.gif') no-repeat;
	width: 75px;
	height: 22px;
	margin-top: 10px;
	margin-left: 75px;
	cursor: pointer;
}

p.error {
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  color: #DF1E7D;
  margin: 0;
  padding: 0;
}

/* PHOTOBOOKS COMMENT SYSTEM*/

div.fotocomment {
background-color:#FFFFFF;
border:1px solid #D5D5D5;
float:none;
height:300px;
margin:20px auto;

width:400px;
}

#bordercomment{
border:1px dotted;
margin-top:20px;
padding:0 20px;
width:95%;
float:left;
}

.nomessage {
float: left;
}

#commentTitel{
float: left;
}

#test {
position: absolute;
}

#back {
padding-top:20px;
}
.fotocomment img{
border:0 none;
vertical-align: middle;
padding:0;
width:400px; 
height:300px;

}
#CommentMessage{

}

#CommentDatum{

}

hr {
margin:0 20px 0;
border: 0px;
}