/**
 * Projekt:	Beppo_Website
 *
 * Create:	29.05.2009
 * Copyright 2009 by Kirchnerei
 *			http://www.kirchnerei.de
 *			mailto:infos@kirchnerei.de
 *
 * Veröffentlichung:
 * Version:	2.0 (Build: 28)
 * Datum:	13.08.2009
 * Vendor:	Kirchnerei
 *
 * Subversion:
 * Author:	$LastChangedBy: sarah $
 * Date:	$LastChangedDate: 2009-08-13 20:13:48 +0200 (Do, 13 Aug 2009) $
 * Version:	$LastChangedRevision: 69 $
 */

/** Html Selektoren ********************************************************* */
body {
	background: #f9f3e3;
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

div {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

p, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
}

td, th {
	padding: 2px 3px;
}

ul {
	list-style: square;
	margin: 0;
	padding: 0 0 0 20px;
}

img {
	border-style: none;
}

a:link, a:visited {
	color: #0176b9;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #e20019;
	text-decoration: underline;
}

select, input, textarea {
	font: normal 10pt Corbel, Helvetica, Arial, sans-serif;
}

p.inputBox {
	margin-left: 25px;
	text-indent: -25px;
}

button {
	font-size: 10pt;
}

strong, b {
	letter-spacing: 0.09em; 
}


/** Klassen Selektoren ****************************************************** */
.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.block {
	text-align: justify;
}

.top {
	vertical-align: top;
}

.middle {
	vertical-align: middle;
}

.bottom {
	vertical-align: bottom;
}

.nowrap {
	white-space: nowrap;
}

.uppercase {
	font-variant: small-caps;
}

.smallFont {
	font-size: 80%;
}

/**
 * Selektor "td" für die Aktionen (Symbole)
 */
.action {
	width: 30px;
	height: 24px;
	text-align: center;
	vertical-align: top;
}

.action a {
	width: 24px;
	height: 24px;
}

.action img.normal {
	border: 1px solid #666;
}

.action img.disable {
	border: 1px solid #ccc;
}

/**
 * Selektor "tr" gerade Position
 */
.even {
	background: #fff;
}

/**
 * Selektor "tr" gerade Position
 */
.odd {
	background: #ddd;
}


/** Abstandhalter */
.text {
	padding: 3px 5px;
}


.hidden {
	display: none;
}

.hint {
	background: #FFF29F;
	color: #0176b9;
	font-size: 90%;
	padding: 2px 3px;
}

.error {
	background: #FFF29F;
	color: #e20019;
	font-size: 90%;
	padding: 2px 5px;
}

/**
 * Selektor mit 1 Pixel abstand
 */
.pad1 {
	margin: 1px;
}

.label {
	border-bottom: 1px dotted #999;
	font-weight: bold;
	font-size: 90%;
}

.indent20 {
	padding-left: 20px;
	text-indent: -20px;
}

.fullSize {
	width: 100%;
}

.memoBox {
	max-height: 80px;
	overflow: auto;
}


/** Backup */
.green {
	color: lime;
	font-weight: bold;
}

/**
 * Selektor postit
 */
.postit {
	background: #FFF29F;
}

.line24 {
	line-height: 24px;
}

.line32 {
	line-height: 32px;
}

/**
 * Selektor für das Bild des Interstuetzers
 */
.supportBox {
	background: #ECE6D4;
	border: 1px dotted #666;
	margin: 2px;
	padding: 5px;
}

/**
 * Selektor bestimmt, das die Box mindestens 200 Pixel hoch ist
 */
.commentBox {
	min-height: 200px;
	max-height: 300px;
	overflow: auto;
	font-size: 0.9em;
}

.columnLeft {
	float: left;
	width: 49%;
}

.columnRight {
	margin-left: 50%;
}

.nonsens {
	display: none;
	visibility: hidden;
}

/**
 * Selektor "b code" für Debug-, Error- und Notify Meldungen
 */
b code {
	color: red;
}

/**
 * Fußbereich in einer Tabelle
 */
table tr.footer {
	border-top: 1px solid #999;
}

/**
 * Gruppierung in einer Tabelle
 */
table tr.grouping {
	border-top: 1px solid #999;
}

table tr.grouping td {
	padding-top: 10px;
}

table tr.header {
	border-bottom: 1px solid #999;
}

/**
 * Bereich Menubar
 */
table.menubar {
	height: 80px;
	width: 100%;
}

/**
 * Bereich Content
 */
table.content {
	width: 100%;
}

table.list {
	border: 1px solid #999;
}

table.list td {
	font-size: 0.8em;
}

table.formBox {
	background: #aaa;
	border: 1px solid #666;
}

form table td {
	padding: 5px 10px;
}

form .required {
	background: #fff;
	border: 1px solid #e30019;
	max-width: 95%;
}

form .normal {
	background: #fff;
	border: 1px solid #0176b9;
	max-width: 95%;
}

/**
 * Abstand für ein links ausgerichtetes Image
 */
img.message {
	margin-right: 5px;
}

/**
 * Abstand für ein rechts ausgerichtetes Image
 */
img.right_message {
	margin-left: 5px;
}

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

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

input.titleBox {
	font-size: 140%;
}

div.menu_place {
	margin: 0 auto;
	width: 950px;
}


/** Hintergrund für den Main-Place */
div.back_place {
	background: url(backgrounds/back-place.png) repeat-y top center #f9f3e3;
	margin: 0 auto;
	width: 950px;
}

/** Umfasst den Inhalt */
div.main_place {
	background: url(backgrounds/content-place.png) no-repeat top center transparent;
}

/** Umfasst den Header, Menübar und Submenu */
div.top_place {
	background: url(backgrounds/top-place.jpg) repeat-x top center #f9f3e3;
}

/** Umfasst den Footer */
div.bottom_place {
	clear: both;
	background: url(backgrounds/footer-place.png) no-repeat top center #f9f3e3;
	width: 100%;
}

/** Umfasst den Inhalt */
div.content_place {
	margin: 0 auto;
	width: 880px;
}


div.dialog {
	background: url(backgrounds/dialog-left.png) no-repeat top left transparent;
	padding: 0;
	margin: 0 auto;
	min-width: 320px;
}

div.dialog h1.dialog {
	background: url(backgrounds/dialog-right.png) no-repeat top right transparent;
	font-size: 19px;
	line-height: 27px;
	text-align: left;
	padding: 0;
	margin: 0;
}

div.dialog h1 span {
	padding: 0 5px;
}

div.dialog div.dialog_body {
	background: #f9f3e3;
	border: 1px solid #333;
	margin: 0;
	padding: 0;
}

div.dialog form {
	font-size: 10pt;
}

div.dialog form .smallFont {
	font-size: 100%;
}

div.dialog .detailRounding {
	background: #ECE6D4;
	padding: 4px;
	margin-bottom: 10px;
}

/**
 * Vorschau in der Redaktion
 */
div.preview {
	background: #fff;
	border: 1px solid #999;
	padding: 5px 10px;
	height: 360px;
	margin: 10px 0;
	text-align: left;
	overflow: auto;
}

div.commentAnkerBox {
	float: right;
	font-size: 12px;
	line-height: 16px;
}

/** Backup */
pre.outputBox {
	font-size: 10px;
	line-height: 8px;
	background: black;
	color: white;
	height: 300px;
	overflow: auto;
	margin-bottom: 10px;
	text-align: left;
}

/**
 * Textbox für den modalen Dialog
 */
div.textBox {
	background: #fff;
	border: 1px solid #999;
	padding: 5px 10px;
	margin: 10px 0;
	text-align: left;
}

div.formBox {
	background: #ccc;
	border: 1px solid #999;
	padding: 5px 2px;
}

/**
 * Selektor für das Warten während der Benutzer wartet
 */
h1.waiting {
	font-size: 16px;
	margin: 50px 10px;
}

h1.waitung span {
	line-height: 16px;
}

h4.abschnitt {
	border: 1px solid #333;
	background: #999;
	color: #e20019;
	margin: 2px 0;
	line-height: 140%;
}

/**
 * Selektor für Vorlage im Editor
 */
table.twoColumns {
	width: 100%;
	margin: 10px 0;
	table-layout: fixed;
}

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

table.twoColumns td.sepColumn {
	width: 30px;
}

div.public_viewing {
}

div.public_viewing p {
	line-height: 1.4em;
	font: normal 1.0em Verdana, Arial, Helvetica, sans-serif;
	margin: 0.5em 0;
}

div.public_viewing h1,
div.public_viewing h2,
div.public_viewing h3 {
	margin: 0.6em 0;
}

/** ID Selektoren *********************************************************** */

/**
 * Selektor Header
 */
#header {
	margin: 0 auto;
	width: 950px;
	height: 230px;
	z-index: 1;
}

#header p.right {
	background: #a6db87;
	border: 1px solid #333;
	font-size: 80%;
	position: fixed;
	right: 20px;
	top: 10px;
	opacity: 0.5;
	padding: 3px;
	z-index: 100000;
}


/**
 * Selektor Menubar (Hauptmenü)
 */
#menubar {
	background: url(backgrounds/menubar-place.png) no-repeat top center #f9f3e3;
	margin: 0 auto;
	width: 910px;
	height: 87px;
	z-index: 20;
}

#menubar ul {
	list-style-type: none;
	height: 80px;
	padding: 5px 0 0 0;
}

#menubar ul li {
	margin: 0;
	padding: 0 5px;
	height: 80px;
}

#menubar li.left {
	float: left;
}

#menubar li.right {
	float: right;
}


/**
 * Selektor submenu (Untermenüpunkt)
 */
#submenu {
	background: url(backgrounds/submenu-place.png) no-repeat bottom center #f9f3e3;
	clear: both;
	margin: 0 auto;
	width: 910px;
	height: 38px;
}

#submenu ul {
	list-style: none;
	height: 32px;
	padding: 0 2px 2px 2px;
}

#submenu ul li {
	background:  url(backgrounds/subpostit-top.jpg) no-repeat left top;
	height: 32px;
	font-size: 14px;
	line-height: 32px;
	padding: 0;
	width: 120px;
	text-align: center;
}

#submenu li div {
	background: url(backgrounds/subpostit-bottom.jpg) no-repeat left bottom;
	height: 32px;
	overflow: hidden;
}

#submenu div.select a {
	color: #e20019;
	text-decoration: none;
}

#submenu div.normal {
	color: #0176b9;
	text-decoration: none;
}

#submenu li.left {
	float: left;
}

#submenu li.right {
	float: right;
}


/**
 * Selektor: content
 */
#content {
	clear: both;
	padding: 20px 0;
	width: 100%;
	height: 100%;
}

#kalender table {
	table-layout: fixed;
	width: 100%;
}

#kalender td {
	font-size: 80%;
	padding: 0;
}

#kalender td.termin {
	border: 1px solid #aaa;
}

#kalender div.text {
	height: 110px;
	overflow: auto;
}

#kalender ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#kalender li.uhrzeit {
	line-height: 100%;
}

#kalender li span {
	font-size: 120%;
	font-weight: bold;
}

#kalender .weekday {
	color: #360;
}

#kalender .weekend {
	color: #e20019;
}

#kalender .terminday {
	background: #FFF29F;
	color: #0176b9;
}

#kalender .today {
	background: #ccc;
	color: #666;
}

#footer {
	font-size: 90%;
	margin: 0 auto 10px auto;
	padding-top: 15px;
	width: 900px;
}

#footer p.left {
	float: left;
	width: 200px;
}

#footer p.right {
	padding-left: 220px;
}

div.akkordion {
	border: 1px solid #333;
	margin-bottom: 2px;
}

div.akkordion h2 img {
	margin: 2px 5px;
}

div.akkordion h2 {
	background: #999;
	color: #fff;
	font-size: 0.85em;
	cursor: pointer;
	height: 32px;
}

div.akkordion h2 span {
	line-height: 32px;
}

div.akkordion div {
	background: #ddd;
	border-top: 1px solid #666;
	padding: 5px;
	font-size: 0.7em;
}

div.akkordion h2.select {
	color: #0176b9;
}

/**
 * Selektor eine SideBar auf der Rechten Seite im Textinhalt
 */
#rightSideBar {
	float: right;
	width: 270px;
	height: 100%;
}

#concat_meinung {
	margin: 10px 0 20px 0;
}

#detail_meinung {
	padding-right: 300px;
}

#list_meinung {
	background: #FFF29F;
	list-style-type: none;
	padding: 5px;
}

#list_meinung li {
	border: 1px solid #FFF29F;
	cursor: pointer;
	text-indent: -20px;
	margin-left: 30px;
}

#list_meinung li span {
	color: #e20019;
	font-size: 120%;
}

#list_meinung li.mouseOver {
	border: 1px dotted #999;
	color: #0176B9;
}

/**
 * Selektor für eine PostIt Bubble
 */
div.bubble1Header {
	position: relative;
	height: 80px;
}

div.bubble1Header img {
	float: right;
	margin-right: 50px;
}


div.bubble1Header h3 {
	position: absolute;
	top: 0px;
	left: 20px;
}

div.bubble1Header h2 {
	position: absolute;
	bottom: 0;
	left: 20px;
	padding-right: 160px;
	line-height: 100%;
}

div.bubble1TopLeft {
	background: url(backgrounds/bubble1-top-left.png) no-repeat top left transparent;
}

div.bubble1TopRight {
	background: url(backgrounds/bubble1-top-right.png) no-repeat top right transparent;
	height: 38px;
}

div.bubble1BodyLeft {
	background: url(backgrounds/bubble1-body-left.png) repeat-y top left transparent;
}

div.bubble1BodyRight {
	background: url(backgrounds/bubble1-body-right.png) repeat-y top right transparent;
}

div.bubble1BodyRight div.text {
	padding: 0 25px 0 15px;
}

div.bubble1BodyRight div.text p {
	padding: 0.3em 0;
}

div.bubble1BottomLeft {
	background: url(backgrounds/bubble1-bottom-left.png) no-repeat top left transparent;
}

div.bubble1BottomRight {
	background: url(backgrounds/bubble1-bottom-right.png) no-repeat top right transparent;
}

#notifybar {
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 0;
	display: none;
}

#notifybar div.text {
	background: url(backgrounds/notifybar.png) left top repeat-x #ffffcc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #333;
	width: 480px;
	margin: 0 auto;
}

#notifybar table {
	width: 100%;
	max-height: 120px;
}

#notifybar table td {
	font-size: 80%;
	padding: 5px;
}

#notifybar ul {
	overflow: auto;
}

#linklist {
	position: absolute;
	top: 240px;
	left: 0;
	right: 0;
	background: transparent;
}

#linklist div.text {
	margin: 0 auto;
	width: 900px;
}

#linklist div.text ul {
	background: #fff;
	opacity: 0.8;
	float: left;
	width: 300px;
	list-style-type: none;
}

/**
 * Selektor für die Liste der Kommentare
 */
#comment_list {
	clear: both;
	background: #ECE6D4;
	margin: 15px 5px 10px 7px;
	padding: 5px;
	font-size: 0.9em;
}

#comment_form {
	background: #ECE6D4;
	margin: 15px 5px 10px 7px;
	padding: 5px;
}

#supportItem {
	background: #ECE6D4;
	float: left;
	margin: 15px 0;
	padding: 5px;
	width: 70%;
	height: 160px;
	overflow: hidden;
}

#supportItem div.text {
	height: 160px;
	overflow: auto;
}	

#supportAdd {
	background: #ECE6D4;
	float: right;
	margin: 15px 0;
	padding: 5px;
	width: 24%;
	height: 160px;
	overflow: hidden;
}

#supportList {
	clear: both;
	margin: 15px 0 15px 10px;
}

#supportList div.user {
	background: #ECE6D4;
	cursor: pointer;
	float: left;
	width: 32%;
	margin: 2px 1px;
	padding: 4px;
	text-align: left;
	overflow: hidden;
}

#supportList div.user img {
	width: 48px;
	height: 48px;
	margin: 0 10px 0 0;
}

#supportList div.user p {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 48px;
	white-space: nowrap;
}

/** Sidebar Unterstüzter **/
#sidebar {
	padding: 0;
	width: 170px;
	height: 100%;
	text-align: center;
	margin: 0 5px 15px 5px;
}

.sidebar_left {
	float: left;
	text-align: left;
}

.sidebar_left div.text {
	float: left;
	width: 140px;
}

.sidebar_right {
	float: right;
	text-align: right;
}

.sidebar_right div.text {
	float: right;
	width: 140px;
}


#sidebar div.text {
	background: #ECE6D4;
}

#sidebar div.user {
	margin: 5px 0;
	cursor: pointer;
	width: 140px;
	height: 140px;
	text-align: center;;
}

#sidebar div.user img {
	width: 128px;
	height: 128px;
	margin: 0 auto;
}

/** Sonstige Selektoren ****************************************************** */
#debug, #error {
	border-top: 1px dotted #666;
	margin: 0 auto 20px auto;
	padding: 5px 15px;
	width: 880px;
}

#debug h1, #error h1 {
	font-size: 100%;
}

#debug li, #error li {
	font-size: 80%;
	line-height: 100%;
}

div.dialog #error, div.dialog #debug {
	width: 100%;
	text-align: left;
}


/** IE Hack ****************************************************************** */

* html body {
	width: 100%;
	height: 100%;
}

* html #menubar ul {
	margin-left: 5px;
}

* html #menubar li {
	display: inline;
	width: 120px;
	float: none;
	list-style-type: none;
}