html { height:100% }	
	body { background:url('../style/img/holzmuster.jpg') left top repeat; width:100%; height:100%; min-width:50em }

	#designelement1 { position:absolute; right:0px; top:3em; width:37%; height:123px; background:url('../style/img/contact-stift.png') left top no-repeat }
	#designelement2 { position:absolute; left:21em; top:11.5em; margin-top:32px; margin-left:-60px; width:86px; height:752px; background:url('../style/img/gbband.png') no-repeat; z-index:2 }
	
	#aroundcontent { padding:11.5em 0.5em 0.5em 0em; max-width:92em } 

	#top1 { background:url('../style/img/guestbook-tr.png') bottom right no-repeat; padding-right:51px; padding-left:124px; position:relative; padding-top:30px }
	#top2 { background:url('../style/img/guestbook-tm.png') top repeat-x; margin-left:21em; height:33px }
	#top3 { position:absolute; left:0px; top:30px; width:21em; padding-right:124px; background:url('../style/img/guestbook-tl.png') top right no-repeat; }
	#top4 { height:33px; background:url('../style/img/guestbook-tm.png') top repeat-x; margin-right:121px }
	
	#middle1 { background:url('../style/img/guestbook-mr.png') right repeat-y; padding-right:51px; }
	#middle2 { background:#ffffff; padding-left:21em }
	#middle3 { background:url('../style/img/guestbook-ml.png') left repeat-y; margin-left:-143px; padding-left:167px; min-height:40em }

	#bott1 { background:url('../style/img/guestbook-br.png') bottom right no-repeat; padding-right:25px; padding-left:60px; position:relative; }
	#bott2 { background:url('../style/img/guestbook-bm.png') top repeat-x; margin-left:21em; height:31px }
	#bott3 { position:absolute; left:0px; top:0px; width:21em; padding-right:60px; background:url('../style/img/guestbook-bl.png') top right no-repeat; }
	#bott4 { height:31px; background:url('../style/img/guestbook-bm.png') top repeat-x; margin-right:51px }

	#content { margin:0px -27px 0px -24px; padding:3em 4em 4em 4em; position:relative }

	#content { line-height:1.7em }
	#content #mainForm p { padding:1em 0em }

	h1 { padding:0em 0em 0.5em 0em; margin:0em 0em 1em 0em; font-family:'Linux Libertine O', 'Linux Libertine', Georgia, Times, 'Times New Roman', serif; font-size:2.3em; font-weight:normal; border-bottom:2px solid #214683 }

	#lineabove, #albumnavi { border-top:2px solid #214683; margin-top:2.2em; padding-top:0.7em }

	#albumnavi p { margin:0em; padding:0em }
	#albumnavi #navifirstback { float:left }
	#albumnavi #navifwdlast { float:right }
	#albumnavi #navicenter { text-align:center; margin-left:13em; margin-right:13em }

/*	#albumnavi a { display:inline-block; padding:.1em .5em; min-width:2em; text-align:center; border:1px solid #ffffff; text-decoration:none }
	#albumnavi a:hover, albumnavi a:focus
		{ border-color:#2F5BA4; text-decoration:none }
	#albumnavi a:active { background-color:#dddddd }
*/

	#albumnavi a { display:inline-block; padding:.5em; line-height:1em }
	#albumnavi a { border:1px solid #dddddd; margin:-1px 3px -1px -1px; text-decoration:none !important }

	#albumnavi a:hover, #albumnavi a:focus { outline:none; background:#dddddd; border:1px solid #ffffff; color:#000000 !important;
		background: -moz-linear-gradient(top, #ffffff, #dddddd); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd));
		background: -webkit-linear-gradient(top, #ffffff, #dddddd); 
		background: -o-linear-gradient(top, #ffffff, #dddddd); 
		background: -ie-linear-gradient(top, #ffffff, #dddddd); 
		background: linear-gradient(top, #ffffff, #dddddd); 
		box-shadow: 0px 1px 2px rgba(0,0,0,0.8);
		-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.8);
		-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.8);
		-ie-box-shadow: 0px 1px 2px rgba(0,0,0,0.8);
		-o-box-shadow: 0px 1px 2px rgba(0,0,0,0.8);
	}

	#albumnavi a:active { border:1px solid #dddddd; background:#cccccc; color:#000000 !important;
		background: -moz-linear-gradient(top, #cccccc, #dddddd); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#dddddd));
		background: -webkit-linear-gradient(top, #cccccc, #dddddd); 
		background: -o-linear-gradient(top, #cccccc, #dddddd); 
		background: -ie-linear-gradient(top, #cccccc, #dddddd); 
		background: linear-gradient(top, #cccccc, #dddddd); 
		box-shadow: 0px 0px 2px rgba(0,0,0,0.9);
		-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.9);
		-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.9);
		-ie-box-shadow: 0px 0px 2px rgba(0,0,0,0.9);
		-o-box-shadow: 0px 0px 2px rgba(0,0,0,0.9);
	}

	/* Es folgt der Teil fuer den Gaestebuch-Editor */


	#mainForm { border:0px; padding:0px; margin:0px; font:inherit; width:100%; line-height:1.6em }
	#mainForm #aroundTitle { display:block; border:1px solid #bbbbbb; padding:2px; background-color:#ffffff }
	#mainForm #title { width:100%; font:inherit; border:0px; padding:0px; margin:0px; background-color:#ffffff }
	#mainForm #aroundworkspace { width:100%; max-width:550px; margin-left:auto; margin-right:auto;
	border:1px solid #bbbbbb; overflow:auto; margin-bottom:1.4em }
	#mainForm #workspace { width:550px; height:400px; position:relative; overflow:hidden }
	#mainForm #aroundTitle:hover { border:1px dashed #214683 }

	#mainForm .textborder { margin:0px; padding:8px 1px 1px 1px; background:none; position:absolute; cursor:move; z-index:1 }
	#mainForm #workspace:hover .textborder { border:1px dashed #ffffff; padding:7px 0px 0px 0px }
	#mainForm #workspace .textborder#co { padding:0px; border:1px dashed #ffffff; border-top:8px solid #ffffff; margin:0px; background:rgba(255,255,255,0.5) }

	#mainForm .grip { display:none; background:#214683 url('../style/img/guestbook-size.png') right bottom no-repeat; width:8px; height:8px; right:-1px; bottom:-1px; position:absolute; cursor:se-resize; z-index:200; font-size:0.1em }

	#mainForm #workspace .textborder textarea { display:block; color:#000000; background:none; cursor:text; resize: none;
	 border:none; padding:0px; margin:0px; font:inherit; width:100%; height:100px; margin-bottom:7px; outline:none }
	#mainForm #workspace .textborder .textdummy { display:block; color:#000000; background:none; cursor:text; white-space:-moz-pre-wrap; white-space:pre-wrap; 
	 border:none; padding:0px; margin:0px; font:inherit; width:100%; height:100px; margin-bottom:7px; outline:none; overflow:hidden }
	#mainForm #workspace .textborder textarea:active { background:none; border:none; padding:0px; margin:0px; margin-bottom:7px; outline:none }

	#mainForm .drawbox { margin:0px; padding:8px 1px 1px 1px; background:none; position:absolute; cursor:move; z-index:1; }
	#mainForm #workspace:hover .drawbox { border:1px dashed #ffffff; padding:7px 0px 0px 0px }
	#mainForm #workspace .drawbox#co { padding:0px; border:1px dashed #ffffff; border-top:8px solid #ffffff; margin:0px; background:rgba(255,255,255,0.5) }

	/*#mainForm #workspace .drawboxcont { display:block; width:100% }
	#mainForm #workspace .drawboxcover { position:absolute; cursor:crosshair; width:100%; top:0px; left:0px }*/
	#mainForm #workspace .drawbox canvas { cursor:crosshair; border:none; padding:0px; margin:0px; position:relative }

	#mainForm #workspace .drawbox .drawBtns { position:absolute; left:-25px; width:25px; height:167px; top:10px; cursor:default }
	#mainForm #workspace .drawbox .drawUndo { position:absolute; left:4px; width:17px; height:17px; top:20px; background:url('../style/img/gb_c_undo.png'); cursor:pointer } 
	#mainForm #workspace .drawbox .drawClear { position:absolute; left:4px; width:17px; height:17px; top:41px; background:url('../style/img/gb_c_clear.png'); cursor:pointer } 
	#mainForm #workspace .drawbox .drawColor { position:absolute; left:4px; width:17px; height:17px; background-image:url('../style/img/gb_c_color.gif'); cursor:pointer } 
	#mainForm #workspace .drawbox .drawCurColor { position:absolute; left:4px; width:17px; height:17px; background-image:url('../style/img/gb_c_colorsel.gif'); cursor:default } 

	#mainForm #workspace .image { display:block; cursor:move; position:absolute; z-index:1; padding:1px }
	#mainForm #workspace:hover .image { padding:0px; border:1px dashed #ffffff }
	#mainForm #workspace .image#co { padding:0px; border:1px dashed #ffffff; background:rgba(255,255,255,0.5) }
	#mainForm #workspace .image img { display:block; cursor:move }

	#mainForm #workspace .closer { display:none; cursor:pointer; position:absolute; width:9px; height:8px; background:#214683 url('../style/img/guestbook-close.png'); font-size:0.1em }
	#mainForm #workspace .textborder .closer, #mainForm #workspace .drawbox .closer { right:-1px; top:-8px }
	#mainForm #workspace .image .closer { right:-1px; top:-1px }

	#ghost { position:absolute; display:none; border:1px dotted #000000; z-index:200 }

	#mainForm .imgchooser div img { cursor:pointer; padding:2px; margin:2px; vertical-align:middle }
	#mainForm .imgchooser div img:hover { border:2px solid #214683; padding:0px }
	#mainForm .imgchooser p { padding-left:10px; font-weight:bold }
	#mainForm .imgchooser { display:none; position:absolute; left:0%; top:0%; height:100%; width:100%; background:#ffffff; z-index:100; overflow:auto }

	#mainForm #imgchooser>div  { width:100%; min-height:101% }
	#mainForm #imgchooser div div { width:100%; display:none; position:relative }
	#mainForm #imgchooser p.icsection { font-weight:normal; border-top:1px solid #bbbbbb; padding:2px 10px 2px 10px; margin:0px; cursor:pointer; vertical-align:middle }
	#mainForm #imgchooser p.icsection img { padding-left:10px; vertical-align:middle; border:none !important }
	#mainForm #imgchooser .finisher { border-top:1px solid #bbbbbb; display:block }
	#mainForm #imgchooser div { vertical-align:middle }

	#mainForm #bgchooser div { width:100%; position:relative }
	#mainForm #bgchooser div img { width:130px; height:95px }

	#mainForm #workspace #bg { left:0px; top:0px; width:100%; height:100%; position:absolute; z-index:0 }


	#submitForm { display:none }

	#mainForm input { font:inherit }

	/*.gbdisplay { max-width:550px; margin-left:auto; margin-right:auto }*/

	.gbdisplay #aroundworkspace { width:100%; max-width:550px; min-height:400px; overflow:auto; margin-bottom:1.4em; margin-left:auto; margin-right:auto }
	.gbdisplay #workspace { width:550px; height:400px; position:relative; overflow:hidden }

	.gbdisplay #workspace .text { margin:8px 1px 8px 1px; border:0px; padding:0px; position:absolute; text-align:left }
	.gbdisplay #workspace .drawing { margin:8px 1px 8px 1px; position:absolute; font-size:0.7em; line-height:1.3em }
	.gbdisplay #workspace .image { padding:1px; position:absolute }
	h1 #subline { padding:0.5em 0em 0em 0em; display:block; text-align:right; color:#868686; font-size:0.45em; font-family:'Lucida Grande', Verdana, Tahoma, sans-serif; }

	.radio { cursor:pointer; vertical-align:middle }
	/*.radio span { display:block; float:left; width:1.1em; height:1.1em; line-height:1.1em; vertical-align:middle;
	 text-align:center;  border:1px solid #214683; margin-right:1em; margin-top:0.2em; font-weight:bold} */
	.radio img { width:20px; height:20px; vertical-align:middle }

	p.formQuestion { font-weight:bold; margin-top:1.8em; margin-bottom:0.3em }
	p.formQuestion + p { margin-top:0.3em }
	p.formQuestion + ul { margin-top:0.5em !important; padding-top:0em !important }

	#mainForm input[type='text'], #mainForm select { border:1px solid #bbbbbb; padding:2px; margin:0px;
	 background-color:#ffffff; color:#000000; font:inherit }

	#mainForm input[type='text']:hover { border:1px dashed #214683 }
	#mainForm select:hover, #mainForm select:active { border:1px solid #214683 }
	#mainForm select { cursor:pointer; padding:2px }

	#mainForm #predef { min-width:22em }
	#mainForm #predef option:first-child { color:#214683 }

	#mainForm #aroundOnlyText { display:block; border:1px solid #bbbbbb; max-width:534px; margin-left:auto; margin-right:auto; margin-bottom:1.4em; padding:8px; }
	#mainForm #itemtext0 { width:100%; display:block; height:384px; font:inherit; padding:0px; margin:0px; border:none }
	#mainForm #aroundOnlyText:hover { border:1px dashed #214683 }

	.ieHint { font-weight:bold; padding:10px; border:2px solid #214683; margin-top:2em } /*; margin-right:250px }*/

	div.relative { position:relative; border:0px; padding:0px }


	img#hwh { float:right; margin-right:30px; position:relative; top:-30px }

	#buttonContainer { padding-top:5px }
	#addtext, #addimg, #selbg, .aroundSelect, #adddraw { display:block; float:left; margin:2px 5px 3px 0px }
	#lnksubmit { display:block; float:right; margin:2px 0px 3px 5px }
	.aroundSelect { padding:0em !important }
	.aroundSelect select { padding:5px !important; line-height:1em }
	#buttonClearer { clear:both }


/*	.button { margin:0px; padding:.2em .5em !important; border:1px solid #bbbbbb; color:#113879 !important; background-color:#ffffff;
	 font:inherit; text-decoration:none !important; cursor:pointer; line-height:inherit; display:inline-block; text-align:center; min-width:5em }

	.button:hover { margin:0px; border:1px solid #2F5BA4; background-color:#ffffff; color:#2F5BA4 !important; font:inherit; text-decoration:none !important; cursor:pointer; line-height:inherit }
	.button:active { margin:0px; border:1px solid #2F5BA4; background-color:#dddddd; color:#2F5BA4 !important; font:inherit; text-decoration:none !important; cursor:pointer; line-height:inherit }
*/

	.message { position:fixed; left:0px; top:0px; right:0px; bottom:0px; padding-top:150px; z-index:200; background:rgba(0,0,0,0.5); line-height:1.7 }
	.message>div { margin-left:auto; margin-right:auto; width:474px }
	.messageIn { padding-top:47px; position:relative;
		       background:url('../style/img/guestbook-message-top.png') 17px 0px no-repeat }
	.messageIn>div { background:url('../style/img/guestbook-message-bg.png') 21px 0px repeat-y; padding:1px 60px 70px 60px }
	.messageIn>div>div { position:absolute; background:url('../style/img/guestbook-message-roll.png') left top no-repeat;
		               width:474px; height:71px; left:0px; bottom:-15px }
	#content .message p { margin:0em; padding:0em 0em 1.7em 0em }         
	#content .message h2 { padding-top:0px; border-bottom-color:#888888 }         

/*	#sidearea { position:absolute; bottom:4em; left:-17em; width:12.5em; color:#505050 }*/
	#sidearea { position:absolute; top:5.5em; left:-17em; width:12.5em; color:#505050 }
	#sidearea h1 { color:#000000 }
	#sidearea h1 { margin:0em -3em 0.9em 0em; padding:0em 3em 0.8em 0em; font-size:1em; color:#000000; font:inherit; border-bottom:1px solid #bbbbbb }
	#sidearea h1 + * { margin-top:-1px }

	/* Kleine Bildschirme */

	@media only screen and (max-width: 750px) {
		body { min-width:0em }
		#aroundcontent { padding-top:1em }
		#designelement1, #designelement2 { display:none }
		#top1 { padding-left:0px; padding-top:0px }
		#top2 { margin-left:0px }
		#top3 { display:none }
		#middle2 { padding-left:0px }
		#middle3 { background:none; margin-left:0px; padding-left:0px; min-height:30em }
		#bott1 { padding-left:0px }
		#bott2 { margin-left:0px }
		#bott3 { display:none }
		#content { margin-left:0px; padding:2em }
		#sidearea { display:none }
	}