/* CSS Document */



/* Layout-Definitionen für den Content */

.zentriert	{ text-align: center; margin-left: auto; margin-right: auto; }
.zentriert table { margin: 0 auto; }
img.zentriert { display: block; margin-left: auto; margin-right: auto; text-align: center; }

.rechtsbuendig { text-align: right; }
table.rechtsbuendig { float: right; }
img.rechtsbuendig { float: right; padding: 0 0 15px 15px; }
div.rechtsbuendig, span.rechtsbuendig { display: block; float: right; padding-left: 10px; }
div.rechtsbuendig img, div.rechtsbuendig p { margin: 0; padding: 2px 0; }

.linksbuendig { text-align: left; }
table.linksbuendig { float: left; }
img.linksbuendig { float: left; padding: 0 15px 15px 0; }
div.linksbuendig, span.linksbuendig { display: block; float: left; padding-right: 10px; }
div.linksbuendig img, div.linksbuendig p { margin: 0; padding: 2px 0; }

.obenanliegend { vertical-align: top; }

.untenanliegend { vertical-align: bottom }

.hintergrund-grau { background: #dfdfdf; }
.hintergrund-gruen { background: #e0ffe0; }
.hintergrund-blau { background: #0099cc; }
.hintergrund-rot { background: #ff6633; }

.text-grau { color: #dfdfdf; }
.text-gruen { color: #e0ffe0; }
.text-blau { color: #0099cc; }
.text-rot { color: #ff6633; }

.neue-zeile { clear: both; }

/* Klassendefinition für die Administration */

#admin { font-size: 90%; height: 24em; }
#admin p { padding: 0 1em; }
#admin form { display: inline; border: 0px; text-align: left; }
#admin2 form p { text-align: left; padding: 0; font-size: 90%; }
#admin #optionen button { font-weight: bold; color: #555555; font-size: 90%; border: 1px solid #888888; background: #ffffff; }
#admin #optionen input { border: 1px solid #555555; background: #ffffff; }
#admin ul { font-size: 101%; }
#admin #navigation { position: static; float: right; margin-right: 2em; }


/* Klassendefinition für das Gästebuch */
#gaestebuch { margin: 0; padding: 1em 0 0 0; text-align: center; }
#gaestebuch img { vertical-align: middle; }
#gaestebuch p#menue { margin: 0 2em 1em 2em; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; }
#gaestebuch form { text-align: left; padding: 0; margin: 0 1em; }
#gaestebuch form p {text-align: left; }
#gaestebuch form p.zentriert { text-align: center; }
#gaestebuch form #angaben { float: left; width: 50%; }
#gaestebuch form #angaben p { text-align: left; }
#gaestebuch form #angaben p img { vertical-align: middle; padding-right: 5px; }
#gaestebuch form #angaben p input[type=text] { width: 100%; }
#gaestebuch form #angaben2 { float: left; width: 50%; }
#gaestebuch form #angaben2 p { text-align: right; margin: 0; padding: 0; }
#gaestebuch form #angaben2 p img { vertical-align: middle; padding-right: 5px; }
#gaestebuch form #angaben2 p input[type=text] { width: 90%; }
#gaestebuch form textarea { width: 100%; }
#gaestebuch dl { font-size: 100%; font-family: sans-serif; margin: 0 2em; padding: 0; }
#gaestebuch dt { text-align: left; margin: 0; padding: 1em 0 0.5em 4em; color: #204060; border: 1px solid #c0c0c0; border-bottom: none; }
#gaestebuch dt span { font-weight: bold; }
#gaestebuch dt img { vertical-align: middle; }
#gaestebuch dd { text-align: left; margin: 0; padding: 0.5em 2em 1em 2em; margin-bottom: 1em;  border: 1px solid #c0c0c0; border-top: none; }
#gaestebuch .fehler { font-size: 100%; display: block;  margin: 0 auto; border: 1px solid red; }
#gaestebuch .warnung { color: #ff0000; }
#gaestebuch .warnung input { background-color: #fff0f0; }
#gaestebuch .erfolg { display: block; border: 1px solid #00ff00; background: #eeffee; margin: 1em 2em; padding: 0.5em; }
#gaestebuch #hinweis { float: right; border: solid 1px #ff0000; width: 45%; text-align: left; margin: 0px auto 20px auto; padding: 0.5em; background-color: #ffdfdf; }
#gaestebuch #hinweis h2 { margin: 0; padding: 0; font-size: 110%; }
#smileys { display: none; float: right; width: 45%; }
.neues-posting { margin: 0; padding: 0 0 0 18px; background: url(/main/images/gaestebuch/edit.gif) no-repeat; }


/* Klassendefinition für das CMS */
.cms { text-align: center; margin: 0 auto; font-size: 90%; }
.cms form { width: auto; margin: 1em; border: none; background: none; }
.cms form.start { width: 33em; margin: 2em auto 0 auto; border: none; background: none; text-align: left; }
.cms div#seiten_inhalt { height: 26em; }
.cms_dialog { background: #F0F0EE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; scrollbar-3dlight-color: #F0F0EE; scrollbar-arrow-color: #676662; scrollbar-base-color: #F0F0EE; scrollbar-darkshadow-color: #DDDDDD; scrollbar-face-color: #E0E0DD; scrollbar-highlight-color: #F0F0EE; scrollbar-shadow-color: #F0F0EE; scrollbar-track-color: #F5F5F5; margin: 0; padding: 0; }
.cms_dialog input { background: #ffffff; border: 1px solid #cccccc; padding: 0 4px; }
.cms_dialog select, .cms_dialog textarea { background: #ffffff; border: 1px solid #cccccc; }
.cms_dialog button { font-weight: bold; font-size: 90%; border: 1px solid #000000; background: #ffffff; }
.cms_dialog h1, .cms_dialog h2 { color: #000000; font-variant: normal; padding: 0; }
.cms_dialog h1 { margin: 0; }
.cms_dialog h2 { margin: 0 0 10px 0; font-weight: bold; font-size: 90%; }
.cms_dialog th { background: none; color: #000000; }
.cms_dialog div#news_text { width: 27.3em; height: 15em; margin: 0 auto; text-align: center; }