/* CSS STYLESHEETS Confessio
   Media:   screen
   Date:    2008-03-05
   Webdesign:  Rainer Holweger
   COPYRIGHT (C) 2005 Rainer Holweger
   www.holy-art.de
   email@holy-art.de
   Typo3: Daniele Holweger
   daniele.holweger@web.de
    */


/*** Grundsätzliches ***/

body {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0px auto;
    width: 100%;
    text-align: center;
    background: transparent url(styles_02_FILES/back_start2.gif);
    background-color: #f8d18e;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #000;
}

body, div, p, table, h1, h2, h3, h4, img, form {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

/*** Container ***/

#header {
    top: 0 px;
    left: 0px;
    margin: 0px;
    width: auto;
    height: 121px;
    text-align: center;
    background: transparent url(styles_02_FILES/back_oben.gif) repeat-x top left;
}

#menu {
    	top: 0px;
    	left: 0px;
      	margin: 0px;
    	height: 31px !important;
    	width: auto;
    	text-align: center;
    	padding: 4px 20px;
 }

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	float: left;
	display: block;
	position: relative;
	top: 0px;
	color: #000;
	padding: 2px 10px;
	font: bold italic 16px 'Times New Roman';
}

#menu a {
	color: #000;
	text-decoration: none;
	padding: 2px 10px;
}

#menu li a:hover {
	color: #000;
	background-color: #FFF;
}

a.menu#active{
	color: #000;
	font-size: 16px;
	background-color: #FFF;
}

#navigation a:hover { background-color: transparent !important; }

#wrapper {
    text-align: center;
    margin: 20px 20px 20px 20px;
    padding: 0px;
    height: 100%;
    background: transparent;
    scrollbar-base-color: #fff;
    scrollbar-track-color: #f8d18e;
    scrollbar-face-color: #f8d18e;
    scrollbar-highlight-color: #fff;
    scrollbar-3d-light-color: #fff;
    scrollbar-dark-shadow-color: #000;
    scrollbar-shadow-color: #e5a028;
    scrollbar-arrow-color: #000;
    overflow: auto;
}

#content_start {
    text-align: left;
    margin: 20px;
    padding: 0px;
    width: 550px;
    background: transparent;
}


/*** Nützliches ***/

.impressum {
           text-align: center;
           margin: 20px;
           padding: 10px;
           font-size: 12px;
           line-height: 16px;
           background-color: #e5a028;
           border: 1px solid black;
           }

.hide {
    visibility: visible;
}

.alternative {
    width: 0px;
    height: 0px;
    visibility: hidden;
    display: none;
}

/*** Textformatierungen ***/

h1, h2, h3, h4 { line-height: 1.3em; color: #d60808; }

h1 { font-size: 18px; margin-bottom: 15px; }
h2 { font-size: 16px; margin-bottom: 10px; }
h3 { font-size: 15px; margin-bottom: 10px; }
h4 { font-size: 14px; margin-bottom: 10px; }

p { margin-bottom: 15px; line-height: 1.3em; }

a:link, a:visited, a:active { color: #d60808; text-decoration: none; }
a:hover { background-color: #d60808; color: #fff; text-decoration: none; }

.center { text-align: center; }
.align-center { text-align: center; }
.align-right { text-align: right; }

input {
      border: none;
      background-color: #fff;
      margin: 5px;
      padding: 2px; 2px; 2px; 5px;
      vertical-align: bottom;
      }

.submit, .reset {
         background-color: #e5a028;
         font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
         border: 3px double #000;
}

.beschriftung {
         width: 100px;
         line-height: 200%;
         float: left;
         clear: left;
}

.beschriftunginnen { line-height: 200% }