﻿@import url("admin.css");
@import url("editor.css");
@import url("MessageBox.css");

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #c0ddcf;
	color: #333;
	margin: 0px 0px 0px 0px;	
}



#emaillink 
{
	unicode-bidi:bidi-override; 
	direction: rtl; 
}
.wrapper
{
	margin-left: auto;
	margin-right: auto;
	padding:  0px 0px 0px 0px;	
	width: 800px;
	background-color: #fff;
	color: #444;
	background-image: url(/files/Image/Layout/bg.jpg);
	background-repeat: repeat-y;
}

.ContentPanel
{
	border-right: solid 0px #7c0000;	
}

.BgWhite
{
	background-color: #fff;
	padding: 10px 3px 10px 5px;
	border: dashed 1px #ac0000;
}

.RightPanel
{
/*	background-color: #ac2d00;
/*	border-top: solid 5px #7c0000;
	border-left: solid 2px #7c0000;
	border-bottom: solid 10px #7c0000;
	border-right: solid 1px #7c0000;
*/	
	margin-top: 10px;
	border: dotted 0px White;
	
}

hr
{
	color: #9bcbb8;
	height: 1px;
}

h1
{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-transform: none;
	margin-top: 10px;
}

h2
{
  font-family: Tahoma, Verdana, Arial;
  font-size: 14px;
  font-weight: bold;
  color: #005439;
  margin-bottom: -5px;
}

h3
{
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #005439;
  margin-bottom: -10px;
  letter-spacing: 1px;
  font-style: italic;
}


a.ref
{ 
	background: transparent url(/files/Image/Layout/link.png) no-repeat 0 center;
    overflow: hidden;
    padding-left: 15px;
}
    
a:link { color: #005439; text-decoration: none; }
a:visited { color: #009967; text-decoration: none; }
a:hover { color: #009967; text-decoration: underline; }
a:active { text-decoration: none; }

p, td
{
	font-family: Georgia, "Times New Roman", Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 1.5em;
}

li
{
	font-family: Georgia, "Times New Roman", Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 1.5em;
	margin-left: -23px;	
}

.blogListItem
{
	display: block;
	clear: both;
	width: 100%;
	border-bottom: solid 1px #9bcbb8;
	padding: 10px 0px 10px 0px;
}

.blogDate
{
	font-size: 8pt;
	float: left;
	width: 100px;
}

.embImg
{
	background-color: Transparent;
	padding: 1px 1px 1px 1px;
	border: solid 1px #9bcbb8;
	margin-right: 5px;
	margin-bottom: 5px;
}

.embImgLeft
{
	background-color: Transparent;
	padding: 1px 1px 1px 1px;
	border: solid 1px #9bcbb8;
	margin-right: 10px;
}

.embImgRight
{
	background-color: Transparent;
	padding: 1px 1px 1px 1px;
	border: solid 1px #9bcbb8;
	margin-left: 10px;
}

.imgBorder
{
	background-color: Transparent;
	margin: 5px 0px 5px 0px;
	padding: 1px 1px 1px 1px;
	border: solid 1px #9bcbb8;
}

a .imgBorder:hover, a .embImg:hover, a .embImgLeft:hover, a .embImgRight:hover
{
	border: solid 1px #005439;
}

.NavBar
{
	background-color: #c4dea7;
	
	display: block;
	clear: both;
	float: left;
	border: dashed 0px Red;
	width: 170px;
	padding-left: 20px;
	padding-right: 10px;
}

.NavBarItem, a.NavBarItem
{
	clear: both;
	font-family: Georgia;
	line-height: 2.0em;
	font-size: 16px;
	text-align: left;
	font-weight: 300;
	display: block;
	
	color: #000;
	padding-top: 0px;
	padding-right: 20px;
}

a.NavBarItem
{
	color: #005439;
}

a.NavBarItem:hover
{
	color: #fff;
	text-decoration: none;
}

.NavBarSubItem, a.NavBarSubItem
{
	clear: both;
	font-family: Georgia;
	line-height: 2.0em;
	font-size: 14px;
	text-align: left;
	font-weight: 300;
	display: block;
	
	color: #000;
	margin-top: -5px;
	margin-bottom: -5px;
	padding-right: 20px;
	padding-left: 20px;
	border: solid 0px black;
}

a.NavBarSubItem
{
	color: #005439;
}

a.NavBarSubItem:hover
{
	color: #fff;
	text-decoration: none;
}
 
.InnerContent
{	
	
}

.admin
{
}

.content
{
	display: block;
	float: left;
	border: dashed 0px Red;
	width: 560px;
	padding-left: 20px;
	min-height: 500px;
}
/*
 * Kategorien Menu
 */
.categoryMenu
{
	display: block;
	float: left;
	width: 200px;
}

.categoryMenuHeader
{
	display: block;
	background-color: #dc0000;
	color: #fff;
	padding-left: 5px;
	padding-right: 10px;
	text-decoration: none;
	font-family:  Verdana, Tahoma, Arial;
	font-size: smaller;
}

a.categoryMenuItem, a.categoryMenuItem:visited
{
	display: block;
	background-color: #fff;
	color: #dc0000;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	font-family:  Verdana, Tahoma, Arial;
	font-size: smaller;
}

a.categoryMenuItem:hover
{
	background-color: #dc0000;
	color: #fff;
}

/*
 * Meldungen auf der Seite
 */
.SuccessMessage
{
	display: block;
	background-color: #00cc00;
	color: White;
	font-size: smaller;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	margin-bottom: 20px;
}

.ErrorMessage
{
	display: block;
	background-color: #dc0000;
	color: White;
	font-size: smaller;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	margin-bottom: 20px;
}

/*
 * eigene Klassen
 */
 
.footer
{
	clear: both;
	
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0px 40px 20px;	
	
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
	font-size: 10px;
	text-align: left;
}

.footer a:hover
{
	color: #dc0000;
	text-decoration: underline;
}

.footer a
{
	color: #005439;	
	text-decoration: none;
}

/*
 * Comment
 */
 
.Comment_Panel
{
	border-top: solid 1px #9bcbb8;
	margin-left: -20px;
	background-color: #fafafa;
	width: 600px;
}
.Comment_item
{
	display: block;
	border-bottom: dashed 1px Gray;
	margin-top: 10px;
	padding-bottom: 0px;
	padding-left: 50px;
	
}

.Comment_Header
{
	font-family: Verdana, Tahoma, Arial;	
	font-size: 7pt;
	font-style: normal;
	margin-bottom: -10px;
} 
.Comment_Body
{
	font-size: 9pt;
	font-style: normal;
	line-height: 1.2em;
	font-style: italic;
}

.Comment_date
{	
	font-weight: bold;
	margin-bottom: -0.3em;
}

/*
 * Gaestebuch
 */
 
.GB_avatar
{
	background-color: Transparent;
	border: solid 1px #9bcbb8;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 10px;
}

.GB_pSmall
{
	font-size: small;
	font-style: normal;
	line-height: 1.2em;
	padding-left: 10px;
} 
.GB_pSmaller
{
	font-size: smaller;
	font-style: normal;
}

.GB_date
{	
	font-weight: bold;
	margin-bottom: -0.3em;
}

.GB_item2
{
	border: solid 1px #c0ddcf;		
}

.GB_item
{
	background: #fff url(/files/Image/Layout/itembg.jpg) repeat-x ;
	display: block;
	border-bottom: dashed 0px Gray;
	margin-top: 0px;
	padding-bottom: 40px;
}

.GB_Img
{
	float: left;
	border: dotted 0px Red;
	height: 100%;
}

.GB_Entry
{
	border: dotted 0px Red;
	height: 100%;
	padding-top: 10px;	
}

/*
 * FORMULARE
 */ 
input[type=text], input[type=password], textarea
{		
	background-color: #fff;
	margin: 0px 10px 10px 0px;
	border: 1px solid #339933;
	font-size: small;
	width: 280px;
}

label, input[type=radio]
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.Input
{
	clear: both;	
	display: block;	
	vertical-align: bottom;
}

.InputLabel
{
	float: left;
	width: 160px;
}
.InputForm
{

}

.topBanner
{
	display: block;
	clear: both;
	background: #c0ddcf url(/files/Image/Layout/top.jpg) no-repeat;
	height: 175px;
}

/*
 * Banner Bottom
 */ 
.bottomBanner
{
	display: block;
	clear: both;
	position: relative;
	background: #c0ddcf url(/files/Image/Layout/bottom.jpg) no-repeat;
	height: 56px;
	border-bottom: solid 0px #009967;
}
.bottomLeft
{
	float: left;
	width: 50%;
	text-align: left;
}

.bottomRight
{
	float: left;
	width: 50%;
	text-align: right;
}

.counterDigit
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 2px;
	color: #999;
}

.counterText
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	letter-spacing: 2px;
	color: #999;
}

.counterHint
{
	font-family: Tahoma, Arial;
	font-size: 8px;
	color: #999;
}