/* HTML 5 enabling */
header, section, footer, #sidebar, nav, article, figure {display: block;}

/* Webfonts */
@font-face {
	font-family:'Museo500';
	src:url('/fonts/museo500.eot');
	src:url('/fonts/museo500.eot?#iefix') format('embedded-opentype'),
		url('/fonts/museo500.woff') format('woff'),
		url('/fonts/museo500.ttf') format('truetype'),
		url('/fonts/museo500.svg#Museo500') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'Museo700';
	src:url('/fonts/museo700.eot');
	src:url('/fonts/museo700.eot?#iefix') format('embedded-opentype'),
		url('/fonts/museo700.woff') format('woff'),
		url('/fonts/museo700.ttf') format('truetype'),
		url('/fonts/museo700.svg#Museo700') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'Indie';
	src:url('/fonts/Indie_Flower.eot');
	src:url('/fonts/Indie_Flower.eot?#iefix') format('embedded-opentype'),
		url('/fonts/Indie_Flower.woff') format('woff'),
		url('/fonts/Indie_Flower.ttf') format('truetype'),
		url('/fonts/Indie_Flower.svg#IndieFlower') format('svg');
	font-weight:normal;
	font-style:normal;
}

/* main layout */
html {	
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: GillSans, Calibri, Trebuchet, sans-serif;
	font-size: 14px;
    color: #fbe1a2;
    background-image: url(../images/background-textile.png);
}
a img {border: 0}

body {
	text-align: center;
	margin: 0;
	padding: 0;
}

#wrapper {
	background: url(../images/background.png);
	width: auto;
	min-width: 1113px;
	margin: 0;
	padding: 0;
}

#sizer {
    width: 860px;
    margin-left: auto;
    margin-right: auto;
	text-align: left;
	padding-bottom: 20px;
	padding-top: 10px;
}

/* float clearing for IE6 */
* html #sizer {
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html #sizer {
  min-height: 1%;
}

/* float clearing for everyone else */
#sizer:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

a {
    color: #ea8a00;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
h1 {
    font-weight: normal;
    /*font-style: italic;*/
    font-family: Museo700;
    font-size: 1.4em;
    color: #ea8a00;
    margin: 0;
    padding: 0;  
}
h2 {
    font-weight: normal;
    
    font-family: Museo700;
    font-size: 1.1em;
    color: #ea8a00;
    margin: 0;
    padding: 0; 
}

.clear {
    float: none;
    clear: both;
}

/* header */
#toolbar + #wrapper #head {
	margin-top: 40px;
}
#head {
	margin: auto;
	text-align: left;
	position: relative;
}

#head #wimpel {
    position: absolute;
    top: -158px;
    left: 795px;
}

@-webkit-keyframes wobble {
  from {-webkit-transform: rotate(0deg);}
  10% {-webkit-transform: rotate(-3deg);}
  25% {-webkit-transform: rotate(1.5deg);}
  45% {-webkit-transform: rotate(-1.5deg);}
  60% {-webkit-transform: rotate(1deg);}
  75% {-webkit-transform: rotate(-0.5deg);}
  90% {-webkit-transform: rotate(0.5deg);}
  to {-webkit-transform: rotate(-0deg);}
}

@-moz-keyframes wobble {
  from {-webkit-transform: rotate(0deg);}
  10% {-webkit-transform: rotate(-3deg);}
  25% {-webkit-transform: rotate(1.5deg);}
  45% {-webkit-transform: rotate(-1.5deg);}
  60% {-webkit-transform: rotate(1deg);}
  75% {-webkit-transform: rotate(-0.5deg);}
  90% {-webkit-transform: rotate(0.5deg);}
  to {-webkit-transform: rotate(-0deg);}
}

#head #wimpel:hover {
    -webkit-animation: wobble 2s ease-out;
    -moz-animation: wobble 2s ease-out;
}



/* navigation */
#head nav {
    display: block;
    clear: both;
    float: none;
    margin-top: 10px;
    padding-bottom: 60px;
}

#head nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#head nav li {float: left;  margin: 0; padding: 0;}
#head nav li a {
    display: block;
    height: 54px;
    background: url(../images/navigation.png) no-repeat top;
}
#head nav li a span {display: none;}
#head nav #n1 a {background-position: 0 0; width: 153px;}
#head nav #n2 a {background-position: -154px 0; width: 92px;}
#head nav #n3 a {background-position: -245px 0; width: 108px;}
#head nav #n4 a {background-position: -353px 0; width: 117px;}
#head nav #n5 a {background-position: -470px 0; width: 117px;}
#head nav #n6 a {background-position: -587px 0; width: 129px;}
#head nav #n7 a {background-position: -716px 0; width: 114px;}
#head nav #n1 a:hover, #head nav #n1 a:active, #head nav #n1 a:focus {background-position: 0 -54px;}
#head nav #n2 a:hover, #head nav #n2 a:active, #head nav #n2 a:focus {background-position: -154px -54px;}
#head nav #n3 a:hover, #head nav #n3 a:active, #head nav #n3 a:focus {background-position: -245px -54px;}
#head nav #n4 a:hover, #head nav #n4 a:active, #head nav #n4 a:focus {background-position: -353px -54px;}
#head nav #n5 a:hover, #head nav #n5 a:active, #head nav #n5 a:focus {background-position: -470px -54px;}
#head nav #n6 a:hover, #head nav #n6 a:active, #head nav #n6 a:focus {background-position: -587px -54px;}
#head nav #n7 a:hover, #head nav #n7 a:active, #head nav #n7 a:focus {background-position: -716px -54px;}


/* content-area */
#content {
	width: 583px;
	float: left;
	text-align: left;
}
#content #posts-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
#content .hentry {
    padding-bottom: 10px;
}
#content .hentry header {
    background-image: url(../images/content_top.png);
    padding-left: 15px;
}
#content .hentry header h1 {
    height: 35px;
    padding-top: 15px;
}
#content .hentry header h1 a {
    color: #ea8a00;
    text-decoration: none;
}
#content .hentry .entry-content {
    background-image: url(../images/content_main.png);
    padding-left: 15px;
    padding-right: 22px;
    overflow:hidden;
    line-height: 1.3em;
}
#content .hentry .entry-content p {
    text-align: justify;
    margin: 0;
    padding-bottom: 12px;
}
#content .hentry .post-info {
    background-image: url(../images/content_bottom.png);
    background-position: bottom left;
    height: 32px;
    font-size: 0.8em;
}
#contentinfo {
    min-width: 1113px;
    float: none;
    clear: both;
    background-image: url(../images/footer-beta.png);
    height: 50px;
    padding-top: 20px;
    color: white;
    font-style: italic;
}

#contentinfo address {
	width: 840px;
	margin: 0 auto;
}

#contentinfo address img{
	position: relative;
	top: 2px;
	float: none;
}

#content img {
    /*width: 100%;*/
}

.pagination {
    text-align: center;
    color: #914400;
    font-size: 1.3em;
    font-family: cursive;
}

.pagination .count {
    position: relative;
    top: -4px;
    display: inline;
}

.pagination img {
    float: none;
    width: auto;
}

/* post-date */
.post-date {
    position: relative;
    background-image: url(../images/date.png);
    height: 61px;
    width: 37px;
    top: -5px;
    left: 500px;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.75em;
    padding-left: 7px;
    margin-bottom: -56px;
}

.post-date .day {
    font-size: 2.1em;
    font-family: Georgia, "Times New Roman", serif;
}


/* Polaroid */
#noborder {
    height: 230px;
}
#sidebar figure {
    position: absolute;
    height: 263px;
    width: 250px;
    margin-top: -45px;
    margin-left: 0px;

}
#polaroid {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    border: 0 none;
	z-index: 40;
}
#random {
    width: 156px;
    height: 156px;
    margin-top: 55px;
    margin-left: 59px;
    overflow: hidden;
    background-color: gray;
	position: relative;
}
#random img{height: 156px;}
#togallery {margin-top: 7px;}


/*Sidebar */
#sidebar {
    float: right;
    width: 248px;
    text-align: left;
}

#sidebar h1 {
    font-size: 1.3em;
}

#sidebar article {
    width: 248px;
}
#sidebar article header {
    background-image: url(../images/side_top.png);
    height: 30px;
    padding-left: 12px;
    padding-top: 15px;
}
#sidebar article .entry-content {
    background-image: url(../images/side_main.png);
    padding-left: 12px;
    padding-right: 15px;
}
#sidebar article footer {
    background-image: url(../images/side_bottom.png);
    height: 33px;
}

#sidebar .upcoming {
    margin: 0;
    list-style: none;
    padding: 0;
   padding-left: 10px;
}

#sidebar .upcoming li {
    margin: 0;
    padding: 0;
    padding-bottom: 7px;
}

#sidebar .upcoming abbr {
    display: block;
    float: left;
    width: 50px;
}


#sidebar abbr {
    border: none;
}

#gmap {
    height: 200px;
    width: 535px;
    border: 5px solid white;
}


#sidebar em {
    font-style: normal;
    color: #ea8a00;
}

/* table */

table {
    width: 545px;
    border-collapse: collapse;
    empty-cells: show;
}

thead tr {
    color: #ea8a00;
    background-image: url(../images/th.png);
    background-repeat: repeat-x;
    height: 29px;
    position: relative;
    margin-bottom: 10px;
}

thead tr th {
    padding-left: 2px;
    padding-top: 2px;
    text-align: center;
    background-image: none;
}

th {
    text-align: center;
    white-space: nowrap;
}

table .line {
	border-bottom: 1px dotted #3e1e07;
}

/*--------------Aktionen--------------------*/
#sliderHandle {
	position: relative;
}

#sliderContent {
	position: relative;
	top: -157px;
}

#albumnamePolaroid {
	position:absolute;
	bottom: 0px;
	height:20px;
	width:117px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #000;
	font-family:"Indie";
	z-index: 30;
	text-align:center;
	-moz-transform: rotate(4deg);
	-webkit-transform: rotate(4deg);
}

#backgroundPolaroid {
	position:absolute;
	bottom: 0px;
	height:20px;
	width:117px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
	z-index: 20;
	background-color: black;
	opacity: 0;
	-moz-transform: rotate(4deg);
	-webkit-transform: rotate(4deg);
}




/*--------------Twitter--------------------*/

.twitter ul {
	overflow: hidden;
}
.twitter .status {
	white-space: nowrap;
	
	font-size: 0.8em;
	float: right;
	padding-right: 5px;
}

.twitter #twitter-bird {
	width: 72px;
	height: 72px;
	position: relative;
	top: -68px;
	left: 165px;
	margin-bottom: -71px;
	-webkit-transition:  top 0.1s linear;
	z-index: 1000;
}

@-webkit-keyframes jump {
  from {top: -68px;}
  25% {top: -78px;}
  50% {top: -68px;}
  75% {top: -76px;}
  to {top: -68px;}
}

.twitter #twitter-bird:hover  {
	-webkit-animation: jump 0.7s ease-out;
}

.twitter #twitter-bird:active  {
	top: -120px;
}

/*--------RapidEdit/TinyMCE Anpassungen-----------------*/
.rapidEdit-submit, .rapidEdit-cancel { display: none; }

/*--------GRUPPENLEITERBEREICH-------------------------*/

/*Toolbar*/
#toolbar {
	background: url(../images/toolbar_background.png) repeat-x scroll top center transparent;
	height: 40px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 2000;
	padding-bottom: 7px;
}

#toolbar #toolbarNavi {
	width: 750px;
	height: 40px;
	margin: 0 auto;
}

#toolbar #toolbarNavi #toolbarName {
	float: left;
	font-size: 22px;
	color: #fff;
	line-height: 40px;
	position: relative;
}

#toolbar #toolbarNavi #toolbarName img {
	display: block;
	float:left;
	margin-top: 2px;
	margin-left: 18px;
	margin-right: 3px;
	height: 35px;
}
#toolbar #toolbarNavi #toolbarName #noAvatar {
	background: url(../images/missingavatar.png) no-repeat scroll left top transparent;
	position: absolute;
	width: 160px;
	height: 112px;
	top: 16px;
	left: -142px;
}
#toolbar #toolbarNavi #toolbarName .mask {
	position: absolute;
	left: 0px;
	height: 35px;
	width: 36px;
	background: url(../images/toolbar_maske_sprite.png) no-repeat scroll left top transparent;
	margin: 2px 3px 0px 18px;
	cursor: pointer;
}
#toolbar #toolbarNavi #toolbarName .mask:hover {
	background-position: left -35px;
}
#toolbar #toolbarNavi #toolbarName .mask .progressBar {
	position: absolute;
	bottom: 11px;
	height: 2px;
	background-color: white;
	width: 0px;
	margin-left: 5px;
}
#toolbar #toolbarNavi #toolbarName .mask #flashUserImage {
	line-height: 0;
	font-size: 0;
}

#toolbar #toolbarNavi #toolbarNavigation {
	float: right;
}

#toolbar #toolbarNavi #toolbarNavigation a {
	width: 37px;
	height: 37px;
	display: block;
	margin-top: 3px;
	float: left;
	margin-left: 13px;
	background: url(../images/icons.png) no-repeat scroll top left transparent;
	position: relative;
}

#toolbar #toolbarNavi #toolbarNavigation #toolbarHome { background-position: 0px 0px; }
#toolbar #toolbarNavi #toolbarNavigation #toolbarSettings { background-position: -37px 0px; }
#toolbar #toolbarNavi #toolbarNavigation #toolbarLogout { background-position: -74px 0px; }
#toolbar #toolbarNavi #toolbarNavigation #toolbarHome:hover { background-position: 0px -37px; }
#toolbar #toolbarNavi #toolbarNavigation #toolbarSettings:hover { background-position: -37px -37px; }
#toolbar #toolbarNavi #toolbarNavigation #toolbarLogout:hover { background-position: -74px -37px; }

#toolbar #toolbarNavi #toolbarNavigation #toolbarHome #filter {
	position: absolute;
	height: 194px;
	width: 55px;
	display: block;
	top: 37px;
	left: -7px;
	display: none;
}
#toolbar #toolbarNavi #toolbarNavigation #toolbarHome:hover #filter {
	display: block;
}
#toolbar #toolbarNavi #toolbarNavigation #toolbarHome #filter .filterItem {
	width: 55px;
	height: 37px;
	display: block;
	background: url(../images/type-dropdown.png) no-repeat scroll left top transparent;
}
#toolbar #toolbarNavi #toolbarNavigation #toolbarHome #filter .filterItem[rel=Topics] { background-position: left 0px; }
#toolbar #toolbarNavi #toolbarNavigation #toolbarHome #filter .filterItem[rel=Termine] { background-position: left -37px; }
#toolbar #toolbarNavi #toolbarNavigation #toolbarHome #filter .filterItem[rel=Dateien] { background-position: left -74px; }
#toolbar #toolbarNavi #toolbarNavigation #toolbarHome #filter .filterItem[rel=Adressen] { background-position: left -110px; }
#toolbar #toolbarNavi #toolbarNavigation #toolbarHome #filter .filterItem[rel=Seiten] { background-position: left bottom; height: 48px; }
#toolbar #toolbarNavi #toolbarNavigation #toolbarHome #filter .filterItem[rel=Topics]:hover { background-position: right 0px; }
#toolbar #toolbarNavi #toolbarNavigation #toolbarHome #filter .filterItem[rel=Termine]:hover { background-position: right -37px; }
#toolbar #toolbarNavi #toolbarNavigation #toolbarHome #filter .filterItem[rel=Dateien]:hover { background-position: right -74px; }
#toolbar #toolbarNavi #toolbarNavigation #toolbarHome #filter .filterItem[rel=Adressen]:hover { background-position: right -110px; }
#toolbar #toolbarNavi #toolbarNavigation #toolbarHome #filter .filterItem[rel=Seiten]:hover { background-position: right bottom; }

/*Settings*/
#settings {
	position: fixed;
	top: 36px;
	left: 500px;
	background: url(../images/settings-top.png) no-repeat scroll top left transparent;
	width: 301px;
	padding-top: 22px;
	display: none;
	z-index: 2000;
}

#settingsMain {
	background: url(../images/settings-bottom.png) no-repeat scroll bottom left transparent;
	position: relative;
	padding: 5px 20px 22px 20px;
	overflow: hidden;
	color: #fff;
}

#settingsMain h1 {
	text-align: left;
	color: white;
}

#settingsMain hr {
	clear: both;
	height: 1px;
	background-color: #4F4F4F;
	width: 100%;
	border: 0 none;
	margin: 5px 0;
}

#settingsMain #remindSettings {
	margin: 8px 0;
}

#settingsMain strong {
	display: block;
	text-align: left;
	float: left;
}

#settingsMain input {
	background: white;
	border: 1px solid #242424;
	outline: 0 none;
	padding: 5px;
	-webkit-box-shadow: 0px 0px 5px #242424 inset;
	-moz-box-shadow: 0px 0px 5px #242424 inset;
	box-shadow: 0px 0px 5px #242424 inset;
	width: 249px;
	outline: none;
}

#settingsMain #oldPassword {
	margin-bottom: 8px;
	margin-top: 2px;
}
#settingsMain #newPaddword2 {
	margin-bottom: 0px;
}

#settingsSave {
	display: block;
	width: 259px;
	height: 35px;
	background: url(../images/settings-save.png) no-repeat scroll top left transparent;
	color: white;
	text-decoration: none;
	line-height: 35px;
	font-size: 18px;
	float: left;
	margin-top: 2px;
	text-shadow: black -1px -1px;
}

#settingsSave:hover {
	background-position: 0px -35px;
}

#internPopupOverlay {
	background-color: #000;
	opacity: 0.5;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 500;
	display: none;
}

#internPopup {
	background: url(../images/popup.png) no-repeat scroll top left transparent;
	padding: 14px 32px;
	display: none;
	position: fixed;
	width: 441px;
	height: 244px;
	margin-left: -252.5px;
	margin-top: -136px;
	left: 50%;
	top: 50%;
	z-index: 501;
}

.login h1 {
	color: white;
	text-shadow: black 1px 2px;
	font-size: 25px;
	font-family: Museo700;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 15px;
}

.login input {
	padding: 0px 8px;
	height: 35px;
	outline: none;
	border: none;
	width: 427px;
	background: url(../images/popup-input.png) no-repeat scroll top left transparent;
	font-size: 20px;
	margin-bottom: 16px;
	padding-top: 8px;
}

.login a {
	display: block;
	width: 439px;
	height: 35px;
	background: url(../images/popup-button.png) no-repeat scroll top left transparent;
	color: white;
	text-decoration: none;
	line-height: 35px;
	font-size: 18px;
	float: left;
	margin-top: 6px;
	text-shadow: black -1px -1px;
}

.login a:hover {
	background-position: 0px -35px;
}

/*Suche*/
#searchInput {
	border: 0 none;
	outline: none;
	background: url(../images/search.png) no-repeat scroll top left;
	height: 31px;
	width: 517px;
	padding-left: 40px;
	padding-right: 10px;
	color: #FBE1A2;
	margin-top: 8px;
	margin-bottom: 20px;
	margin-left: 5px;
}

/*Stream*/
#moreLink {
	background: url(../images/loadmore.png) no-repeat scroll top left;
	width: 570px;
	height: 60px;
	display: block;
}

#moreLink:hover {
	background-image: url(../images/loadmore_hover.png);
}

.streamItem {
	margin-left: -4px;
	margin-bottom: 10px;
}
#content .icon {
	width: 36px;
	height: 36px;
	float: left;
	padding-left: 36px;
	font-size: 20px;
	color: black;
	padding-top: 20px;
}
.streamItem .content {
	width: 509px;
	min-height: 59px;
	float: left;
	background: url(../images/logo-box.png) no-repeat scroll left top transparent;
	margin-bottom: 10px;
}

.albumIcon {
	background: url(../images/logo-photo.png) no-repeat scroll left top transparent;
}
.dateIcon {
	background: url(../images/logo-calendar.png) no-repeat scroll left top transparent;
}
.fileIcon {
	background: url(../images/logo-file.png) no-repeat scroll left top transparent;
}
.contactIcon {
	background: url(../images/logo-contact.png) no-repeat scroll left top transparent;
}
.pageIcon {
	background: url(../images/logo-page.png) no-repeat scroll left top transparent;
}

.streamItem .content h2 {
	margin-top: 5px;
	margin-left: 6px;
	float: left;
	max-width: 350px;
}

.streamItem .content .changed {
	float: right;
	margin-top: 6px;
	margin-right: 13px;
}

.streamItem .content .albumNumberOfImages, .streamItem .content .dateContent, .streamItem .content .pageContent {
	margin-left: 6px;
	margin-top: 25px;
}

/*CONTACTS*/
.streamItem.contact .content {
	background: none;
	position: relative;
}
.streamItem.contact .content h1 {
	background: url(../images/logo-box-top.png) no-repeat scroll left top transparent;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 17px;
	padding-bottom: 6px;
}
.streamItem.contact .contactImage {
	position: absolute;
	right: 14px;
	top: 6px;
	width: 77px;
	height: 81px;
	background: url(../images/address-stamp.png) no-repeat scroll left top transparent;
	padding-left: 11px;
	padding-top: 8px;
}
.streamItem.contact .contactImage img {
	width: 70px;
	height: 70px;
	border: 0 none;
	outline: 0 none;
}
.streamItem.contact .contactContent {
	clear: both;
	background: url(../images/logo-box-middle.png) repeat-y scroll right top transparent;
}
.streamItem.contact .contactContent table {
	border-collapse: collapse;
}
.streamItem.contact .contactContent td {
	vertical-align: top;
}
.streamItem.contact .contactContent .label {
	text-align: right;
	font-size: 12px;
	color: #fff;
	width: 100px;
	padding-right: 13px;
	padding-top: 2px;
}
.streamItem.contact .contactContent .label.address{
	height: 55px;
}
.streamItem.contact .foot {
	clear: both;
	background: url(../images/logo-box-foot.png) no-repeat scroll left top transparent;
	height: 15px;
}

/*FORUM*/
.streamItem.topic {
	
}
.streamItem.topic .content {
	width: 587px;
	background: none;
	position: relative;
}
.streamItem.topic .content h1 {
	background: url(../images/logo-box-top.png) no-repeat scroll left top transparent;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 17px;
	padding-bottom: 6px;
	position: relative;
	width: 499px;
	margin-left: 72px;
}
.streamItem.topic .content h1 .reply {
	width: 25px;
	height: 20px;
	background: url(../images/forum-reply.png) no-repeat scroll left top transparent;
	position: absolute;
	top: 10px;
	right: 17px;
	cursor: pointer;
}
.streamItem.topic .content .replyBox {
	width: 575px;
	z-index: 3;
	position: absolute;
	bottom: 22px;
	left: -521px;
	display: none;
	cursor: default;
}
.streamItem.topic .content .replyBox .replyHead {
	width: 575px;
	height: 22px;
	background: url(../images/forum-reply-head.png) no-repeat scroll left top transparent;
}
.streamItem.topic .content .replyBox .replyBody {
	width: 575px;
	background: url(../images/bubble_body.png) repeat-y scroll left top transparent;
	min-height: 20px;
}
.streamItem.topic .content .replyBox .replyFoot {
	width: 575px;
	height: 35px;
	background: url(../images/forum-reply-foot.png) no-repeat scroll left top transparent;
}
.streamItem.topic .content .replyBox textarea {
	border: 0 none;
	outline: 0 none;
	padding: 5px;
	margin: 10px;
	margin-top: 0;
	margin-left: 15px;
	width: 525px;
	min-height: 40px;
	margin-bottom: 0px;
}
.streamItem.topic .content .replyBox .replyClose {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(../images/forum-reply-close.png) no-repeat scroll left top transparent;
	right: 7px;
	top: 12px;
	cursor: pointer;
}
.streamItem.topic .content .replyBox .replyButton {
	width: 114px;
	height: 36px;
	background: url(../images/submit.png) no-repeat scroll left top transparent;
	color: #666;
	text-align: center;
	line-height: 36px;
	cursor: pointer;
	font-family: GillSans, Calibri, Trebuchet, sans-serif;
	font-size: 14px;
	top: 7px;
	z-index: 2;
	position: relative;
	margin-top: 0;
	margin-left: 446px;
	display: block;
	text-decoration: none;
	outline: none;
}
.streamItem.topic .content .replyBox .replyButton:hover, .streamItem.topic .content .replyBox .replyButton:focus {
	background-position: left -36px;
}
.streamItem.topic .content h1 .reply .label {
	position: absolute;
	font-size: 12px;
	color: white;
	left: -70px;
	top: 4px;
	opacity: 0;
	transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
}
.streamItem.topic .content h1 .reply:hover .label {
	opacity: 1;
}
.streamItem.topic .content .border {
	clear: both;
	height: 3px;
	background: url(../images/forum-trenner.png) no-repeat scroll left top transparent;
	position: absolute;
	width: 509px;
	margin-left: 72px;
}
.streamItem.topic .posts {
	clear: both;
	background: url(../images/logo-box-middle.png) repeat-y scroll right top transparent;
	position: relative;
	padding-left: 72px;
	width: 509px;
}
.streamItem.topic .posts .changed {
	display: block;
	color: white;
	font-size: 12px;
	margin-top: 14px;
	margin-right: 19px;
}
.streamItem.topic .posts .image {
	position: absolute;
	left: 0px;
	top: 10px;
	width: 72px;
	height: 56px;
}
.streamItem.topic .posts .image .mask {
	background: url(../images/logo-user.png) no-repeat scroll left top transparent;
	width: 72px;
	height: 56px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}
.streamItem.topic .posts .image img {
	width: 46px;
	height: 46px;
	position: absolute;
	top: 1px;
	left: 13px;
	border: 0 none;
	outline: 0 none;
}
.streamItem.topic .post h2 {
	display: block;
	float: none;
	font-size: 17px;
	padding-top: 9px;
	margin-left: 10px;
	max-width: 100%;
	margin-right: 17px;
	margin-top: 0;
}
.streamItem.topic .post .postContent {
	background: url(../images/forum-quote.png) no-repeat scroll left top transparent;
	margin-left: 1px;
	padding-top: 8px;
	padding-left: 25px;
	margin-right: 7px;
	padding-right: 11px;
	padding-bottom: 10px;
}
.streamItem.topic .foot {
	clear: both;
	background: url(../images/logo-box-foot.png) no-repeat scroll left top transparent;
	height: 15px;
	position: relative;
	z-index: 2;
	margin-left: 72px;
}
.streamItem.topic .more {
	background: url(../images/loadmore.png) no-repeat scroll left bottom transparent;
	transition: height 0.2s;
	-moz-transition: height 0.2s;
	-webkit-transition: height 0.2s;
	-o-transition: height 0.2s;
	width: 69px;
	height: 39px;
	position: relative;
	top: -6px;
	z-index: 1;
	left: 289px;
	cursor: pointer;
}
.streamItem.topic .more:hover {
	height: 49px;
}
.streamItem.topic .hidden {
	display: none;
}

/*FILES*/
.streamItem.file .fileContent {
	position: relative;
}
.streamItem.file .path {
	background: url(../images/path-start.png) no-repeat scroll left top transparent;
	padding-left: 6px;
	height: 27px;
	margin-top: 11px;
	margin-left: 9px;
	margin-right: 115px;
}
.streamItem.file .pathElement {
	background: url(../images/path-part.png) no-repeat scroll right top transparent;
	background: url(../images/path-part.png) no-repeat scroll right top transparent;
	height: 27px;
	padding-left: 5px;
	float: left;
	padding-right: 20px;
	color: #417BB6;
	line-height: 27px;
}
.streamItem.file .pathEnd {
	background: url(../images/path-end.png) no-repeat scroll right top transparent;
	height: 27px;
	padding-left: 5px;
	float: left;
	padding-right: 7px;
	color: #417BB6;
	line-height: 27px;
}
.streamItem.file .fileDownload {
	color: white;
	text-shadow: black 0px -1px 0px;
	background: url(../images/button-download.png) no-repeat scroll left top transparent;
	height: 30px;
	width: 100px;
	position: absolute;
	line-height: 30px;
	text-align: center;
	right: 14px;
	top: -1px;
	text-decoration: none;
}
.streamItem.file .fileDownload:hover {
	background-position: left bottom;
}

/*New Content*/
#newContent {
	min-height: 92px;
	width: 575px;
	position: relative;
	margin-top: 15px;
}
#newContent input, #newContent textarea {
	border: 1px solid #c1c1c1;
	outline: 0 none;
	padding: 5px;
	margin: 10px;
	-webkit-border-radius: 3px;
	background: #fbfbfb;
	-webkit-box-shadow: 0px 0px 3px #ddd inset;
}
#newContentHead {
	height: 35px;
	width: 575px;
	background: url(../images/bubble_head.png) no-repeat scroll left top transparent;
}
#newContentFoot {
	height: 22px;
	width: 575px;
	background: url(../images/bubble_foot.png) no-repeat scroll left bottom transparent;
}
#newContentBox {
	background: url(../images/bubble_body.png) repeat-y scroll left center transparent;
	color: black;
}
#newContentTitle {
	position: absolute;
	color: white;
	font-size: 16px;
	top: -8px;
	left: 49px;
	opacity: 0;
}
#newContentTitle .text {
	float: left;
}
#newContentTitle .cancelLink{
	width: 19px;
	height: 19px;
	background: url(../images/cancelcreation.png) no-repeat scroll left top transparent;
	cursor: pointer;
	display: block;
	float: left;
	margin-left: 7px;
	opacity: 0;
	position: relative;
	top: 1px;
}
#newContent #newContentLinks {
	width: 472px;
	overflow: hidden;
	padding-left: 50px;
	margin-left: 1px;
	padding-right: 51px;
}
#newContent a {
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 300ms;
	display: block;
	height: 36px;
	background: url(../images/new-sprite.png) no-repeat scroll left top transparent;
	float: left;
	opacity: 1;
}
#newContent:hover #newContentLinks a{
	opacity: 0.3;
}
#newContent #newContentLinks:hover a:hover {
	opacity: 1;
}
#newContent a#newThread {
	background-position: -20px 0px;
	width: 45px;
}
#newContent a#newDate {
	background-position: -114px 0px;
	width: 36px;
	margin-left: 49px;
}
#newContent a#newFile {
	background-position: -196px 0px;
	width: 36px;
	margin-left: 46px;
}
#newContent a#newContact {
	background-position: -280px 0px;
	width: 45px;
	margin-left: 48px;
}
#newContent a#newPage {
	background-position: -375px 0px;
	width: 26px;
	margin-left: 50px;
}
#newContent a#newAlbum {
	background-position: -455px 0px;
	width: 37px;
	margin-left: 54px;
}
#newContent .icon {
	position: relative;
	top: -1px;
}
#content #newContentSubmit {
	width: 114px;
	height: 36px;
	background: url(../images/submit.png) no-repeat scroll left top transparent;
	color: #666;
	text-align: center;
	line-height: 36px;
	margin-left: 82px;
	margin-top: 10px;
	cursor: pointer;
	float: none;
	text-decoration: none;
	outline: 0 none;
}
#content #newContentSubmit.noMarginLeft {
	margin-left: 10px;
}
#content #newContentSubmit:hover, #content #newContentSubmit:focus {
	background-position: left -36px;
}

/*New Date*/
#from, #to {
	width: 70px;
	text-align: center;
}
#from {
	margin-left: 5px;
}
#to {
	margin-right: 5px;
}
#fromTimeContainer, #toTimeContainer {
	display: inline-block;
	width: 62px;
	position: relative;
}
#newContent #fromTime, #newContent #toTime{
	width: 40px;
	text-align: center;
}
#newContent #fromTime {
	margin-left: 0;
}
#newContent #toTime {
	margin-right: 0;
}
#toText {
	margin: 0 5px;
}
.timeSelect {
	background-color: #FBFBFB;
	color: black;
	height: 128px;
	overflow-x: hidden;
	position: absolute;
	width: 66px;
	overflow-y: scroll;
	display: none;
	z-index: 2;
	top: 36px;
	border-left: 1px solid #C1C1C1;
	border-right: 1px solid #C1C1C1;
	border-bottom: 1px solid #C1C1C1;
}
.timeSelect .time {
	width: 60px;
	cursor: pointer;
}
.timeSelect .time:hover {
	background-color: orange;
}
#toTimeContainer .timeSelect {
	left: 10px;
}
#newDateTitle {
	width: 471px;
}
#newDateOptions {
	float: right;
	margin-right: 12px;
	position: relative;
	top: 16px;
	width: 94px;
}
#newContentBox .from {
	margin-left: 10px;
}

/*New Files*/
#flashUpload {
	position: absolute;
	top: 35px;
	left: 227px;
	opacity: 0;
	width: 36px;
	height: 36px;
}
.streamItem.file .uploadBar {
	width: 491px;
	height: 41px;
	background: url(../images/progress-background.png) no-repeat scroll left top transparent;
	margin-top: 5px;
	margin-left: 6px;
	position: relative;
}
.streamItem.file .bar {
	background: url(../images/progress-bar.png) no-repeat scroll right top transparent;
	height: 41px;
	margin-left: 14px;
	width: 7px;
	position: relative;
}
.streamItem.file .percent {
	position: absolute;
	font-size: 17px;
	color: white;
	right: -25px;
	top: 10px;
	font-weight: bold;
}
.streamItem.file .fileName {
	position: absolute;
	top: 11px;
	right: 10px;
	z-index: 1;
	color: #666;
}

/*NEW THREAD*/
#newThreadTitle, #newThreadContent {
	border: 0 none;
	outline: 0 none;
	width: 552px;
	margin-left: 10px;
	margin-top: 10px;
	font-family: Arial;
}
#newThreadTitle {
	font-size: 22px;
	width: 540px;
}
#newContent #newThreadContent {
	min-height: 40px;
}

/*NewContact*/
#newContactContainer #newContactName {
	width: 336px;
}
#newContactContainer #newContactBirthday {
	width: 100px;
}
#newContactContainer #newContactStreet {
	width: 471px;
}
#newContactContainer #newContactZIP {
	width: 80px;
	margin-left: 82px;
}
#newContactContainer #newContactCity {
	width: 356px;
}
#newContactContainer #newContactMail {
	margin-left: 82px;
	width: 471px;
}
#newContactContainer #newContactMobile {
	width: 218px;
	margin-left: 82px;
}
#newContactContainer #newContactPhone {
	width: 218px;
}

/*new page*/
#newPageTitle, #newPageUrl {
	width: 471px;
}

/*Better Checkbox*/
.betterCheckbox {
	display: inline-block;
	padding-left: 28px;
	cursor: pointer;
	position: relative;
	margin-left: 10px;
	height: 24px;
}
.betterCheckbox label {
	cursor: pointer;
}
.betterCheckboxBox {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	left: 0px;
	top: -3px;
	background: url(../images/checkbox.png) no-repeat scroll left -24px transparent;
}
.betterCheckbox:hover .betterCheckboxBox {
	
}
.betterCheckboxBox.active {
	background-position: left top;
}

/*DEBUG*/
#debug {
	position: fixed;
	top: 0px;
	left: 0px;
	padding: 10px;
	width: 300px;
	height: 200px;
	background-color: rgba(255,255,255,0.5);
	border: 1px dashed black;
	color: #000;
	font-family: monospace;
	white-space: pre;
	z-index: 5000;
	text-align:left;
	overflow: auto;
	display: none;
}

.error { color: red; }