/* Remetter CSS */
/* Created by Frank Remetter */
/* Copyright: 12. April 2010 by Frank Remetter */

/* body, usual tags, .. */

html { 
   padding:0px;
   margin:0px;
}

body {
   background-color: #dddddd;
   background-image: url(../images/back_body.jpg);
   color: #000000;
   font-family: Times, Verdana, Arial, SunSans-Regular, Sans-Serif;
   font-weight: normal;
   font-size: 1.0em;
   line-height: 1.2em;
   text-decoration: none;
   text-align: center;
   margin: 0px;
   padding: 0px;
}

h1, h2, f1, f2 {
   font-family: Times, Verdana, Arial, SunSans-Regular, Sans-Serif;
   line-height: 1.4em;
   text-decoration: none;
   color: #000000;
   margin: 0.6em; 
}
h1 { font-weight:bold; font-size: 1.2em; }
h2 { font-weight:bold; font-size: 1.0em; }
f1 { font-weight:normal; font-size: 0.6em; }
f2 { font-weight:normal; font-size: 0.8em; }

p, img { 
   font-family: Times, Verdana, Arial, SunSans-Regular, Sans-Serif;
   font-weight: normal;
   font-size: 1.0em;
   line-height: 1.2em;
   text-decoration: none;
   color: #000000;
}

img {
   border: none;
}

pre { 
   background-color: transparent;
   font-family: Courier, Monaco, Monospace;
   font-weight: normal;
   font-size: 0.8em;
   line-height: 1.0em;
   text-decoration: none;
   color: #000000;
   text-align: left;
}

/* layout */

#topic {
   background-image: url(../images/back_topic.png);
   background-repeat: repeat-x;
   background-color:#000066;
   color: #ffffff;
   text-align: center;
   line-height: 60px;
   font-size: 24px;
   font-weight: bold;
   vertical-align: middle;
   height: 60px;
   width: 100%;
}

#container {
   background-color: #cccccc;
	margin: 0 5% 10px 5%;
}

#inhalt {
	margin-left: 165px;
   background-color: #ffffff;
   text-align: left;
/*
   min-height: 15em;
   _height: 15em;
*/
}

#navigation {
	float:left;
	width: 160px;
   background-color: #cccccc;
   text-align: left;
   overflow: auto;
}

#fusszeile {
	clear: both;
	background-color: #666666;
	background-image: url(../images/back_fusszeile.png);
	background-repeat: repeat-x;
	color: #ffffff;
	border-top: 1px solid #000000;
	font-size: 0.6em;
	line-height: 0.8em;
	vertical-align: middle;
}

#input {
	width: 600px;
	line-height: 2.0em;
}

/* links */

#content a {
   font-weight: bold;
   font-size: 1.0em;
   line-height: 1.2em;
   text-decoration: underline;
}
#content a:link    { color: #00C; }
#content a:visited { color: #6f6f6f; }
#content a:active  { color: #FF0000; }
#content a:hover   { color: #FF0000; }

#navigation a {
   font-weight: bold;
   font-size: 0.8em;
   line-height: 1.0em;
   text-decoration: none;
}
#navigation a:link    { color: #5F5F58; }
#navigation a:visited { color: #5F5F58; }
#navigation a:active  { color: #5F5F58; }
#navigation a:hover   { color: #171716; }

/* classes */

.inside {
	padding: 10px;
}

.center {
   text-align: center;
}

.code_print {
   background-color:#ebebeb;
   border: 1px dotted #003366;
   margin-top: 4px;
   margin-bottom: 4px;
   padding: 5px 5px 5px 5px;
   overflow: auto;
}

.half_left {
   width: 50%;
   float: left;
}

.half_right {
   width: 50%;
   float: right;
}

.submit {
	margin: 10px 0px;
	clear: both;
}

.errormsg {
   text-align: center;
   color: #FF0000;
}

.sitemap1 { text-indent: 0px; }
.sitemap2 { text-indent: 30px; }
.sitemap3 { text-indent: 60px; }
.sitemap4 { text-indent: 90px; }

.bold { font-weight: bold; }

/* tables */

table.border_full {
    width: 98%;
    border-collapse: collapse;
    margin-left: 1px;
    margin-right: 1px;
    table-layout: auto;
}
td.border {
    border: 1px solid black;
}
table.noborder_full {
    border: none;
    width: 98%;
    table-layout: auto;
}

/* Gaestebuch/Notizblock */
table.gaestebuch {
   width: 100%;
   border: 1px solid black;
}
td.gb-hl {
   /*background-color: #666699;*/
   background-color: #eeeeee;
}
td.gb-text {
   /*background-color: #9999cc;*/
   background-color: #ffffff;
}

/* Login */
td.login_left {
   background-color: #eeeeee;
   width: 50%;
   text-align: right;
}
td.login_right {
   background-color: #eeeeee;
   width: 50%;
   text-align: left;
}
td.login_head {
   background-color: #cccccc;
   text-align: left;
}
td.login_foot {
   background-color: white;
   text-align: right;
}