/*Seebauer CSS – not final*/

@media Screen{
* {
	padding:0;
	margin:0;
	border:0;
}
html, body {
	height: 100%; /* wichtig */
	font:12px "Trebuchet MS", Verdana, Arial, sans-serif;
	color:black;
	text-align:center;
	background-color: #CCCCCC;
	background-image: url(images/bg2.gif);
	background-repeat: repeat;
	background-position: center;
}
#wrapper {  /*Schutzumschlag*/
	width:930px;
	margin:0 auto;
	text-align:left;
	position: relative;
	min-height: 100%;
	height:auto !important;/* moderne Browser */
	height:100%;
	background-color: #fff2cd;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#header {
	padding-left:10px;
	height:183px;
	font-size:15px;
	line-height: 60px;
	background-repeat: no-repeat;
	background-image: url(images/header.jpg);
}
#navi { /*Navigation*/
	background-color: #FFF2cd;
	float: left;
	width: 150px;
	height: 550px;
  position: absolute;
	top: 198px;
	padding-left: 0px;
	line-height: normal;
	padding-top: 15px;
	color: #666666;
	font-family: "Trebuchet MS";
	background-image: url(images/navi_b_top.gif);
	background-repeat: no-repeat;
	font-size: 18px;
	font-weight: normal;
	padding-right: 0px;
	z-index:1;
	
}
#navi table {
}
#navi a {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #947d5b;
	text-decoration: none;
	font-weight: normal;
	padding-left: 5px;
	display: block;
	line-height: 22px;
	letter-spacing: -1px;
}
#navi a:hover {
	color: #433e25;
}
#navi i {
	font-size: 12px;
	line-height: 19px;
}
#inhalt {
	position:relative;
	top: 15px;
	margin-left: 150px;
	padding-top: 10;
	padding-right: 2em;
	padding-bottom: 60px;
	padding-left: 2em;
	width: 780 px;
	background-image: url(images/inhalt_bg_top.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
}
p {
	margin: 0;
	padding: 1em 0;
	line-height: 1.5em;
	color: #666666;
}
#wrapperadmin { /*Schutzumschlag für adminbereich*/
	width:930px;
	margin:0 auto;
	text-align:left;
	position: relative;
	min-height: 100%;
	height:auto !important;/* moderne Browser */
	height:100%;
	background-color: #fff2cd;
	border-right-width: 6px;
	border-left-width: 6px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
/*Typo*/

.h1, .h2, .h3, h1, h2, h3 {
	color: #442;
	padding: 8px 0 5px;
}
h1, .h1 {
	font: normal 2.4em serif, sans-serif;
}
h1 a, .h1 a {
	text-decoration: none;
}
h1 a:hover, .h1 a:hover {
	text-decoration: underline;
}
h2, .h2 {
	font: normal 1.6em serif, sans-serif;
}
h3, .h3 {
	font: bold 1.2em serif, sans-serif;
}
ul {
	color: #7a540e;
	padding-left: 14px;
}
/*Eingangsseite - eg */

#egcontainer {
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	width: 746px;
	background-color: #ffffff;
	border: 1px solid #666666;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#egauswahl {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #7A540E;
	text-align: center;
	background-color: #F3D59C;
	font-weight: bold;
	padding: 5px;
}
#egauswahl1 {
	font-size: 10px;
	color: #7A540E;
	text-align: center;
	font-weight: bold;
	padding: 5px;
}
body.eingang {
	padding-top: 100px;
	background-image: none;
	background-color: #fff2cd;
}
/* Bilder */

.picborder1 {
	border: 4px double #333333;
}
/* Galerie */

.picborder2 {
	border: 3px solid #ffffff;
}
.Seitenauswahl {
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
	background-color: #917A5A;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.Seitenauswahl a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.Seitenauswahl a:hover {
	color: #917A5A;
}
/* Gästebuch */

.gbnummer {
	font-weight: bold;
	color: #947D5B;
	text-align: center;
}
.gbentry {
	background-color: #FFF8E1;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E2D1A9;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	vertical-align: baseline;
}
#gbbutton {
	color: #FFFFFF;
	background-color: #C1B190;
	border: 1px solid #666666;
	width: 60px;
	height: 15px;
	margin-left: 27px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 9px;
	font-weight: bold;
}
#inhaltstart {
	margin-left: 0px;
	padding-top: 10;
	padding-right: 2em;
	padding-bottom: 60px;
	padding-left: 2em;
	background-image: url(images/inhalt_bg_start_top.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
	height: 400px;
}
.Unterpunkt {
	color: #ffffff;
	background-color: none;
	padding-left: 8px;
	font-size: 12px;
}
#navi a.Unterpunkta {
	color: #433e25;
	background-image: url(images/navi_a_sign_2.gif);
	font-size: 12px;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #947d5b;
	padding-left: 4px;
	margin-left: 15px;
	padding-left: 18px;
	background-repeat: no-repeat;
	background-position: left center;
}
#inhalt a, #wrapper #inhaltstart a {
	color: #823F14;
	text-decoration: none;
}
#inhalt a:hover, #wrapper #inhaltstart a:hover {
	color: #947D5B;
}
#wrapper #switch {
	float: right;
	color: #FFFFFF;
	font-size: 9px;
	font-family: "Trebuchet MS";
	padding-top: 0px;
	padding-right: 3px;
	padding-left: 3px;
	background-color: #813f12;
}
#switch1 {
	float: left;
	color: #FFFFFF;
  position: absolute;
	top: 183px;
	width: 623px;
	font-size: 9px;
	font-family: "Trebuchet MS";
	padding-top: 0px;
	padding-right: 3px;
	padding-left: 3px;
	background-color: #813f12;
  z-index:2;
}
#wrapper #switch a:hover, #switch1 a:hover {
	color: #FFF2CD;
	text-decoration: none;
}
#wrapper #switch a, #switch1 a {
	color: #FFFFFF;
	text-decoration: none;
}

/* Formular */
.button {clear:both; float:right; clear:right; width:246px; margin:3px 0 0 0;}
.clear {clear:both; margin:0; padding:0;}
.ort {width:180px;}
.plz {width:50px;}
.strasse {width:200px;}
.strnummer {width:30px;}
.submitbtn {
    width:115px;
    border:1px solid;
    border-color:#f8f8f8 #999 #999 #f8f8f8;
    color:#FFFFFF;
    cursor:pointer;
    padding:0;
    margin:0;
    font-size:0.85em;
    background-color: #947D5B;
}
.sendenzu {
    background-color: #FFFDF4;
    color: #999999;
    border: 1px solid #CCCCCC;
}

span.webdeveloper-display-id-class-details {background-color: #ffff99 !important; border-color: #ffcc66 !important; color: #000000 !important;  -moz-opacity: 0.9 !important;  opacity: 0.9 !important; }
#formular {
    padding:0;
    width:700px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: 0px;
    background-image: url(upload/Roemer_animation.gif);   /*  nur ein test =)  */
    background-repeat: no-repeat;
    background-position: right top;
}
fieldset#daten {
    float:left;
    width: 290px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #CCCCCC;
}
.betreffundco {
    background-color: #FFFDF4;
    border: 1px solid #CCCCCC;
}

fieldset#nachricht {
	padding-left: 20px;
    float:left;
    width: 300px;
}
#egauswahl a {
	color: #947d5b;
	text-decoration:none;
}
#egauswahl1 a {
	color: #947d5b;
	text-decoration:none;
}
.a4aussen {
	background-color: #FFFFFF;
	width: 595px;
	height: 842px;
	text-align: left;
}
.a4innen {
    background-color: #FFFFFF;
    width: 523px;
	height: 770px;
	margin-top: 36px;
	margin-left: 36px;
}

}

@media print{
* {
	padding:0;
	margin:0;
	border:0;
}
html, body {
	height: 100%; /* wichtig */
	font:12px "Trebuchet MS", Verdana, Arial, sans-serif;
	color:black;
	text-align:center;
	background-color: #CCCCCC;
	background-image: url(images/bg2.gif);
	background-repeat: repeat;
	background-position: center;
}
#wrapper {  /*Schutzumschlag*/
	width:930px;
	margin:0 auto;
	text-align:left;
	position: relative;
	min-height: 100%;
	height:auto !important;/* moderne Browser */
	height:100%;
	background-color: #fff2cd;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#header {
	background-repeat: no-repeat;
	background-image: url(images/header.jpg);
}
#navi { /*Navigation*/
	background-color: #FFF2cd;
	float: left;
	width: 150px;
	height: 550px;
	display: none;
	top: 183px;
	padding-left: 0px;
	line-height: normal;
	padding-top: 15px;
	color: #666666;
	font-family: "Trebuchet MS";
	background-image: url(images/navi_b_top.gif);
	background-repeat: no-repeat;
	font-size: 18px;
	font-weight: normal;
	padding-right: 0px;
}
#navi table {
}
#navi a {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #947d5b;
	text-decoration: none;
	font-weight: normal;
	padding-left: 5px;
	line-height: 22px;
	letter-spacing: -1px;
}
#navi a:hover {
	color: #433e25;
}
#navi i {
	font-size: 12px;
	line-height: 19px;
}
#inhalt {

	display:inline;
	background-image: url(images/inhalt_bg_top.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
}
p {
	margin: 0;
	padding: 1em 0;
	line-height: 1.5em;
	color: #666666;
}
#wrapperadmin { /*Schutzumschlag für adminbereich*/
	width:930px;
	margin:0 auto;
	text-align:left;
	position: relative;
	min-height: 100%;
	height:auto !important;/* moderne Browser */
	height:100%;
	background-color: #fff2cd;
	border-right-width: 6px;
	border-left-width: 6px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
/*Typo*/

.h1, .h2, .h3, h1, h2, h3 {
	color: #442;
	padding: 8px 0 5px;
}
h1, .h1 {
	font: normal 2.4em serif, sans-serif;
}
h1 a, .h1 a {
	text-decoration: none;
}
h1 a:hover, .h1 a:hover {
	text-decoration: underline;
}
h2, .h2 {
	font: normal 1.6em serif, sans-serif;
}
h3, .h3 {
	font: bold 1.2em serif, sans-serif;
}
ul {
	color: #7a540e;
	padding-left: 14px;
}
/*Eingangsseite - eg */

#egcontainer {
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	width: 700px;
	display: none;
	background-color: #ffffff;
	border: 1px solid #666666;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#egauswahl {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #7A540E;
	text-align: center;
	display: none;
	background-color: #F3D59C;
	font-weight: bold;
	padding: 5px;
}
body.eingang {
	padding-top: 100px;
	background-image: none;
	display: none;
	background-color: #fff2cd;
}
/* Bilder */

.picborder1 {
	border: 4px double #333333;
}
/* Galerie */

.picborder2 {
	border: 3px solid #ffffff;
}
.Seitenauswahl {
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
	background-color: #917A5A;
	display: none;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.Seitenauswahl a {
	color: #FFFFFF;
	display: none;
	text-decoration: none;
	font-weight: bold;
}
.Seitenauswahl a:hover {
	color: #917A5A;
}
/* Gästebuch */

.gbnummer {
	font-weight: bold;
	display: none;
	color: #947D5B;
	text-align: center;
}
.gbentry {
	background-color: #FFF8E1;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E2D1A9;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	vertical-align: baseline;
}
#gbbutton {
	color: #FFFFFF;
	background-color: #C1B190;
	border: 1px solid #666666;
	width: 60px;
	height: 15px;
	margin-left: 27px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 9px;
	font-weight: bold;
}
#inhaltstart {

	background-image: url(images/inhalt_bg_start_top.gif);
	background-repeat: repeat-x;
	display: none;
	margin-top: 0px;
	height: 400px;
}
.Unterpunkt {
	color: #ffffff;
	background-color: none;
	padding-left: 8px;
	display: none;
	font-size: 12px;
}
#navi a.Unterpunkta {
	color: #433e25;
	background-image: url(images/navi_a_sign_2.gif);
	font-size: 12px;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #947d5b;
	padding-left: 4px;
	margin-left: 15px;
	display: none;
	padding-left: 18px;
	background-repeat: no-repeat;
	background-position: left center;
}
#inhalt a, #wrapper #inhaltstart a {
	color: #823F14;
	text-decoration: none;
}
#inhalt a:hover, #wrapper #inhaltstart a:hover {
	color: #947D5B;
}
#wrapper #switch {
	float: right;
	color: #FFFFFF;
	font-size: 9px;
	display: none;
	font-family: "Trebuchet MS";
	padding-top: 4px;
	padding-right: 3px;
	padding-left: 3px;
	background-color: #813f12;
}
#wrapper #switch a:hover {
	color: #FFF2CD;
}
#wrapper #switch a {
	color: #FFFFFF;
}

/* Formular */
.button {clear:both; float:right; clear:right; width:246px; margin:3px 0 0 0;}
.clear {clear:both; margin:0; padding:0;}
.ort {width:180px;}
.plz {width:50px;}
.strasse {width:200px;}
.strnummer {width:30px;}
.submitbtn {
    width:115px;
    border:1px solid;
    border-color:#f8f8f8 #999 #999 #f8f8f8;
    color:#FFFFFF;
    cursor:pointer;
    padding:0;
    margin:0;
    font-size:0.85em;
    background-color: #947D5B;
}
.sendenzu {
    background-color: #FFFDF4;
    color: #999999;
    border: 1px solid #CCCCCC;
}

span.webdeveloper-display-id-class-details {background-color: #ffff99 !important; border-color: #ffcc66 !important; color: #000000 !important;  -moz-opacity: 0.9 !important;  opacity: 0.9 !important; }
#formular {
    padding:0;
    width:700px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: 0px;
    background-image: url(upload/Roemer_animation.gif);   /*  nur ein test =)  */
    background-repeat: no-repeat;
    background-position: right top;
}
fieldset#daten {
    float:left;
    width: 290px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #CCCCCC;
}
.betreffundco {
    background-color: #FFFDF4;
    border: 1px solid #CCCCCC;
}

fieldset#nachricht {
	padding-left: 20px;
    float:left;
    width: 300px;
}
#egauswahl a {
	color: #947d5b;
	text-decoration:none;
}
.a4aussen {
	background-color: #FFFFFF;
	width: 595px;
	height: 842px;
	text-align: left;
}
.a4innen {
    background-color: #FFFFFF;
    width: 523px;
	height: 770px;
	margin-top: 36px;
	margin-left: 36px;
}



}