/* 
** CSS Document 
** based on the phpSQLiteCMS styles, http://phpsqlitecms.ilosuna.org/
*/

body { 
	font-family: verdana,arial,sans-serif; 
	font-size: 100.01%; 
	margin:0px; 
	padding:0px; 
	background:#fff; 
	min-width:740px; 
}

h1 { 
	margin: 0px 0px 25px 0px; 
	font-size: 20px; 
	font-weight: bold; 
}

h2 { 
	margin: 25px 0px 20px 0px; 
	font-size: 16px; 
	font-weight: bold; 
}

#topcontainer { 
	height: 120px; 
	/*background:#d2ddea url(img/bg_top.jpg) repeat-x;*/ 
	border-bottom: 1px solid #bacbdf; 
}

#topcontainer-2 { 
	height: 120px; 
	background:transparent; 
	/*background-image:url(img/bg_logo.png); 
	background-repeat:no-repeat; 
	background-position:left;*/ 
	padding:0px 30px 0px 30px; 
}

/*
#admin                     { margin:0px; padding:7px 10px 7px 10px; background:#ffffe1; border-bottom:1px solid #c0c0c0; }
#admin p.left              { margin: 0px; padding: 0px; float:left;  }
#admin p.right             { margin: 0px; padding: 0px; text-align:right; }
#admin a                   { text-decoration:none; }
#admin a:hover span        { text-decoration:underline; }
#admin a img               { margin:0px 5px -3px 0px; padding:0px; }
*/

/*----- Header -----*/
#top, #nav, #subnav, #content, #bottom { 
	max-width:964px; 
	margin-left:auto; 
	margin-right:auto; 
}

#top { 
	height: 80px; 
	padding:0px 0px 0px 0px; 
}

#top div.left { 
    margin: 0px; 
	padding: 11px 0px 0px 0px; 
	float: left; 
	font-family: georgia, times new roman, times, serif; 
	font-size: 30px; 
	font-weight: bold; 
	font-style: italic; 
	color:#000080; 
}

#top div.right { 
	margin: 0px; 
	padding: 20px 0px 0px 0px; 
	text-align: right; 
	font-size: 18px; 
	font-weight: normal; 
	font-family: georgia, times new roman, times, serif; 
}

#top span.title { 
	font-family: georgia, times new roman, times, serif; 
	font-size: 28px; 
	font-weight: bold; 
	font-style: italic; 
	color: #cc0000; 
}

#top div.left a { 
	color: #000080; 
	text-decoration: none; 
	border: 0px; 
}

/*----- Top-Navigation -----*/
#navcontainer { 
	clear:both; 
	height:20px; 
	margin-top:-20px; 
	padding:0px 30px 0px 30px; 
}

#nav {
	padding:0px;
	/*Roli*/
	text-transform: lowercase;
	font-size: 0.69em;
}

#navlist { 
	margin:0px; 
	padding: 0px 0px 20px 0px; 
}

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

#navlist li { 
	display:inline; 
}

#navlist a { 
	width:100px; 
	padding:2px 0px 2px 0px; 
	text-align:center; 
	float:left; 
	margin-right:8px; 
	height:14px; 
}

#navlist a:link, #navlist a:visited { 
	color:#000080; 
	background: #e8eef6; 
	border: 1px solid #bacbdf; 
	font-weight:normal; 
	line-height:14px; 
	text-decoration: none; 
	background-image:url(img/bg_nav_link.gif); 
	background-repeat: repeat-x; 
}

#navlist a:link#current, #navlist a:visited#current { 
	border-bottom: 1px solid #f7f7f7; 
	font-weight:bold; 
	color:#00c; 
	background: #f7f7f7; 
}

#navlist a:hover, #navlist a:hover#current { 
	color:#00c; 
	background:#f7f7f7;
}

/*----- Sub-Navigation -----*/
#subnavcontainer { 
	position:relative; 
	margin-top:0px; 
	margin-bottom:0px; 
	border-bottom: 1px solid #bacbdf; 
	background: #f7f7f7; 
	background-image:url(img/bg_subnav.gif); 
	background-repeat: repeat-x; 
	z-index:1; 
}

#subnav { 
	clear:both; 
	height:30px; 
	padding:0px 30px 0px 30px; 
	font-size:13px; 
}

#subnav div.left { 
	margin: 0px; 
	padding: 7px 0px 0px 0px; 
	float: left;
	text-transform: lowercase;
}

#subnav div.right { 
	margin: 0px; 
	padding: 7px 0px 0px 0px; 
	text-align: right; 
	font-size: 13px;
	text-transform: lowercase; 
	font-weight: normal; 
}

/*select.cat                 { font-family: verdana, arial, sans-serif; font-size: 11px; }*/

#contentcontainer { 
	margin:0px; 
	padding:0px 30px 50px 30px; 
	background:#fff; 
}

#content { 
	padding:0px; 
}



#main                   { margin:0px; padding:30px 0px 0px 0px; max-width:720px; }
#main h1                { margin: 0px 0px 25px 0px; padding:0px; }
#main h2                { margin: 25px 0px 20px 0px; font-size: 16px; font-weight:bold; }
#main p                 { font-size:13px; line-height:19px; }
#main ul                { font-size:13px; line-height:19px; }
#main h2.teaser         { margin: 0px 0px 0px 0px; font-size: 13px; font-weight: bold; color:#000; text-decoration:none; }
#main h2.teaser a       { margin: 0px 0px 0px 0px; font-size: 13px; font-weight: bold; color:#000; text-decoration:none; }
#main p.teaser          { margin: 0px 0px 0px 0px; padding: 0px; }

#sidebarcontainer         { width:100%; float:left; margin-right:-242px; }
#main-sidebar             { margin:0px 242px 50px 0px; padding:30px 0px 0px 0px; }
#main-sidebar h1          { margin: 0px 0px 25px 0px; padding:0px; }
#main-sidebar h2          { margin: 25px 0px 20px 0px; font-size: 14px; font-weight:bold; }
#main-sidebar p           { font-size:13px; line-height:19px; }
#main-sidebar ul          { font-size:13px; line-height:19px; }
#main-sidebar h2.teaser   { margin: 0px 0px 0px 0px; font-size: 13px; font-weight: bold; color:#000; text-decoration:none; }
#main-sidebar h2.teaser a { margin: 0px 0px 0px 0px; font-size: 13px; font-weight: bold; color:#000; text-decoration:none; }
#main-sidebar p.teaser    { margin: 0px 0px 0px 0px; padding: 0px; }

#main h1.topic h1.topic, #main-sidebar h1.topic { margin: 0px 0px 30px 0px; padding:0px; }
#main div.topic, #main-sidebar div.topic        { min-height:113px; margin:0px 0px 30px 0px; }
#main div.topic h2, #main-sidebar div.topic h2  { margin: 0px; padding:0px 0px 1px 0px; font-size: 14px; line-height:19px; }
#main div.topic p, #main-sidebar div.topic p    { margin: 0px; padding:0px; }

#main  div.news                         { margin:0px 0px 25px 0px; padding:0px; }
#main  div.news p.date                  { margin: 0px 0px 3px 0px; padding: 0px; font-size:11px; }
#main  div.news h2                      { margin: 0px 0px 3px 0px; font-size: 14px; font-weight: bold; color:#000; }
#main  div.news h2 a                    { margin: 0px 0px 0px 0px; font-size: 13px; font-weight: bold; color:#000; text-decoration:none; }
#main  div.news p                       { margin: 0px 0px 0px 0px; padding: 0px; }
#main  div.news p.link                  { margin: 3px 0px 0px 0px; padding: 0px; }
#main  div.news a.comment-link          { font-size:11px; color:#808080; }

#main h1.topic h1.topic, #main-sidebar h1.topic { margin: 0px 0px 30px 0px; padding:0px; }
#main div.topic, #main-sidebar div.topic        { min-height: 113px; margin:0px 0px 30px 0px; }
#main div.topic h2, #main-sidebar div.topic h2  { margin: 0px; padding:0px 0px 1px 0px; font-size: 14px; }
#main div.topic p, #main-sidebar div.topic p    { margin: 0px; padding:0px; }

/*----- Sidebar -----*/
#sidebar { 
	float:right; 
	margin:30px 0px 30px 0px; 
	padding:0px; width:210px; 
	color:#000; 
	background:transparent; 
	font-size: 13px; 
}

.sidebarbox { 
	margin: 0px; 
	padding:0px; 
	color:#000; 
	background:#fbfbfb; 
	border: 1px solid #d2ddea; 
}

.sidebarbox h3 { 
	margin:0px 0px 0px 0px; 
	padding:2px 10px 2px 10px; 
	font-size:13px; line-height:19px; 
	background:#d2ddea; 
	background-image:url(img/bg_th.gif); 
	background-repeat: repeat-x; 
	background-position: bottom; 
}

.sidebarbox p { 
	margin:10px 0px 0px 0px; 
	padding:0px 10px 10px 10px; 
	font-size:13px; 
	line-height:19px; 
}

#sidebar ul { 
	margin: 7px 0px 7px 0px; 
	padding:0px; 
	font-size:13px; 
}

#sidebar li { 
	list-style: none; 
	margin:0px; 
}

#sidebar li a { 
	margin:0px; 
	padding: 4px 0px 4px 7px; 
	display:block; 
}

#sidebar li a:hover { 
	text-decoration:none; 
	background: #efefef; 
}

#langbox           { border: 1px dotted #c0c0c0; font-size:13px; line-height:19px; margin:0px; padding:10px 0px 0px 0px; }
#langbox p         { margin:0px 0px 0px 0px; padding:0px 10px 10px 10px; font-size:13px; line-height:19px; }
#langbox a         { font-weight:bold; }
#langbox img       { float:left; padding:0px 5px 0px 0px; }

table.teaser               {  }
td.scl                     { width: 50%; padding-right: 10px; padding-bottom: 25px; vertical-align: top; line-height:19px; }
td.scr                     { width: 50%; padding-left: 10px; padding-bottom: 25px; vertical-align: top; line-height:19px; }

/*----- Fusszeile -----*/
#discreet p { 
    color: #76797c; 
	font-size: 0.55em; 
	font-weight: normal; 
	text-align: center; 
}

#bottomcontainer { 
	clear:both; 
	margin: 0px 0px 0px 0px; 
	padding:0px 30px 0px 30px; 
	background:#f7f7f7; 
	border-top: 1px solid #bacbdf;
	border-bottom: 1px solid #bacbdf;
	background-image:url(img/bg_subnav_2.gif); 
	background-repeat: repeat-x; 
}

#bottom { 
	color:#000; 
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	font-size: 13px; 
}

#bottom p.left { 
	margin: 0px; 
	padding: 9px 0px 9px 0px; 
	float: left; 
	font-size: 11px;
	text-transform: lowercase;
}

#bottom p.right { 
	margin: 0px; 
	padding: 9px 0px 9px 0px; 
	text-align: right; 
	font-size: 11px;
	text-transform: lowercase;
	font-weight: normal; 
}

.small                     { font-size: 11px; }
.smallx                    { font-size: 11px; color: #808080; line-height: 16px; }
.sep                       { margin: 20px 0px 10px 0px; padding: 0px; height: 1px; font-size: 1px; width: 200px; border-bottom: 1px dotted #c0c0c0; }

.codebox                   { max-height:200px; overflow:auto; font-family: courier-new, courier; font-size: 13px; color: #000099; border:1px solid #c0c0c0; background:#fafafa; padding:5px; }
p.code                     { margin:0px 0px 0px 20px; padding:0px 0px 0px 5px; font-family: courier-new, courier; font-size: 13px; color: #000099; border-left:5px solid #c0c0c0; }
span.code                  { font-family: courier-new, courier; font-size: 13px; color: #000099; }

/*----- Tabellen -----*/
table.normaltab { 
	width: 100%; 
	border: 1px solid #bacbdf; 
}

table.normaltab th { 
	font-family: verdana, arial, sans-serif; 
	vertical-align: top; 
	font-size: 13px; 
	font-weight: bold; 
	text-align:left; 
	color: #000000; 
	background:#d2ddea; 
	background-image:url(img/bg_th.gif); 
	background-repeat: repeat-x; 
	background-position: bottom; 
}

table.normaltab td.a { 
	font-family: verdana, arial, sans-serif; 
	vertical-align: top; 
	font-size: 13px; 
	font-weight: normal; 
	color: #000000; 
	background: #f5f5f5; 
}

table.normaltab td.b { 
	font-family: verdana, arial, sans-serif; 
	vertical-align: top; 
	font-size: 13px; 
	font-weight: normal; 
	color: #000000; 
	background: #f9f9f9; 
}

table.normaltab td { 
	font-family: verdana, arial, sans-serif; 
	vertical-align: top; 
	font-size: 13px; 
	font-weight: normal; 
	color: #000000; 
	background: #f9f9f9; 
}

/*----- Bestelluebersicht -----*/
table.ordertab { 
	width: 100%; 
	border: 1px solid #74ae0b; 
}

table.ordertab th { 
	font-family: verdana, arial, sans-serif; 
	vertical-align: top; 
	font-size: 13px; 
	font-weight: bold; 
	text-align:left; 
	color: #000000; 
	background:#d2ddea; 
	background-image:url(img/bg_th.gif); 
	background-repeat: repeat-x; 
	background-position: bottom; 
}

table.ordertab td.a { 
	font-family: verdana, arial, sans-serif; 
	vertical-align: top; 
	font-size: 13px; 
	font-weight: normal; 
	color: #000000; 
	background: #f5f5f5; 
}

table.ordertab td.b { 
	font-family: verdana, arial, sans-serif; 
	vertical-align: top; 
	font-size: 13px; 
	font-weight: normal; 
	color: #000000; 
	background: #f9f9f9; 
}

table.ordertab td { 
	font-family: verdana, arial, sans-serif; 
	vertical-align: top; 
	font-size: 13px; 
	font-weight: normal; 
	color: #000000; 
	background: #cde2a7;; 
}
/*----- Links -----*/
a.extern:link { 
	padding-left: 13px; 
	color: #0000cc; 
	text-decoration: none;  
	font-weight: normal; 
	background: url(img/link_extern.png) no-repeat center left;  
}

a.extern:visited { 
	padding-left: 13px; 
	color: #0000cc; 
	text-decoration: none; 
	font-weight: normal; 
	background: url(img/link_extern.png) no-repeat center left; 
}

a.extern:hover { 
	padding-left: 13px; 
	color: #0000ff; 
	text-decoration: underline; 
	font-weight: normal; 
	background: url(img/link_extern.png) no-repeat center left; 
}

a.extern:active { 
	padding-left: 13px; 
	color: #ff0000; 
	text-decoration: none; 
	font-weight: normal; 
	background: url(img/link_extern.png) no-repeat center left; 
}

/*----- search.php -----*/
th {
	border-bottom: 1px solid #6A97B1;
}
  
table {
	width: 720px;
	padding: 0;
	margin-top: 20px;
	margin-left: 0;
	background-color: #ffffff;
	border: 0;
	font-size: 0.8em;
}
  
.row_0 {
	background-color: #FFFFFF;
}
  
.row_1 { 
	background-color: #E1E8F1;
}
  
.row_nc { 
	background-color: #cde2a7;
}
  
div#SucheBox {
	margin-left: 0em; /*Aussenabstand*/
    padding: 1em 0em; /*Innenabstand*/
    border-bottom: 1px dashed silver;
    min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
}

div#SucheInhalt {
	margin-left: 0em;
    padding: 1em 1.5em;
    background-color: #cde2a7;
    border: 0;
}
  
div#Inhalt h2 {
	font-size: 1.2em;
    margin: 0 0 1em;
}

div#SucheInhalt p {
	font-size:0.6em;
    margin: 1em 0;
}
  

#comments                  { font-size: 16px; margin: 40px 0px 20px 0px; padding: 0px 0px 2px 0px; border-bottom: 1px dotted #c0c0c0; }
.comments                  { margin: 0px 0px 20px 0px; }
p.author                   { margin: 0px 0px 3px 0px; padding: 0px; font-style: italic; }
p.text                     { margin: 0px; padding: 0px; }
.comment-preview-hl        { margin:0px; color:red; font-weight:bold; }
.comment-preview           { padding: 10px; border: 1px dotted red; }

.gb-entry                  { margin: 0px 0px 25px 0px; padding:0px; }
.gb-author                 { margin: 0px; font-style: italic; }
.gb-text                   { margin: 0px; }
.gb-comment                { margin: 5px 0px 0px 0px; padding: 0px 0px 0px 20px; color:#444; background-image:url(img/gb_comment.gif); background-repeat:no-repeat; background-position: 3px 3px; }
.gb-preview-hl             { margin:0px; color:red; font-weight:bold; }
.gb-preview                { padding: 10px; border: 1px dotted red; }
.gb-admin                  { margin: 5px 0px 10px 0px; padding: 0px; }
.gb-input-edit             { width: 50px; height: 20px; font-size: 11px; }
.gb-input-delete           { width: 50px; height: 20px; font-size: 11px; color:red; }

.caution                   { font-weight:bold; color:red; }

img                   { border: 0px; }
img.float-left        { float: left; margin: 3px 10px 10px 0px; border: 1px solid black; }
img.float-right       { float: right; margin: 0px 0px 13px 13px; border: 1px solid black; z-index:10;}
img.teaser            { float: left; margin: 0px 7px 7px 0px; border: 1px solid black; }
img.thumbnail         { border: 1px solid black; margin:0px; padding:0px; }
img.float-left-sm          { float: left; margin: 3px 5px 3px 0px; border: 1px solid black; }

a:link                     { color: #0000cc; text-decoration: none; }
a:visited                  { color: #0000cc; text-decoration: none; }
a:hover                    { color: #0000cc; text-decoration: underline; }
a:active                   { color: #bb0000; text-decoration: none; }

img.thumbnail:link         { color: #0000ff; border: 1px solid #000000; }
img.thumbnail:visited      { color: #0000ff; border: 1px solid #000000; }
img.thumbnail:hover        { color: #0000ff; border: 1px dashed #000000; }
img.thumbnail:active       { color: #0000ff; border: 1px dashed #0000cc; }


a.rss:link            { padding-left: 18px; color: #0000cc; text-decoration: none;  font-weight: normal; background: url(img/link_rss.png) no-repeat left; }
a.rss:visited         { padding-left: 18px; color: #0000cc; text-decoration: none; font-weight: normal; background: url(img/link_rss.png) no-repeat left; }
a.rss:hover           { padding-left: 18px; color: #0000ff; text-decoration: underline; font-weight: normal; background: url(img/link_rss.png) no-repeat left; }
a.rss:active          { padding-left: 18px; color: #ff0000; text-decoration: none; font-weight: normal; background: url(img/link_rss.png) no-repeat left; }

a.zip:link            { padding-left: 19px; color: #0000cc; text-decoration: none;  font-weight: normal; background-image:url(img/zip.gif); background-repeat:no-repeat; background-position: top left; }
a.zip:visited         { padding-left: 19px; color: #0000cc; text-decoration: none; font-weight: normal; background-image:url(img/zip.gif); background-repeat:no-repeat; background-position: top left; }
a.zip:hover           { padding-left: 19px; color: #0000ff; text-decoration: underline; font-weight: normal; background-image:url(img/zip.gif); background-repeat:no-repeat; background-position: top left; }
a.zip:active          { padding-left: 19px; color: #ff0000; text-decoration: none; font-weight: normal; background-image:url(img/zip.gif); background-repeat:no-repeat; background-position: top left; }

a.down                { padding-left: 9px; background-image:url(img/link_down.gif); background-repeat:no-repeat; background-position: top left; }
a.up                  { padding-left: 9px; background-image:url(img/link_up.gif); background-repeat:no-repeat; background-position: top left; }

a.comments:link         { padding-left: 13px; color: #0000cc; text-decoration: none;  font-weight: normal; background-image:url(img/comments.png); background-repeat:no-repeat; background-position: left; }
a.comments:visited      { padding-left: 13px; color: #0000cc; text-decoration: none; font-weight: normal; background-image:url(img/comments.png); background-repeat:no-repeat; background-position: left; }
a.comments:hover        { padding-left: 13px; color: #0000ff; text-decoration: underline; font-weight: normal; background-image:url(img/comments.png); background-repeat:no-repeat; background-position: left; }
a.comments:active       { padding-left: 13px; color: #ff0000; text-decoration: none; font-weight: normal; background-image:url(img/comments.png); background-repeat:no-repeat; background-position: left; }


/*-- Einige Tests --*/
.fotobox              { width:656px; border: 1px solid #808080; margin:20px 0px 20px 0px; padding:0px; }
.fotobox div.hl       { margin:0px; padding:0px; background:#c5e5c3; }
.fotobox div.hl .l    { font-family:arial,sans-serif; float:left; margin:0px; padding:2px 10px 2px 10px; font-size:13px; font-weight:bold; }
.fotobox div.hl .r    { margin:0px; padding:2px 10px 2px 10px; font-size:11px; text-align:right; font-style:italic; }
.fotobox p         { margin:0px 0px 0px 0px; padding:0px 10px 10px 10px; font-size:13px; line-height:19px; }
/*
#content .fotobox h2,
#content-sidebar .fotobox h2           { float:left; margin:0px; padding:2px 10px 2px 10px; font-size:13px; background:#c5e5c3; }
#content .fotobox p.thumbnails,
#content-sidebar .fotobox p.thumbnails { margin:0px; padding:7px 3px 5px 3px; }
#content .fotobox img,
#content-sidebar .fotobox img          { border: 1px solid black; margin:3px 5px 3px 5px; padding:0px; }
*/