*  {margin: 0; padding: 0;}
  
div {display: block;}

body	{text-align: center; color: #333; font: normal 13px/16px verdana, ariel, helvetica, sans-serif; background: #5897ff url("../images/layout/back_body.jpg") repeat-x top center;}

/* [main divs] */
#container	{width: 985px; text-align: center; position: relative; margin: auto;}
#header		{width: 985px; height: 135px;}
#navdiv		{width: 985px; height: 63px; text-align: left; background: transparent url("../images/layout/back_navbar.png") no-repeat top left;}
#field		{width: 985px; padding: 5px 0px 10px 0px; text-align: left; background: transparent url("../images/layout/back_field.png") repeat-y top left;}
#footer 		{width: 985px; height: 40px; margin-bottom: 10px; padding-top: 20px; background: url("../images/layout/back_footer.png") no-repeat left top;}


/* [general html formats] */
h1	{margin: 5px 0 10px 0; font: bold 1.7em/1.7em georgia, maiandra GD, times new roman, verdana, sans-serif; text-align: left; color: #282828;}
h2	{margin: 5px 0 7px 0; font: bold 1.4em/1.4em verdana, sans-serif; text-align: left;}
h3	{margin: 4px 0 5px 0; font: bold 1.1em/1.2em verdana, sans-serif; text-align: left;}
h4	{margin: 4px 0 5px 0; font: bold 1.0em/1.2em verdana, sans-serif; text-align: left;}
p	{margin: 5px 0 15px 0; text-align: justify;}

em		{font-style: normal;}
ul, ol	{margin-left: 20px;}
hr		{color: #FFD05F; margin: 4px 0 4px 0; border-style: dotted;}
acronym	{border-bottom: black dotted 1px;}
ol.olalpha	{list-style-type: lower-alpha;}

/* [general class formats] */
.smalltext	{font: normal 0.85em/1.4em verdana, ariel, helvetica, sans-serif;}
.normtext	{font-weight: normal;}
.plheight	{line-height: 22px;}

.tacenter	{text-align: center;}
.taright	{text-align: right;}
.taleft		{text-align: left;}
.flleft		{float: left;}
.flright	{float: right;}

.spA		{color: #900000; font-weight: bold;}
.spbold		{font-weight: bold;}
.spred		{color: #BF0000;}
.spok		{color: #007000; font-weight: bold;}
.spblue		{color: #0000BF;}
.spgreen	{color: #008000;}
.spdgreen	{color: #004000;}
.spunder	{text-decoration: underline;}
.spitalic	{font-style: italic;}
.pathway	{margin: 0px 0 30px 0; font: normal 0.9em/1.0em verdana, sans-serif; text-align: left; color: #EFBE2C;}

ul.ulhigh	{margin-top: 0px;}
ul.ulhigh li	{margin: 6px 0;}

/* [images] */
img				{border: 0; font: normal 0.85em/0.95em sans-serif;}
img.imgmap 		{border: 1px solid black;}
img.imgborder 	{border: 1px solid black;}
img.imgnada 		{padding: 0; margin: 0;}
img.imgl 		{margin: 8px 8px 8px 0;}
img.imgr 		{margin: 8px 0px 8px 18px;}
div.imgphoto		{background: transparent url("../images/layout/foto-back.png") no-repeat scroll right bottom; float: right; margin: 3px 5px 10px 10px;}
div.imgphotol	{background: transparent url("../images/layout/foto-back.png") no-repeat scroll right bottom; float: left; margin: 3px 10px 10px 5px;}
div.imgphoto img, div.imgphotol img	{margin: 0 5px 3px 0; padding: 5px; background: #fff; border: 1px solid #aaa;}



/* [link] */
a.extern_link		{padding-left: 15px; background: transparent url("../images/layout/externlink.gif") left bottom no-repeat;}
a:hover.extern_link	{padding-left: 15px; background: transparent url("../images/layout/externlink-hv.gif") left bottom no-repeat;}
a.nounder:link, a.nounder:visited	{text-decoration: none;}
a:visited	{color: #3a3a3a;}
a.atext		{color: #3a3a3a; text-decoration: none;}

/* [div header] */
#headerimg	{width: 985px; height: 135px; background: transparent url("../images/layout/header.png") no-repeat top left; /* fixed #ffff77;*/}
#headimg1	{position: absolute; top: 105px; left: 280px; font: bold 14px/16px Times, serif;}
#headerimg a {}


/* [div navigation] */
#navdiv a, .navlist3 a	{text-decoration: none;}
#navdiv li, .navlist3 li	{float: left; list-style-type: none; text-align: center; white-space: nowrap;}
#navdiv li:hover	{}
.navlist1	{height: 34px; padding: 1px 5px 0px 0; text-align: left;}
.navlist1 li	{padding: 0 2px 0 0; font-size: 15px; line-height: 33px; background: url("../images/layout/border_navlist1.png") no-repeat top right;}
.navlist1 a	{padding: 7px 24px 7px 24px; color: #333; font-weight: bold; text-shadow: 1px 1px 0 #fff;}
.navlist1 a:hover	{text-decoration: none; color: #000090; text-shadow: 1px 1px 0 #bbb;}
.navlist1 a.act		{text-decoration: underline; color: #4E7F47;}	/* background: url("../images/layout/back_navtop.jpg") repeat-x top left; */
.navlist1 a.gact		{text-decoration: underline; color: #4E7F47;}	/* background: url("../images/layout/back_navtop.jpg") repeat-x top left; */

.navlist2	{height: 28px;}
.navlist2 li	{height: 28px; padding: 0px 10px; font-size: 13px; font-weight: 600; line-height: 27px; background: url("../images/layout/border_navlist2.png") no-repeat center right;}
.navlist2 a	{text-decoration: none; color: #333; padding: 0px 5px; text-shadow: 1px 1px 0 #eee;}
.navlist2 a:hover	{text-decoration: none; color: #a0a; text-shadow: 1px 1px 0 #bbb;}
.navlist2 a.act		{text-decoration: none; color: #4E7F47;}	/* background: url("../images/layout/back_navtop.jpg") repeat-x top left; */

.navlist3	{padding: 10px;}
.navlist3 li	{padding: 0px 10px; font-size: 13px; font-weight: 600; line-height: 27px;}
.navlist3 a	{text-decoration: none; color: #888; padding: 0px 5px;}
.navlist3 a:hover	{text-decoration: none; color: #666; }

.navlist4	{margin-right: 30px; float: right;}
#ulnav4		{}
#ulnav4 li	{float: right; width: 60px; height: 27px; list-style-type: none;}
#ulnav4 a	{padding: 11px 15px 0px 5px; vertical-align: text-top;}
#ulnav4 a.alangde		{background: url("../images/logos/lang_de.png") no-repeat top left;}
#ulnav4 a.alangde:hover	{background: url("../images/logos/lang_de-hv.png") no-repeat top left;}
#ulnav4 a.alangen		{background: url("../images/logos/lang_en.png") no-repeat top left;}
#ulnav4 a.alangen:hover	{background: url("../images/logos/lang_en-hv.png") no-repeat top left;}
#ulnav4 a.alanges		{background: url("../images/logos/lang_es.png") no-repeat top left;}
#ulnav4 a.alanges:hover	{background: url("../images/logos/lang_es-hv.png") no-repeat top left;}


/* [div field] */
#fieldin	{float: left; width: 670px; min-height: 500px; margin-left: 15px; padding: 0 20px; }
#fieldin div#content	{width: 670px; margin: 0 10px; padding: 0 15px; height: 660px; overflow: auto;}
#fieldend	{width: 720px; height: 18px; background: transparent url("../images/layout/back_fieldend.png") no-repeat left top;}
#fieldstart	{width: 720px; height: 18px; background: transparent url("../images/layout/back_fieldstart.png") no-repeat left top;}
#fieldfoot	{width: 720px; height: 40px; margin-top: 14px; border-top: 1px dashed #777;}

/* [div box] */
#box		{float: right; width: 230px; margin: 0 20px 0 0 ;}
.box_start	{display: none; width: 250px; height: 8px; background: transparent url("../images/layout/back_box_start.jpg") no-repeat left top;}
.box_cont	{margin: 0; padding: 10px 15px 15px 15px; }
.box_cont2	{margin: 0; padding: 15px 25px 15px 20px;}
.box_end	{display: none; width: 250px; height: 5px; background: transparent url("../images/layout/back_box_end.jpg") no-repeat left top;}
#box2		{float: right; width: 230px; margin: 0 20px 0 0 ;}


/* [form] */
.divinset	{margin-left: 190px;}

#form-box {margin-bottom: 20px; padding-bottom: 10px;}
 /* Alle Zeilenumbrüche in Formularen auswählen */
 /* das floating der labels und inputs aufheben */
#form br {clear: left;}


input.inpr {margin-left: 10px; margin-bottom: 5px;}

.form select#formof	{float: left; width: 100px;}
.form label.labnorm	{display: block; float: left; width: 180px; margin-bottom: 2px; padding-right: 10px; text-align: right; vertical-align: text-top;}
.form label.labback	{display: block; margin: 0; padding-left: 10px; text-align: left; vertical-align: text-top;}
.form input.inpnorm	{display: block; width: 300px; float: left; margin-bottom: 2px; padding-right: 2px; padding-left: 2px;}
.form select			{float: left; margin-bottom: 0px; border-bottom: thin;}
.form option			{margin-right: 10px;}
.form textarea		{width: 305px; float: left; margin-bottom: 8px; }

.form input.inpnorm, .form textarea, .form select	{
				border: 1px solid #4F4F4F; border-left: 1px solid #4F4F4F; border-bottom: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF;}
#formbuttons	{width: 600px; text-align: center; margin: auto;}

.formok {background: #EAFFE8;}

.formerr	{margin-bottom: 20px; padding-left: 80px; color: #a90000;}
p.formerr	{margin: 0px; padding: 4px 0 8px 5px; background: #FFE1E1 url("../images/attention.png") top left no-repeat;}
ul.formerr	{margin: 0 20px 20px 0; padding-left: 30px; background: #FFE1E1;}
.formerr li	{padding-left: 10px;list-style-type: none; list-style-image: url("../images/attention.png")}

/* #form label.labback, .form label.labback {float: none; margin-bottom: 12px; padding-left: 10px; text-align: left; line-height: 15px; vertical-align: text-top;}
/* form end */

/* [General pages] */
.tblsoli td	{text-align: center; vertical-align: top;}

/* [hosting] */
.tbldomains				{margin: 0 0 20px 0; border-spacing: 0; background-color: #FFFADF; border: 1px solid #444444;}
.tbldomains td			{padding: 3px 10px; border: none; border-top: 1px solid #808080; border-top: 1px solid #808080; vertical-align: middle;}
.tbldomains td.tdmidri	{padding: 4px 30px 4px 10px; text-align: right;}
.tbldomains th	{padding: 4px 4px 4px 4px; text-align: center; background: url(../images/layout/verlauf_blue.jpg) bottom left repeat-x;}
.tbldomains tr:hover, #tblhostingopt tr:hover	{background-color: #D1F1C5;}

.tblmiddle		{width: 100%;}
.tblmiddle td	{text-align: center; vertical-align: middle;}


/* [references] */
#tblreference, .tblreference		{margin-top: 20px; border-spacing: 0;}
#tblreference td, .tblreference td	{padding-bottom: 25px; padding-top: 15px; vertical-align: top; border: none; border-top: 2px ridge #ffd05e;}
#tblreference tr, .tblreference tr		{}
#tblreference p 		{text-align: left;}
img.imgscreen		{margin: 30px 0px 0px 20px; border: 1px solid #999; padding: 15px;}
.emlocal			{font: normal 10pt/12pt verdana, ariel, helvetica, sans-serif;}
img.imgrefico		{margin-right: 10px;}
div.divscreen		{margin: 30px 0px 0px 20px; float: right; background: #fff url("../images/layout/reference-shadow.jpg") no-repeat scroll right bottom;}
.divscreen img 		{margin: 4px 6px; padding: 15px; background: #fff; border: 1px solid #aaa;}
#tblreference a:link	{color:  #3a3a3a;}
#tblreference a.extern_link	{font-size: 0.9em;}
.pdesc				{font-weight: 700;}
#tblreference .tblrefinfo	{margin-top: 10px;}
#tblreference .tblrefinfo td	{border: none; padding: 0 5px 5px 0;}
.shoplogo			{background: url("../images/layout/webshop-logo.png") no-repeat bottom right;}


/* [webshop] */
#divdesceshop { width: 250px; margin-left: 10px; float: right;}

.ulwebcat li 	{padding: 5px 0;}
.ulwebcat a	{text-decoration: none; color: #0054ab;}

#divfaq p	{text-indent: -1.2em; padding-left: 1.2em;}

a.agreenbtn		{background: transparent url("../images/layout/reservation_btn.png") no-repeat top left; padding: 5px 20px 7px 10px; font-weight: bold; text-decoration: none; color: #fff;}
a.agreenbtn:hover	{background: transparent url("../images/layout/reservation_btn-hv.png") no-repeat top left;}

.tblspace td		{padding: 3px 0 4px 0;}
.tblacost		{width: 100%; border-spacing: 0; text-align: left; font: normal 11pt/14pt verdana, ariel, helvetica, sans-serif;}
.tblacost td, .tblacost th	{padding: 4px 3px 4px 3px; vertical-align: top;}
.tblacost tr:hover, .tblprg tr:hover, .tblkprice tr:hover	{background-color: #DDFF8C;}
.tblkprice		{font: normal 10pt/13pt verdana, ariel, helvetica, sans-serif;}
.tdatime		{padding-left: 15px; text-align: right;}
.tdaprice		{padding-left: 30px; text-align: right;}


#tblleitung td {
  vertical-align: top;
  font: 10pt/13pt verdana, ariel, helvetica, sans-serif;
  padding: 5px 10px 15px 0px;
}

ol.olteach {
  margin: 10px 0 15px 30px;
}
ol.olteach li {
  list-style: decimal;
  margin-bottom: 2px;
}

ol.olimg {margin-bottom: 10px;}
ol.olimg2 {margin-bottom: 10px; list-style-type: none;}
div.divolimg {margin-left: 260px;}
li.limargl {margin: 0 0 5px 50px; }

ol.olimg2 li {padding-bottom: 6px;}

.ullinks {
  margin: 5px 0 24px 10px;
}
.ullinks li {
  list-style-type: none;
  margin-bottom: 3px;
}

/* [sitemap] */
.ulsite		{margin-left: 80px; margin-bottom: 20px;}
.ulsite li	{margin-bottom: 3px; list-style-type: circle;}
.tdline		{border-top: 1px solid black;}

.divslide	{width: 540px; margin-left: 105px; padding: 20px 0 20px 0; text-align: center; border: 2px solid #808080;}


/* [tell-a-friend] */
#form label.labtell	{float: left; width: 215px; margin-bottom: 12px; padding-right: 10px; text-align: right; vertical-align: text-top;}
input.tellemail		{width: 250px;}
#form textarea.tellarea {width: 250px; height: 70px;}
label.labhttp			{font-size: 10pt;}
input.radio			{border: none;}


/* [div footer start] */
#footertext	{width: 698px; margin-left: 15px; border-top: 1px dashed #777;}
#footer p	{margin: 0 0 10px 0; padding: 0; text-align: center; color: #fff;}
#footer a, #footer a:visited		{}
#footer a:active, #footer a:hover {}


/* [error page] */
.h2err		{margin-top: 15px; text-align: left; font-size: 1.1em; line-height: 1.2em; font-weight: normal; color: #222222;}
#error p		{font-size: 0.9em;}
#error a		{color: blue; text-decoration: underline; font-weight: normal;}
#error a:hover	{color: blue;}


/* display */
.nodis		{display: none;}
.noprint	{display: none;}