/* Main settings */
body {margin:0px; padding:0px; background:url('images/bg.jpg') repeat-x 0px 0px; font-family: comic sans ms, Balker, Tahoma, Arial, Helvetica, sans-serif}
img { border: none;  }
.border { border-style: solid; border-width: 2px; border-color: darkred; padding: 2px !important; margin:0px;}

#main {width:1024px; margin:0px auto;}

/* Header section */

#main #top { no-repeat 15px 45px; height:30px; width:1004px; text-align:right; font-size:12px; color:#7D7D7D; padding-left:0px; padding-right:20px; padding-top:30px; padding-bottom:0px}
#main #top ul {margin:0px; padding:0px; list-style:none;}
#main #top li {margin:0px; padding:0px; display:inline;}
#main #top li a {color:#7D7D7D; text-decoration:none; background:url('images/arrow-gray.gif') no-repeat 6px 5px; padding-left:15px; padding-right:15px; padding-top:0px; padding-bottom:0px} 
#main #top li a:hover {color:#BA0D17; text-decoration:underline; background:url('images/arrow-red.gif') no-repeat 6px 5px; padding-left:15px; padding-right:15px; padding-top:0px; padding-bottom:0px}
#main #top li a.active {color:#BA0D17; text-decoration:underline; background:url('images/arrow-red.gif') no-repeat 6px 5px; padding-left:15px; padding-right:15px; padding-top:0px; padding-bottom:0px}

/* Top menu */

#main #mainMenu {width:700px; height:77px; text-align:right; position:relative; top: 2px;}
#main #mainMenu ul {margin:0px; padding:0px; list-style:none; float:right;}
#main #mainMenu ul li {margin:0px; padding:0px; float:left;}
#main #mainMenu ul li a {font-size:14px; color:#F9F9F9; font-weight:bold; text-decoration:none; text-align:center; background:url('images/bg-tab.jpg') no-repeat; width:140px; height:27px; display:block; line-height:27px; overflow:hidden; text-transform:lowercase; cursor:pointer; }
#main #mainMenu ul li a:hover {background:url('images/bg-tab-over.jpg') no-repeat;}
#main #mainMenu ul li a.active {background:url('images/bg-tab-over.jpg') no-repeat;}

#main #mainMenu .sub-menu {padding:15px 0px 0px 0px; width:1048px; position: absolute; top:20px; left:-50px; text-align:center !important; color:#F9F9F9; }
#main #mainMenu .sub-menu ul {margin:0px; padding:0px; list-style:none; float:none !important;}
#main #mainMenu .sub-menu li {margin:0px; padding:0px; display:inline; float:none !important; }
#main #mainMenu .sub-menu a {background:none !important; font-weight:normal !important; width:auto !important; height:auto !important; display:inline !important; text-transform:lowercase !important; padding:0px 20px 0px 20px;}
#main #mainMenu .sub-menu a:hover{text-decoration: underline !important; }

/*
#main #mainMenu .sub-menu {display:none}
#main #mainMenu .active_over .sub-menu {display:block;}
*/

/* Header image */

#main #header { height:20px; width:1024px}

/* Title */

#main #title { border-left:0px solid #B3B3B7; border-right:0px solid #B3B3B7; border-top:2px solid #B3B3B7; border-bottom:2px solid #B3B3B7; background-image:url('images/bg-title.jpg'); height:34px; width:1024px;font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#444444; line-height:16px; padding-left:0px; padding-right:0px; padding-top:15px; padding-bottom:15px}
#main #title h1#firstTitle {font-size:16px; width:450px; height:10px; color:#800080; padding:0px 20px 10px 20px; margin:0px 20px 0px 5px; letter-spacing: 1px; border-bottom: 2px solid lightgray;}
#main #title #secondTitle {font-size:16px; font-weight:bold; color:#FF00FF; padding:5px 20px 0px 30px; letter-spacing: 1px; margin-left: 140px;}

/* Body content */

#main #mainBlog {width:1020px; padding:20px 0px 0px 0px; border:#C7C7C7 1px solid; border-width:0px 1px 1px 1px;}

#main #mainBlog #left {width:256px; border-right:#C7C7C7 2px solid; float:left; padding:0px 20px 0px 20px;}
#main #mainBlog #left img {margin:0px 0px 15px 15px; }
#main #mainBlog #left p {margin:0px 0px 0px 0px; padding:0px 0px 10px 0px; font-size:12px; color:#444444; clear:left; font-family: Tahoma; font-size: 9pt; }
#main #mainBlog #left a {color:#BA0D17; text-decoration:underline; font-size: 8pt; }
#main #mainBlog #left a:hover {text-decoration:none;}
#main #mainBlog #left a.more {color:#BA0D17; text-decoration:underline; font-size:12px; font-weight:bold; background:url('images/arrow-red.gif') no-repeat 6px 5px; display:block; padding-left:15px; padding-right:0px; padding-top:0px; padding-bottom:15px}
#main #mainBlog #left a.more:hover {text-decoration:none;}


#main #mainBlog #right {width:700px; float:left; padding:0px 0px 0px 20px}
#main #mainBlog #right h2 { font-size: 14pt; letter-spacing: 2px; }
#main #mainBlog #right h3 { font-size: 12pt; font-weight: bold; letter-spacing: 1px; color: darkred; }
#main #mainBlog #right h3.impressum { font-size: 10pt; font-weight: bold; }

#main #mainBlog #right img {float:left; margin:0px 10px 0px 0px; padding-bottom: 5px; padding-right: 5px; }
#main #mainBlog #right p {margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; font-size: 12px; color:#000000;  line-height: 16px; }
#main #mainBlog #right p.impressum {margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; font-size: 10px; color:#000000;}
#main #mainBlog #right .boxMore {text-align:right; height:20px; padding:0px 0px 20px 0px;}
#main #mainBlog #right a.more {color:#BA0D17; text-decoration:none; font-size:12px; font-weight:bold; background:url('images/arrow-red.gif') no-repeat 6px 5px; padding-left:15px; padding-right:0px; padding-top:0px; padding-bottom:0px}
#main #mainBlog #right a.more:hover {text-decoration:underline;}
#main #mainBlog #right table { margin-bottom: 20px; border-collapse: collapse; width: 100%; }
#main #mainBlog #right th { font-wight: bold; margin: 0px; padding: 5px; font-size: 10pt; text-align: left; border: 2px solid #777777; background-color: lightgrey; }
#main #mainBlog #right td { padding: 5px; margin: 0px; font-size: 10pt; border: 2px solid #777777; background-color: #EEEEEE; }
#main #mainBlog #right li {margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; font-size: 12px; color:#000000;}

/* nur für links seite */
div.partner { padding-bottom: 10px; }
div.partner h3 > a { font-size:12pt; text-decoration: none; font-weight: bold; color: #555555; }
div.partner > a { font-size:8pt; text-decoration: none; }
div.partner > a:hover { text-decoration: underline; }

/* für linkmenues auf der seite */
#main #mainBlog #right p#onPageMenuLinks { padding-top: 20px; padding-bottom: 20px; }
#main #mainBlog #right p#onPageMenuLinks > a { display: block; padding-top: 2px; padding-bottom: 2px; text-decoration: none; }
#main #mainBlog #right p#onPageMenuLinks > a:before { content: '>> '; }
#main #mainBlog #right p#onPageMenuLinks > a:hover { color: gray; }

/* für menues auf der seite */
#main #mainBlog #right p#onPageMenu { padding-top: 10px; padding-bottom: 10px; line-height: 10px; }
#main #mainBlog #right p#onPageMenu > a { display: inline; text-decoration: none; }
#main #mainBlog #right p#onPageMenu > a:before { content: '>> '; }
#main #mainBlog #right p#onPageMenu > a:hover { color: gray; }

#main #mainBlog #right p.image {
	text-align: right;
	clear: left;
	color: lightgray;
	font-weight: bold;
	padding: 5px;
}

#main #mainBlog #right p.image img {
	border-width: 2px;
	border-style: solid;
	border-color: gray;
	width: 320px;
	padding: 2px;
	margin: 2px;
}

#main #mainBlog #right p.image img:hover {
	border-width: 2px;
	border-style: solid;
	border-color: darkred;
	padding: 2px;
	margin: 2px;
}

#main #mainBlog #right p.image:hover {
	color: black;
}

/* Footer content */

#main #copy {height:30px; width:1020px; text-align:center; font-size:11px; color:#090909; background-color:#F9F9F9; padding:15px 0px; clear:left; }

#main #bottom { margin-top: 10px; padding-top: 0px; }
#main #bottom ul { text-align: center; font-size: 10px; list-style:none;}
#main #bottom li {margin:0px; padding:0px; display:inline;}
#main #bottom li a {color:#7D7D7D; text-decoration:none; background:url('images/arrow-gray.gif') no-repeat 6px 5px; padding-left:15px; padding-right:15px; padding-top:0px; padding-bottom:0px} 
#main #bottom li a:hover {color:#BA0D17; text-decoration:underline; background:url('images/arrow-red.gif') no-repeat 6px 5px; padding-left:15px; padding-right:15px; padding-top:0px; padding-bottom:0px}
#main #bottom li a.active {color:#BA0D17; text-decoration:underline; background:url('images/arrow-red.gif') no-repeat 6px 5px; padding-left:15px; padding-right:15px; padding-top:0px; padding-bottom:0px}


/* Guestbook */

#guestbookform input.text {
	width: 98%;
}

#guestbookform textarea {
	width: 98%;
	height: 100px;
}

p.error{
	font-weight: bold;
	color: red;
}

div#entries {
	width: 95%;
	padding-top: 20px;
}

div#entries div.entry {
	width: 100%;
	border: 2px solid lightgrey; background-color: #EEEEEE;
	padding: 5px;
	padding-right: 20px;
	margin-top: 10px;
}

div.entry div.name {
	width: 100%;
	margin-top: 5px;
}

div.entry div.comment {
	width: 100%;
	margin: 5px;
	padding: 10px;
}