@CHARSET "UTF-8";

/* 
 * Layout 
 */
* {
	margin: 0px;
	padding: 0px;
	font-weight: none;
	text-decoration: none;
	border: 0px;
	font-family: trebuchet ms, verdana;
	font-size: 12px;
	color: #000;
}

body {
	background: url(/gfx/layout/body_bg_tile.png) repeat;
	height: 100%;
	width: 100%;
	overflow-y: scroll;
}

#header {
	width: 1000px;
	border-bottom: 1px solid black;
	height: 100px;
	text-align: center;
	background: #fff url(/gfx/layout/logo.png) no-repeat;
}

#container {
	border: 1px solid #000;
	border-top: 0px;
	width: 1000px;
	margin: auto;
	min-height: 600px;
	background-color: #fff;
	padding-bottom: 60px;
}

#container #left_panel {
	float: left;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	background-color: #ddd;
}

#container #right_panel {
	float: left;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	background-color: #ddd;
}

/*
 * Paragraphs and text
 */

p {
    padding-top: 4px;
    padding-bottom: 16px;
}

p.important {
    font-weight: bold;
    font-style: italic;
}

p .huge {
    font-size: 52px;
    vertical-align: middle;
}

/*
 * Menu
 */
.menu{
	width: 195px;
	padding: 2px;
}

.menu .title {
	background: #000 url(/gfx/layout/menu_title_arrow.png) no-repeat left center;
	color: #fff;
	padding-left: 26px;
	line-height: 20px;
}

.menu ul {
	padding-left: 8px;
	background: #fff;
	padding-bottom: 2px;
}

.menu ul li {
	display: table;
	margin: 1px;
	border-bottom: 1px solid #fff;
	padding-left: 10px;
	background: url(/gfx/layout/menu_arrow.png) no-repeat left center;
}

.menu ul li:hover {
	border-bottom: 1px solid #aaa;
}

.menu a {
	color: #000;
}
.menu a:hover {
	color: #555;
}

.menu p {
	background: #fff;
	padding: 2px;
}

/*
 * Content
 */

#content {
	float: left;
	width: 592px;
	padding: 4px;
	paddomg-top: 2px;
}

#nav {
	border-bottom: 1px dashed #aaa;
	width: 100%;
	height: 16px;
	display: table;
}

#nav .item {
	float: left;
	padding-left: 12px;
	background: url(/gfx/layout/nav_arrow.png) left center no-repeat;
}

#footer {
	width: 980px;
	height: 20px;
	padding: 10px;
	margin: auto;
	margin-top: -40px;
	text-align: center;
	border-top: 1px dashed #aaa;
	margin-bottom: 16px;
}

/* 
 * Content 
 */

.info .image {
	float: right;
}

/*
 * Calendar and Events
 */

.calendar {
	width: 100%;
	background: #fff;
	padding-bottom: 4px;
}

.calendar .month {
	text-align: center;
	font-weight: bold;
	letter-spacing: 2px;
}

.calendar .day {
	height: 16px;
	line-height: 16px;
	width: 20px;
	float: left;
	text-align: center;
	margin: 2px;
	margin-bottom: 0px;
}

.calendar .day:hover {
	background: #ddd;
}

.calendar .today {
	text-decoration: underline;
}

.calendar .event {
	font-weight: bold;
}

.calendar .date {
	border: 1px solid black;
	height: 20px;
	width: 20px;
	float: left;
	line-height: 20px;
	text-align: center;
	margin: 1px;
}

.calendar .center {
	width: 168px;
}

/*
 * Event
 */

.info .event {
	margin-bottom: 4px;
	border-bottom: 1px inset #333;
	width: 100%;
	padding-bottom: 4px;
}

.event table {
}

.event table th {
	width: 100px;
	vertical-align: top;
}


/*
 *	Forums
 */

.forumcontainer {
	margin-bottom: 2px;
}

.forumcontainer .forum {
	border: 1px solid black;
	height: 40px;
	padding: 4px;
	padding-left: 52px;
	background: url(/gfx/layout/forum/forum.png) no-repeat 4px center;
	margin-bottom: 4px;
}

.forumcontainer .subforum {
	margin-left: 20px;
}

.threadcontainer {
	margin-bottom: 2px;
}

.threadcontainer .thread {
	height: 30px;
	border: 1px solid black;
	margin-bottom: 6px;
	padding: 4px;
	padding-left: 52px;
	background: url(/gfx/layout/forum/thread.png) no-repeat 4px center;
}

.threadcontainer .thread a {
	font-size: 14px;
	line-height: 30px;
}

.threadcontainer .thread .thread_info {
	
}

.post {
	border: 1px solid black;
	padding: 4px;
	margin-bottom: 4px;
	min-height: 200px;
	display: block;
}

/*
 * Albums
 */

.thumbnail {
    width: 142px;
    height: 142px;
    float: left;
    line-height: 142px;
    text-align: center;
}

.thumbnail img {
    border: 1px solid #aaa;
    padding: 4px;
    background: #fff;
    display: inline;
    margin: auto;
    vertical-align: middle;
}

.preview {
    width: 100%;
    height: 524px;
    line-height: 524px;
    text-align: center;
}

.preview img {
    border: 1px solid #aaa;
    padding: 4px;
    background: #fff;
    display: inline;
    margin: auto;
    vertical-align: middle;
}


/*
 * Buttons
 */

.btn.delete {
	height: 16px;
	width: 16px;
	display: inline-table;
	background: url(/gfx/icon/grey/action_delete.png) no-repeat;
}

.btn.delete:hover {
	background: url(/gfx/icon/colored/action_delete.png) no-repeat;
}

.btn.edit {
	height: 16px;
	width: 16px;
	display: inline-table;
	background: url(/gfx/icon/grey/reply.png) no-repeat;
}

.btn.edit:hover {
	background: url(/gfx/icon/colored/reply.png) no-repeat;
}

.btn.add {
	background: url(/gfx/icon/grey/action_add.png) no-repeat;
	height: 16px;
	width: 16px;
	display: inline-table;
}

.btn.add:hover {
	background: url(/gfx/icon/colored/action_add.png) no-repeat;
}

.btn.settings {
	background: url(/gfx/icon/grey/settings.png) no-repeat;
	height: 16px;
	width: 16px;
	display: inline-table;
}

.btn.settings:hover {
	background: url(/gfx/icon/colored/settings.png) no-repeat;
}

/*
 * Error
 */

.error {
	font-size: 12px;
	border: 1px solid #d22;
	background-color: #eaa;
	padding: 4px;
	margin-top: 4px;
}

pre {
	font-size: 10px;
	overflow: auto;
	border: 1px solid #000;
	padding: 2px;
}

/*
 * Fonts
 */
 
pre, code, input, textarea {
	font-family: courier new;
}

/*
 * Links
 */

a {
	color: #600;
}

a:hover {
	color: #844;
}	

/*
 * Forms
 */


input, textarea {
	padding: 2px;
	border: 1px solid;
	border-color: #000 #aaa #aaa #000;
}

input[type=submit] {
	border-color: #aaa #000 #000 #aaa;
}

form input[type=text] {
	margin: 2px;
}

form textarea {
	margin: 2px;
}

fieldset {
	padding: 8px;
	padding-right: 18px;
}

legend {
	padding-left: 4px;
	padding-right: 4px;
}

/*
 * Headers
 */
h1 {
	color: #c22;
	border-bottom: 3px solid #c22;
	margin-bottom: 8px;
	padding: 2px;
	font-size: 20px;
	line-height: 22px;
}
h2 {
	margin-top: 12px;
	margin-bottom: 4px;
}
h3 {
	
}

/*
 * Pages
 */

.newsitem {
	padding: 4px;
	margin-bottom: 12px;
	border: 1px solid #aaa;
}

/*
 * Admin
 */

.adminNote {
	height: 14px;
}

.adminNote a {
	font-size: 12px;
	font-weight: none;
	color: #a00;
}

/*
 * Tables
 */

table {
	border-collapse: collapse;
}

table.underline tr {
	border-bottom: 1px dotted #aaa;
}

table tr th {
	padding: 2px;
	text-align: left;
}

table tr td {
	padding: 2px;
}

table tr.grey {
	background-color: #eee;
}

table.highlight tr:hover {
	background-color: #ddd;
}
/*
 * Misc
 */

.text_right {
	text-align: right;
}

.float_right {
	float: right;
}

.float_left {
	float: left;
}

.clear {
	clear: left;
}

.border {
	border: 1px solid red;
}

.center {
	margin: auto;
}

.dtable {
	display: table;
}

.space {
	clear: both;
}

.bg_yellow {
	background: #dda;
}

.bg_red {
	background: #daa;
}

.bold {
	font-weight: bold;
}

/*
 * TEMPORÄRT
 */

.tmpnewscontainer {
		width: 100%;
		display: table;
	}

.tmpnewsbox {
	width: 270px;
	margin: 10px;
	border: 1px solid #000;
	min-height: 300px;
	float: left;
}

ul.errors li {
	background-color: #faa;
	border: 1px solid #f44;
	vertical-align: center;
	line-height: 20px;
	padding: 2px;
	margin-left: 2px;
	width: 100%;
	font-size: 12px;
	display: table;
}

#backgroundPopup{  
    display:none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#000000;
    border:1px solid #cecece;
    z-index:1;
}
#popupContact{
    display:none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    height:384px;
    width:408px;
    background:#FFFFFF;
    border:2px solid #cecece;
    z-index:2;
    padding:12px;
    font-size:13px;
    overflow-y: scroll;
}
#popupContact h1{
    text-align:left;
    color:#6FA5FD;
    font-size:22px;
    font-weight:700;
    border-bottom:1px dotted #D3D3D3;
    padding-bottom:2px;
    margin-bottom:20px;
}
#popupContactClose{
    font-size:14px;
    line-height:14px;
    right:6px;
    top:4px;
    position:absolute;
    color:#6fa5fd;
    font-weight:700;
    display:block;
}
#button{
    text-align:center;
    margin:100px;
}