/* CSS File von Gregor Etzer Feb. 2005 */
/* CSS File NEU von Gregor Etzer April. 2006: Klasse CONTAINER ist dazu gekommen, diese zentriert die Website */

body { text-align:center; margin:0px; background:white url(/images/bg/bg_etzer_blue.jpg); scrollbar-face-color: #000000; scrollbar-arrow-color: #FFFFFF; scrollbar-base-color: #FFFFFF; scrollbar-track-color: #000000; scrollbar-highlight-color:#000000; }

#head { color: black; background-color: #ffffff; padding: 0px; margin:0px; }

#sideboard { color: black; background-color: #ffffff; padding: 0px }
#sideboard p  { color: #A9A9A9; font: bold 9px verdana; margin:10px 0 0px 0; padding: 0px 0 0px 0px }
#sideboard h1{
margin:0 0 10px 0;
/* Diese Angabe entspricht: margin(padding):top right bottom left; */
padding:2px 0 2px 5px;
font:bold 12px verdana;
border-left:10px solid #bcbcbc;
border-bottom:1px solid #bcbcbc;}
#sideboard h2{
margin:0 0 10px 0;
padding:2px 0 2px 5px;
font:bold 11px verdana;
border-left:10px solid #bcbcbc;
border-bottom:1px solid #bcbcbc;}
#sideboard h3{
margin:25px 0 10px 0;
padding:2px 0 2px 5px;
font:bold 8px verdana;
border-left:8px solid #bcbcbc;
border-bottom:1px solid #bcbcbc;}
#sideboard h4{
margin:25px 0 10px 0;
padding:2px 0 2px 5px;
font:bold 8px verdana;
border-left:6px solid #bcbcbc;
border-bottom:1px solid #bcbcbc;}
#sideboard h5{
margin:0px 0 0px 0;
padding:2px 0 2px 5px;
font:bold 9px verdana;}
#sideboard h6{
color: #A9A9A9;
margin:10px 0 10px 0;
padding:2px 0 2px 2px;
font: bold 11px verdana;}
#sideboard h7{
color: #A9A9A9;
margin:10px 0 10px 0;
padding:2px 0 2px 2px;
font: bold 9px verdana;}
/* border:1px solid silver; */
/* width:115px;*/
/* -moz-border-radius:.8em;*/

#sideboard a{ text-decoration : underline; color : black; }
/* #sideboard a:hover{ color: white; text-decoration: none; background-color: black } */


#content{
color:black;
background:#FFFFFF;
padding:0px;
text-align:left;}
#content p{
margin:7px 0 7px 0px;
padding:3px 0 3px 2px;
font: 12px verdana;}
#content h1{
color: maroon;
font: bold 14px verdana;
margin: 10px 5px 10px 5px;
padding: 2px 0 2px 5px;
border-bottom: 1px solid silver;
border-left: 10px solid silver;}
#content h2{
color: #FF4500;
background-color: #FFD700;
margin:10px 0 10px 0;
padding:5px 0 5px 0px;
font:bold 12px verdana;
border:1px solid silver;
width:70%;
-moz-border-radius:.8em;}
#content h3{
color: #00008B;
margin:5px 0 5px 0;
padding:2px 0 2px 5px;
font:bold 11px verdana;
border-left:0px solid #bcbcbc;
border-bottom:1px solid #bcbcbc;}
#content h4{
color: #ADCB01;
margin:15px 0 10px 0;
padding:2px 0 2px 5px;
font:bold 9px verdana;}
#content h5{
color: silver;
margin:5px 0 5px 0;
padding:2px 0 2px 0px;
font:10px verdana;}
#content h6{
color: silver;
margin:15px 0 0px 0;
padding:2px 0 2px 5px;
font:bold 9px verdana;}
/* H7 ist im Gästebuch in Gebrauch*/
#content h7{
color: black;
margin:5px 5px 5px 5px;
padding:5px 5px 5px 5px;
font:bold 12px verdana;
border:1px solid silver;
background-color: #f5f5f5;
-moz-border-radius:.8em;}
#content a{ text-decoration : underline; color : black; }
#content a:hover	{ color: white; text-decoration: none; background-color: black }

.list{
margin:10px 0px 0 70px;
width:450px;}

.list li{
text-align:left;
font:11px verdana;
list-style-type: disc;
list-style-position: inside;
padding:2px;
margin:4px 0 4px 0px;
background-color:#f5f5f5;
border:1px solid silver;
-moz-border-radius:.8em;}

.input{
background-color:#f5f5f5;
border:silver 1px solid;
font:bold 12px verdana;
color:black;}

/* Klassen für das Gästebuch */
.form-text{
background-color:#f5f5f5;
border:silver 1px solid;
font:bold 12px verdana;
color:black;
width:250px;}

.form-text-antispam{
color: red;
font-family: verdana, arial;
font-weight: bold;
font-size: 11px;
width: 100px;}

.form-select{
background-color:#f5f5f5;
border:silver 1px solid;
font:bold 12px verdana;
color:black;}

.form-submit{
background-color:#f5f5f5;
border:silver 1px solid;
font:bold 12px verdana;
color:black;}

.form-button{
background-color:#f5f5f5;
border:silver 1px solid;
font:bold 12px verdana;
color:black;}

.form-reset{
background-color:#f5f5f5;
border:silver 1px solid;
font:bold 12px verdana;
color:black;}

.form-textarea{
background-color:#f5f5f5;
border:silver 1px solid;
font:bold 12px verdana;
color:black;
height:150px;
width: 400px;}

.edit-textarea{
background-color:#f5f5f5;
border:silver 1px solid;
font:bold 12px verdana;
color:black;}

.form-text-wide{
background-color:#f5f5f5;
border:silver 1px solid;
font:bold 12px verdana;
color:black;
width: 400px}

.cp_table {
background-color: #f5f5f5;
border: solid 1px silver;
border-spacing: 8px;
-moz-border-radius:.8em;
width:600px;}

.cp_table td{
border:1px solid silver;
background:white;
padding:5px 5px 5px 5px;}

.cp_cell{
margin:2px 0 2px 0px;
padding:2px 0 2px 2px;
font: 12px verdana;
background: white;}

.table_fpg {
background-color: #f5f5f5;
border: solid 1px silver;
border-spacing: 8px;
width:600px;}

.table_fpg td{
border:1px solid silver;
background:white;
padding:5px 5px 5px 5px;}

.red{
color:red;
margin:2px 0 2px 0px;
padding:2px 0 2px 2px;
font: 12px verdana;}

.text{
color:silver;
margin:2px 0 2px 0px;
padding:2px 0 2px 2px;
font: 12px verdana;}


/* Klassen allgemein*/

.input1{
border:none;
border-bottom: 1px dashed black;}

.input2{
background-color:transparent;
border:#a8a8a8 1px dashed;
font:14px arial, sans-serif;
color: black;
padding:4px;}

.table1 {
background-color: #f5f5f5;
border: solid 1px silver;
border-spacing: 8px;
-moz-border-radius:.8em;}

.table1 td{
border:1px solid silver;
background:white;
padding:5px 5px 5px 5px;}

.table2 {
background-color: #f5f5f5;
border: solid 1px silver;
border-spacing: 1px;}

.table2 td{
border:0px solid black;
background:white;
padding:5px 5px 5px 5px;}

#foot{color:black;
background:#FFFFFF;
padding:0;
margin:0;
width:792px;
margin:40px 0px 0 4px;
border-top:2px solid white;}
#foot p{ font: 9px verdana;color: black; margin: 0; padding: 0px }
#foot a{ font: 9px verdana; text-decoration : underline; color : black; }
#foot a:hover	{ font: 9px verdana; text-decoration: none; color: white; background-color: black }

/* Allgemeine Einstellungen */
p,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,nobr,i
     { font-family: Verdana }
p,ul,ol,li,div,td,th,address,nobr,i     { color: black; font-size: 90% }
h1      { color: maroon; font-size: 12pt; line-height: normal }
h2       { color: black; font-size: 11pt; line-height: normal }
h3    { color: #aeb616; font-size: 8pt; line-height: normal }
h4     { color: #000000; font-size: 8pt; line-height: normal }
h5         { color: #d3d3d3; font-size: 7pt; line-height: normal }
h6         { color: #c0c0c0; font-size: 7pt; line-height: normal }
a	     { text-decoration : underline; color : black; }
a:hover     { color: white; text-decoration: none; background-color: red }
hr{
color:silver;
background:silver;
height:1px;
border:none;}

.container{
background:white;
padding:0px;
border: solid 1px black;
width:800px;
margin:auto;}

.frame1{
background:silver;
padding:0px;
border:0px solid black;
width:800px;
height:160px;}

.frame2 {
background:white;
float: left;
margin: 10px;
padding: 0px;
border: solid 0px black;
width: 120px;
height: 400px;}

.frame3{
background:white;
padding:5px;
margin:15px 0px 0px 140px;
border:1px solid silver;
-moz-border-radius:.8em;
width:640px;}