/* Add other CSS-Files as import here */
/* @import "debug.css";*/
@import "photogallery.css";

/* Reset everything */
html, body, table, div, ul, li, p, h1, h2, h3, h4, h5, h6, img, hr, blockquote,
 	textarea, input, form, span, table, td, tr, th {
	margin:0px;
	padding:0px;
}

/* Set Font family, colour and font-size */
html, body, table, div, ul, li, p, h1, h2, h3, h4, h5, h6, img, hr, blockquote,
 	textarea, form, span, table, td, tr, th {
	font-family: 'Trebuchet MS', Georgia, Arial, serif;
	font-size:12px;
	color:#111;
}

li 
{
margin-left: 15px;
padding-left: 10px;
margin-bottom: 5px;
}

/* Styles for HTML-Body */
body {
	background-color:#2a2a2a;
	background-image:url(images/backgroundcolour.jpg);
}

/* Centered-Content-Frame */
#centered-frame-shadow {
	width:740px;
	background-color:#000;
	margin-left: auto;
	margin-right: auto;
	padding-top:0px;
	padding-bottom:0px;
	background-image:url(images/shadow_effect.jpg);
}

/* Centered-Content-Frame */
#centered-frame {
	width:700px;
	background-color:#fff;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/background.jpg);
}

/* Heading-Frame */
#header-frame {
	background-color:#0056a7;
	background-image:url(images/header.jpg);
	height:218px;
}

/* Footer-Frame */
#footer-frame {
	background-color:#0b1926;
	background-image:url(images/footer.jpg);
	height:109px;
}

#footer-frame p {
	color:white;
	width:144px;
	padding: 15px 15px;
	font-size:11px;
	float:right;
	text-align:right;
}

#footer-frame p.largerFooter a {
	font-size:15px;
	color:#ddd;
	text-decoration:none;
	font-weight:normal;
}


/* Sidebar */
#sidebar {
	width: 176px;
	min-height: 460px;
	float:right;
	background-color:#f8f8f8;
	/*background-image:url(images/navigation_gradient.jpg);
	background-position:bottom left;
	background-repeat:none;*/
}

/* Navigation */
.navigation {
	list-style:none;
	border-top:1px solid #ccc;
}

.navigation li {
	margin:0px;
	padding:0px;
	padding-left:20px;
	font-size:13px;
	border-bottom:1px solid #ccc;
	border-collapse:collapse;
	line-height:25px;
	color:#4a4949;
}

/* Page */
.page {
	/*border:1px solid green;*/
	width:500px; /* with border -2px, without padding +20px */
	min-height:460px;
	line-height:1.5em;
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}

.page img {
	padding:2px;
	border:1px solid #aaa;
}

/*** TYPOGRAPHY ***/
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

h1 {
	font-size:35px;
	/*line-height:auto;*/
	line-height: 38px;
	letter-spacing:-0.1em;
	font-weight:normal;
	text-align:center;
	padding-top:25px;
}

div.dTitle h1 {
	font-size:20px;
	padding-top:10px;
	text-align:center;
	letter-spacing:-0.03px;
	font-weight:normal;
}

.subheading, .sunheading, div.page h2 {
	font-size:19px;
	text-align:center;
	letter-spacing:-0.1em;
	font-style:italic;
	margin-bottom:30px;
	padding-left:0px;
	color:#111;
}

h2 {
	font-size:20px;
	color:#aaa;
	padding-left:20px;
	margin-top:10px;
	margin-bottom:10px;
}

div.page p {
	margin-bottom:15px;
}

/** Links **/
a {
color: #0056a7;
text-decoration: underline;
font-weight: bold
}

/* Columns 3x1 */
.col3_1, .col3_2, .col3_3 {
	width:158px; /* without padding +10, because of page padding -5px */
	float:left;
	padding-left:5px;
	padding-right:5px;
	/*border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;*/
}

/* Columns 2x1 */
.col2_1, .col2_2 {
	width:240px;
	float:left;
	padding-left:5px;
	padding-right:5px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}

/*************** Elements start *******************/
.element {
	margin-top:10px;
	margin-bottom:10px;
}

/* Title Element Start */
	div.dTitle {

	}
/* Title Element End */

/* Title Element Start */
	div.dSiteTitle {

	}
/* Title Element End */

/* Horizontal Line Start */
	div.dHorizontalLine {
	  height: 15px;
	  background: #fff url(images/hr.gif) no-repeat scroll center;
	}
	div.dHorizontalLine hr {
	  display: none;
	}
/* Horizontal Line End */

/* Image Element Start */
	div.dImage {
		margin-left:auto;
		margin-right:auto;
		width:496px;
	}
	div.dImage img {
		/*width: 524px;*/
		/*width:490px;*/
		padding:2px;
		border:1px solid #aaa;
		margin-bottom:0px;
	}

	div.imagesubtitle {
		text-align:center;
		margin-bottom:10px;
	}
/* Image Element End */

/* Note Element Start */
	div.dNote {
	}

	div.dNote blockquote{
		margin-left:auto;
		margin-right:auto;
		border:1px dotted #aaa;
		padding:10px;
		font-size:14px;
		font-style:italic;
		background-color:#f3f3f3;
	}
/* Note Element End */

/* Column Element Start */
	div.dColumn {

	}

/* ImageLeft Element Start */
	div.dImageLeft {
	}

	div.imageBoxLeft {
		float:left;
		margin-right:10px;
	}

	img.floatImageLeft {
		/*width:250px;*/
		margin:0px;
		padding-left:2px;
	}
/* ImageLeft Element Stop */

/* ImageRight Element Start */
	div.dImageRight {

	}

	div.imageBoxRight {
		float:right;
		margin-left:10px;
	}

	img.floatImageRight {
		/*width:250px;*/
		margin:0px;
		padding-left:2px;
	}
/* ImageLeft Element Stop */

.dList div ul {
	padding:10px;
	margin-left:30px;
}

.dList div ul li {
	list-style:disc;
}

/*************** Elements end *********************/


/*************** Controls Start *******************/
	div.cControlFrame {
		background-color:#fff;
		background-image:url(images/configbackground.gif);
		background-repeat:no-repeat;
		background-position: top right;
		height:20px;
		/*margin-top:15px;*/
		/*border-top: #ccc solid 1px;
		border-left: #ccc solid 1px;
		border-right: #ccc solid 1px;*/
		text-align:right;
	}

	div.cControlFrame img {
		width:16px;
		border:0px none black;
	}

	div.cControlFrameMinimal {
		width:25px;
		height:25px;
		margin-bottom:-25px;
		top:0px;
		left:0px;
		position:relative;
		background-color:#eee;
		background-position:center center;
		background-repeat:no-repeat;
		/*background-image:url(images/pencil.png);*/
	}

	.editMode p, .editMode h1, .editMode h2, .editMode .text{
		/*border:1px solid #ccc;*/
	}

	/* overrides */
	.editMode .clear {
		border:0px none black;
	}

	.text {
		margin:0px;
	}

/*************** Controls End *********************/

/*************** Editor Start **************************/
#editor {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
    position:fixed !important;
    position:absolute;
	margin-bottom:-160px; /* 150px ohne padding */
	background-image:url(images/semitransparent.png);
	border-bottom:2px solid #333;
	border-left:1px solid #333;
	border-right:2px solid #333;
	padding-top:10px;
}

#editor form {
}

#editor 
 {
}

#editor div.editproperties {
	/*width:85px;*/
	width:10%;
	/*margin-left:593px;*/
	margin-left:90%;
}

#editor div.editFields {
	/*width:572px;*/
	width:90%;
	padding:10px;
	float:left;
	background-image:url(images/semitransparent2.png);
}

div.editFields textarea {
	/*width:569px;*/
	width:97%;
	height:95px;
	font-size:12px;
	padding:10px;
	border:1px solid #aaa;
}

#editor h2, #editor h3 {
	display:inline;
}

div.editControls {
	padding-left:3px;
	padding-right:3px;
	margin-bottom:40px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

div.editControls img {
	padding:3px;
}

div.epbuttons {
	text-align:center;
	padding:10px;
}

#notification, .notification {
	border:10px solid #ddd;
	padding:10px;
}

/*************** Editor Stop **************************/

/* Clear Both Element */
.clear {
	clear:both;
	height:1px;
	display:block;
	border-style:none;
}

/*************** Forum / Archiv / Member ***************/
.tableStyle td, .forum_post
{
    padding: 5px;
    background-color: #F8F8F8;
    border-bottom: 1px solid #CCCCCC;
    vertical-align: middle;
    margin-bottom: 10px;
}

.forum_post
{
    border: 1px solid #CCCCCC;
}

.member_post
{
	background-color: #F0F0F0;
}

.tableStyle tr.member td
{
    background-color: #E0E3ED;
}

.tableStyle tr.tableHeader td
{
    background-color: #DBDBDB;
    border-bottom: 2px solid #CCCCCC;
    font-weight: bold;
}

.forum_button
{
    position: absolute;
    right: 4px;
    top: 4px;
}

.small
{
    font-size: 11px;
}

.path, .forum_link
{
    padding: 10px 0;
}

.forum_post_button
{
	position: absolute;
	top: 4px;
	right: 4px;
}


.loungecontainer {
	width:400px;
	margin-left:auto;
	margin-right:auto;
}

.loungecontainer div{
	width:180px;
	float:left;
	margin:10px;
	text-align:center;
}

/********** Forms ***************/

input, textarea {
	font-size:14px;
	color: #00223d;
	padding:3px;
}

form.dFormStyle {
	/*border: 1px solid red;*/
}

form.dFormStyle label {
	width:100px;
	height:25px;
	float: left;
	text-align: right;
	margin-top:5px;
	padding-top: 5px;
	padding-right:10px;
	display: block;
	vertical-align:middle;
	font-family: 'Trebuchet MS', Georgia, Arial, serif;
}

form.dFormStyle input, form.dFormStyle textarea, form.dFormStyle select,
form.dFormStyle option {
	/*border:1px solid #ccc;*/
	width: 344px;
	height: 19px;
	margin-top:5px;
}

form.dFormStyle input {
	/*background-image:url(images/inputbg.jpg);
	background-repeat:repeat-x;
	background-position: top left;*/
}

form.dFormStyle input.smallInput {
	width:30px;
	height:30px;
	font-family: 'Trebuchet MS', Georgia, Arial, serif;
}

form.dFormStyle select.smallDropDownInput, form.dFormStyle select.smallDropDownInput option {
	width:60px;
	height:25px;
	margin:0px 0px 6px 0px;
	font-family: 'Trebuchet MS', Georgia, Arial, serif;
}

form.dFormStyle br {
	clear:left;
}

form input.formButton {
	margin-left:354px;
	width: 100px;
	/*line-height:25px;*/
	height:25px;
	vertical-align:middle;
}

form.dFormStyle textarea {
	height: 244px;
	/*background-image:url(images/textareabg.jpg);
	background-repeat:repeat-x;
	background-position: top left;*/
	font-family: 'Trebuchet MS', Georgia, Arial, serif;
}

form.dFormStyle fieldset {
}

form.dFormStyle select, form.dFormStyle option {
	width:352px;
	font-family: 'Trebuchet MS', Georgia, Arial, serif;
}

form.dSearchForm {
	margin-bottom:10px;
	width:380px;
	margin-left:auto;
	margin-right:auto;
}

form.dSearchForm input {
	width:140px;
	margin:4px;
	font-family: 'Trebuchet MS', Georgia, Arial, serif;
}

form.dSearchForm input.formButton {
	margin:3px 6px 0px 6px;
	padding:0px;
	width:90px;
	height:25px;
}

input.formFileInput {
	border:1px solid black;
}

.imageSelector {
	border: 1px solid #ccc;
	background-color:#f2f2f2;
	margin:10px 10px 10px 110px;
	width:340px;
	padding:5px;
}

.imageSelector img {
	height:60px;
	width:60px;
	border-style:none;
}

div.imageSelector span {
	padding-left:140px;
}

div.availableOptions {
	border-bottom: 1px solid #ddd;
	width: 490px;
	margin-bottom:10px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

div.availableOptions a {
	padding:10px 10px 4px 10px;
	width:150px;
	margin-bottom:-1px;
	margin-left:5px;
	background-color:white;
	border: 1px solid #ddd;
	border-style: solid solid none solid;
}

/************** FANCY TABLE STYLES ************************/
table.dTableStyle {
	border:1px solid #ccc;
	width:100%;
	border-collapse:collapse;
	background-color:#eee;
	background-image:url(images/diagonals.gif);
	margin-bottom:30px;
}

table.dTableStyle tr, table.dTableStyle td {
	padding:10px;
}

table.dTableStyle td {
	vertical-align:top;
}

#imageColumn {
	width:100px;
	background-image:url(images/semitransparent4.png);
}

#viewColumn, #editColumn, #deleteColumn, #orderColumn {
	width:25px;
	text-align:center;
	background-color:white;
}

table.dTableStyle tr {
	border:1px solid #ccc;
}

table.dTableStyle th {
	background-color:#eee;
}

.odd {
	background-color:#fbfbfb;
	/*background-image:url(images/semitransparent3.png);*/
}

.userTable {
	width: 100%;
}

.userTable th {
	text-align:center;
	vertical-align:bottom;
}

.userTable, .userTable tr, .userTable td {

}

.paging {
	padding:10px;
	margin-top:15px;
	text-align:center;
}

.cntrd {
	text-align:center;
}

form.dFormStyle input.formCheckboxInput {
	width:15px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}

.readonly {

}