﻿/* Farben: ===============================================================================================
					light		bright		medium		maxium		more		dunkel		font	link	
					------		------		------		------		------		------		------  -----
	home			f8f8f8		f2f2f2		eaeaea		dedede		c3c3c3		9f9f9f		9b9b9b	878787		
	artikel			fafaf0		f8f1e6		f5e9d8		f4dcac		e0ca6e		d4bb94		e1aa35	da9a20
	journal			f5faf0		edf7e4		e0f0d2		c8e5ae		b4db91		a3bf89		77c845	66b535
	projekte		f2f3ff		eaeff9		dde5f4		c8d8fc		a2abfa		babce2		8bb7ff	6fa3ed
* ====================================================================================================== */

/* UNDO-HTML =========================================================================================== */
table { border: none; border-collapse: collapse; width: 100%}
th { font-weight: bold; text-align: left; vertical-align: top; }
td { text-align: left; vertical-align: top; }

/* Standards =========================================================================================== */
* {
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	font-size: 9pt; 
	color: #585858;
}

h1, h1 a {
	font-size: 16pt;
	font-weight: bold;
	margin: 2px 0px 4px 0px; 
}
h2, h2 a, h2 span {
	font-size: 13pt;
	font-weight: bold;
	margin: 2px 0px 4px 0px;
}
h3, h3 a {
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
	margin: 2px 0px 2px 0px;
}

h4, h4 a {
	font-size: 10pt;
	font-weight: bold;
	margin: 2px 0px 2px 0px;
}
h5 {
	font-size: 10pt;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 0;
}

hr {
	margin: 0px;
	padding: 0px;
	border: none;
	border-top: 1px #e6e6e6 solid;
	border-bottom: transparent;
	height: 1px;
}

a { color: #585858; text-decoration: underline; }
a:hover  { text-decoration: none; }
a.none, a.none * { color: #585858 !important; text-decoration: none; }
a:active { position: relative; top: 1px;}

/**/
.entrytext a[href^="http://"],
.comment a[href^="http://"] {
	background: transparent url(../images/outlink.gif) no-repeat scroll right 60%;
	margin-right: 2px;
	padding-right: 10px;
}
/**/
.entrytext a.intern { 
	background:none; 
	margin-right: 0px; 
	padding-right: 0px;
}

form fieldset { margin-bottom: 6px; }

ul, ol {
	margin: 10px 0px 10px 20px; 
	padding: 0px 0px 0px 0px;
	list-style-position: outside;
}
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

li {
	margin: 0px 0px 3px 0px;
	padding: 0px;	
}

ul.none { margin: 0px !important; }
ul.none li { list-style: none }

ul.blank { list-style-type: none !important; }

li.weblink { background: transparent url('../images/icons/ico_world_blue_mini.png') no-repeat; padding-left: 16px; margin-bottom: 6px; }
li.weblink a { text-decoration: none; }
li.weblink a:hover { text-decoration: underline; }

li.recentcomment { background: transparent url('../images/icons/ico_comment.png') no-repeat; padding-left: 22px; margin-bottom: 6px; margin-top: 10px; }
li.recentcomment a { text-decoration: none; }
li.recentcomment a:hover { text-decoration: underline; }

textarea { border: 1px solid #e6e6e6; padding: 4px 8px 4px 8px; }

/* Allgemeine Klassen ================================================================================== */
.hide { display: none; }
.show { display: block; }
.inline { display: inline; }

.error_text { color: Red; }
.input_text { border: 1px solid #e6e6e6; }

.left { float: left; margin: 5px 15px 10px 0px; }
.right { float: right; margin: 5px 0px 10px 15px; }

.margtop { margin-top: 10px; }
.small, .mini, .mini a { font-size: 7pt; }
.clear, .break { clear: both }
.darkback { background-color: #fafafa; }
.kursiv { font-style: italic; }

.home#innercontainer .divbox { border: 1px #dedede solid; }
.admin#innercontainer .divbox { border: 1px #dedede solid; }
.artikel#innercontainer .divbox { border: 1px #f4dcac solid; }
.journal#innercontainer .divbox { border: 1px #c8e5ae solid; }
.projekte#innercontainer .divbox { border: 1px #c8d8fc solid; }

.home#innercontainer .light { color: #9f9f9f !important; }
.admin#innercontainer .light { color: #9f9f9f !important; }
.artikel#innercontainer .light { color: #d4bb94 !important; }
.journal#innercontainer .light { color: #a3bf89 !important; }
.projekte#innercontainer .light { color: #babce2 !important; }
a.light { text-decoration: none; }

.bildsub { font-size: 7pt; color: Silver; }

pre, code, code *, .code, .code * { 
	font-family: "Courier New", Courier, mono, serif; 
	font-size: 9pt; 
}
code {
	padding: 0px 3px 0px 3px; 
}
.code, blockquote {
	display: block;
	margin: 0px; padding: 0px;
	padding-left: 8px;
	margin-left: 0px;
	overflow: auto;
}
.code { border-left: 3px #FA9800 solid; }
blockquote { background: url('../images/box/quote.png') no-repeat; padding: 5px 0px 0px 10px; font-style: italic; }

code.bold { font-weight: bold }
code.italic { font-style:italic }

#socialbuttons {
	margin: 0px 0px 0px 5px !important;
}
#socialbuttons li {
	margin-top: 6px;
}

a.scroller {
	display: block; 
	height: 10px; 
	border: 2px #ebebeb solid; 
	background-color: #fafafa; 
	text-align:center; 
	padding-top: 4px; 
	margin-bottom: 4px;
	background-repeat: no-repeat; 
	background-position: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

a.wiki {
	color: #585858 !important; 
	padding-left: 1px;
	padding-right: 1px; 
	cursor: help; 
	text-decoration: none;
	background: url('../images/dotted.gif') repeat-x 0% bottom; 
}

a.article { padding-left: 22px; background: url('../images/icons/ico_page_orange.png') no-repeat; }
a.journal { padding-left: 22px; background: url('../images/icons/ico_page_green.png') no-repeat; }
a.trackback { padding-left: 22px; background: url('../images/icons/ico_trackback.png') no-repeat; }
a.share { padding-left: 22px; background: url('../images/icons/ico_share.png') no-repeat; }
a.wikio { padding-left: 22px; background: url('../images/icons/ico_wikio.ico') no-repeat; }
a.wikio span { font-weight: bold; }

img.showleft, img.showtopleft { float: left; margin: 0px 16px 16px 0px; }
img.showright, img.showtopright { float: right; margin: 0px 0px 16px 16px; }

img.toolbutton, input.toolbutton {
	height: 16px;
	width: 16px;
	padding: 4px;
	margin: 2px 1px 2px 1px;
	border: 1px #e6e6e6 solid; 
	background-color: #fefefe;
}

fieldset label {
	float: left;
	display: block;
	width: 120px;
}
fieldset .checkbox label {
	float: none;
	display: inline;
	width: 400px;
	padding-left: 6px;
}
fieldset .indent {
	margin-left: 120px;
}
fieldset .textbox { width: 530px; }
fieldset .combobox { width: 540px; }

table.datasheet {
	border: 1px solid #e6e6e6; 
}
table.datasheet tr { 
	height: 20px; 
	border: 1px solid #e6e6e6;
}
table.datasheet th, table.datasheet td { 
	text-align: left;
	padding: 4px;  
}
table.datasheet th {
	background-color: #fafafa;
	font-weight: bold;
	vertical-align: top; 
}

.darkback table.datasheet th {
	background-color: #f4f4f4;
}

div.doubleborder_outer {
	border: 4px #ebebeb solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
div.doubleborder_inner {
	border: 2px #ffffff solid; 	
	padding: 10px; 
	overflow: auto;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

div.entrytext > p:first-child {
	text-indent: 32px;
}
div.scrollbox {
	height: 300px; 
	overflow: auto;
	border: 1px solid #e6e6e6;
}

div.greybox_world,
div.greybox_bulb,
div.greybox_calendar {
	background-color: Transparent;
	background-repeat: no-repeat;
	background-position: 95% 5%;
}
div.greybox_world { background-image: url('../images/box/boxgrey_world.png'); }
div.greybox_bulb { background-image: url('../images/box/boxgrey_bulb.png'); }
div.greybox_calendar { background-image: url('../images/box/boxgrey_calendar.png'); }

.messageblock {
	display: block;
	width: 90%;
	background-position: 5px 3px;
	background-repeat: no-repeat;
	padding: 5px;
	padding-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.msg_success {
	border: 1px solid green;
	background: #77C146 url(../images/layout/accept.png);
	color: white;
}
.msg_notice {
	border: 1px solid #FF9853;
	background: #FFEA97 url(../images/layout/lightbulb.png);
}
.msg_errork {
	border: 1px solid red;
	background: #F25757 url(../images/layout/exclamation.png);
}