/*
--------------------------------------------------------------------------------
Allgemeine Einstellungen
--------------------------------------------------------------------------------
*/


html, body {
	height:				100%;
}

* html #container-main {
	height:				100%
}

* {
	font-family:		Verdana, "Lucida Sans Unicode", "Lucida Sans", Tahoma, Arial;
	line-height:		1.6;
    margin:             0;
    padding:            0;
}

body {
	margin:				0px;
	padding:			0px;
	background-color:	#f1f9fa;
	height:				100%;
	font-size:			10pt;
}

p, * p {
    margin-bottom:      10px;
}

body#tinymce {
    margin:             8px;
    background-color:   #fff;
    height:             150px;
}


/*
--------------------------------------------------------------------------------
Layout
--------------------------------------------------------------------------------
*/

div#container-main {	/* Container für kompletten Content (Header, Content, Footer) */
	margin:				0 auto; /* zentrieren */
	width:				820px;
	background:			#fdf4e2 url('../images/background.jpg') repeat-y;
	min-height:			100%;
	position:			relative;
}

div#wrapper {
}

div#column-left {
    position:           relative;
	float:				left;
	width:				270px; /*155px;*/
	margin-left:		-45px; /*70px;*/
	margin-top:			128px;
	margin-right:		40px;
	display:			inline; /* IE6-Fix: http://www.jaymeblackmon.com/ie6-double-margin-bug-fix */
}

div#column-right {
	float:				left;
	width:				535px;
	margin-top:			180px;
}

div#clear {				/* Zwei-Spalten-Layout aufheben */
	clear:				both;
}

div#footer {
	border-top:			1px solid #b2e7b2;
	margin:				10px;
	padding:			5px;
    font-size:			8pt;
    color:    			#96c497;
    padding-bottom:		20px;
    text-align: center;
}


/*
--------------------------------------------------------------------------------
Header
--------------------------------------------------------------------------------
*/

div#lettering {			/* Schriftzug */
	width:				553px;
	height:				122px;
	position:			absolute;
	left:				10px;
}

div#logo {				/* Logo (Baum) */
	width:				247px;
	height:				179px;
	position:			absolute;
	left:				563px;
}


/*
--------------------------------------------------------------------------------
Navigation
--------------------------------------------------------------------------------
*/

p#navigation-title {	/* Überschrift der Navigation */
    margin-left:        115px;
    margin-bottom:      10px;
	color:				#222;
	font-weight:		bold;
}

ul#navigation {			/* Liste für Navigationselemente */
	padding-left:		3px;
	margin-left:		0;
	list-style:			none;
}

ul#navigation li.container {
	width:				270px;
    overflow:           visible;
    position:           relative;
}

ul#navigation li div.toolbar {
	float:				left;
    display:            none;
	background-color:	#fff;
	border:				1px solid #dae9da;
	height:				20px;
	width:				93px;
    position:           absolute;
    font-size:          0pt;
    margin-left:        15px;
}

ul#navigation li div.toolbar a {
	text-decoration:	none;
	border:				0;
}

ul#navigation li div.toolbar img.icon:hover {
	background-color:	#d0ecd0;
}

ul#navigation li div.link {
	float:				right;
	width:				140px;
	min-height:			22px;
}

div#administration-links {  /* Container für Administrationsfunktionen in der Navigation */
    border-top:         1px solid #fff;
    padding-top:        5px;
    width:              145px;
    margin-top:         15px;
    margin-left:        115px;
}


/*
--------------------------------------------------------------------------------
Allgemeine Elemente
--------------------------------------------------------------------------------
*/

div.post {				/* Container für einen Beitrag */
	position:			relative;
	padding:			10px;
	margin-bottom:		15px;
	position:			relative;
}

h1,
h1 a,
h1 a:hover {			/* Überschrift in einem Beitrag */
	color:				#000;
	font-size:			12pt;
	font-weight:		bold;
	border-bottom:		1px solid #ded;
	margin-top:			0;
	font-family:		Georgia, Times New Roman, Times;
	text-decoration:	none;
	cursor:				pointer;
    padding-bottom:     5px;
    margin-bottom:      10px;
}

h1 a,
h1 a:hover {
	border:				0;
}

div.text {				/* Text-Feld im Beitrag */
	color:				#222;
}

.action-toolbar {
	padding-bottom:		10px;
	border-bottom:		1px solid #b2e7b2;
	margin:				10px;
	margin-top:			0;
}

div.admin-toolbar {
	position:			absolute;
	right:				5px;
	top:				5px;
	display:			none;
	background-color:	#fff; /* Unbedingt nötig, da sonst bei zu langen Titles die Icons schlecht erkennbar sind */
	border:				1px solid #e8f7e3;
	height:				20px;
    font-size:          0pt;
}

div.admin-toolbar a {
	text-decoration:	none;
	border:				0;
}

div.admin-toolbar img.icon:hover {
	background-color:	#d0ecd0;
}

img.icon {
	border:				0;
}

span.message {
	margin:				0 auto;
	display:			block;

	padding:			10px;
	text-align:			center;
	color:				#411;
}

span.hint {
	color:				#777;
	font-size:			80%;
	margin-top:			20px;
	display:			block;
}

img.captcha-image {
	border:				1px solid #e8f7e3;
	margin-right:		10px;
    cursor:             pointer;
}

img.captcha-image:hover {
	border:				1px solid #c3ddba;
	margin-right:		10px;
}

p.captcha-hint {
	font-size:			8pt;
	color:				#888;
}

div.contact-success {
	background-color:	#e3f5e1;
	border:				1px solid #c5eac2;
	padding:			10px;
}

div.contact-error {
    background-color:	#e8cece;
	border:				1px solid #c5eac2;
	padding:			10px;
    margin-bottom:      10px;
}

ul {
    margin-left:        40px;
    margin-bottom:      10px; /* see p-tag */
}

ol {
    margin-left:        40px;
    margin-bottom:      10px; /* see p-tag */
}


/*
--------------------------------------------------------------------------------
Icon-Definitionen für den IE6-PNG-Fix
--------------------------------------------------------------------------------
*/

img.dot {
    background:         url('../images/dot-10x10.png') no-repeat;
}

img.dots {
    background:         url('../images/dots.png') no-repeat;
    margin-right:       3px;
}

img.delete {
    background:         url('../images/delete.png') no-repeat;
}

img.edit {
    background:         url('../images/edit.png') no-repeat;
}

img.up {
    background:         url('../images/up.png') no-repeat;
}

img.down {
    background:         url('../images/down.png') no-repeat;
}

img.add {
    background:         url('../images/add-10x10.png') no-repeat;
}

img.document {
    background:         url('../images/document-10x10.png') no-repeat;
}

img.logout {
    background:         url('../images/logout-10x10.png') no-repeat;
}

img.refresh {
    background:         url('../images/refresh.png') no-repeat;
}


/*
--------------------------------------------------------------------------------
Hyperlinks
--------------------------------------------------------------------------------
*/

a, #navigation a {
	color:				#465;
	border-bottom:		1px dotted #ddd;
	text-decoration:	none;
}

a:hover {
	color:				#142;
	border-bottom:		1px solid #adb;
}


div.text a {
	color:				#29aa56;
	border-bottom:		1px dotted #ddd;
	text-decoration:	none;
}

div.text a:hover {
	color:				#126f40;
	border-bottom:		1px solid #72cc85;
}

div.text a img,
div.text a img:hover {
    border: 0;
    text-decoration: none;
    margin-bottom: -5px;
}


#navigation a {
	border-bottom:		0;
}

#navigation a:hover {
	color:				#020;
	border-bottom:		1px solid #adb;
}

#navigation a.active {
	color:				#020;
	border-bottom:		1px solid #adb;
}

a.none {
	text-decoration:	none;
	border:				0;
}