/* CSS Document */

html {
	background: #FFFFFF;
	}
body {
	text-align: left;
	font-size: 10pt;
	line-height: 16pt;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #2f2f2f;
	background: #ffffff;
	}
	
/* =BASICS 
------------------------------------------------------------------------ */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, adress { margin:0; padding:0; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

ol, ul { list-style: none; }

address, caption, weight, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

table { border-spacing: 0; border-collapse: collapse; }

img, fieldset, object { border: 0; }

caption, th, td, table {text-align: left; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/* =UNSICHTBAR */
ul#nav_access { display: none; }
hr { clear: both; visibility: hidden; }

/* =DRUCKVERSION, Fenster schließen und Seite drucken
------------------------------------------------------------------------ */

#close_druck {
	clear: both;
	display: block;
	width: 500px;
	margin: 0px 0 18px 54px;
	padding: 0 0 18px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
#close_druck a:link, #close_druck a:visited {
	color: #bfbf2b;
	font-weight: bold;
	text-decoration: none; 
	font-size: 12pt;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
#close_druck a:hover, #close_druck a:active {
	color: #bfbf2b;
	font-weight: bold;
	text-decoration: underline;
	font-size: 12pt;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

/* =DMS Logo */
#dms { display: none;}
	
	
	
/* =KLASSEN
------------------------------------------------------------------------ */

.clear { 
	clear: both;
	}
.mitte, p.mitte {
	text-align: center;
	}
.kursiv, p.kursiv {
	font-style: italic;
	letter-spacing: 1px;
	padding: 0 0 18px 0;
	}
.fett, p.fett {
	font-weight: bold;
	letter-spacing:1px;
	color: #333333;
	}
.right, p.right {
	text-align: right;
	}
.schluss, p.schluss {
	padding-bottom: 20px;
	margin-bottom: 20px;
	}
.kleinschluss, p.kleinschluss {
	padding-bottom: 12px;
	margin-bottom: 12px;
	}
.luftig  {
	padding-bottom: 5px;
	margin-bottom: 4px;
	}
.verdana {font-family: Georgia, "Times New Roman", Times, serif;} /*für das & Zeichen*/
.first { font-weight: bold; color: #990066; letter-spacing:1px; font-family: "Trebuchet MS", Arial, sans-serif; }
.underline {
	background: url(../bilder/icons/geplinie.gif) repeat-x 100% 100%;
	}

/* =HEADLINES
------------------------------------------------------------------------ */
h1 {
	color: #4b4b4b;
	font: normal 26px "Trebuchet MS", Arial, sans-serif;
	margin: 0px 0 16px 0;
	padding: 0 0 14px 0;
	border-bottom: 1px solid #4b4b4b;
	background: #ffffff;
	}
h2 {
	color: #4b4b4b;
	font: bold 19px "Trebuchet MS", Arial, sans-serif;
	margin: 36px 0 0 0;
	padding: 0 0 16px 0;
	letter-spacing: 1px;
	font-style: italic;
	background: #FFFFFF;
	}
h4 {
	color:#bfbf60;
	font: bold 1em "Trebuchet MS", Arial, sans-serif;
	text-transform: uppercase;
	margin: 1em 0 0 0;
	padding-bottom: 0.5em;
	letter-spacing: 2px;
	background: #FFFFFF;
	}
h5 {
	font: bold 18px "Trebuchet MS", Arial, sans-serif;
	margin: 18px 0 8px 0;
	padding-bottom: 4px;
	letter-spacing: 1px;
	color: #666666;
	background: #FFFFFF;
	}
h6 {
	font: bold 16px "Trebuchet MS", Arial, sans-serif;
	margin: 24px 0 0 0;
	padding-bottom: 8px;
	background: #FFFFFF;
	}

/* =LINKS
------------------------------------------------------------------------ */

a:link, a:visited {
	text-decoration: none;
	color:#9a9a9a;
	}
a:hover, a:active {
	text-decoration: underline;
	color:#2f2f2f;
	}
	
		
/* =LAYOUT  
------------------------------------------------------------------------
------------------------------------------------------------------------ */

#branding {
	position: relative;
	width: 17cm;
	margin: 6px 0 0 0;
	z-index:6;
	background: #FFFFFF;
	}
/* =LOGO
------------------------------------------------------------------------ */
#logo {
	position: relative;
	margin: 0 0 0 0px;
	float: left; 
	width:490px;
	height: 120px;
	display: block;
	line-height: 120px;
	display: none;
	}
#logo a {
	text-indent: -9999px;
	position: absolute;
	display: block;
	height: 96px;
	line-height: 96px;
	width:490px;
	border: none;
	outline: none;
	text-decoration: none;
	display: none;
	}
#slogan {
	width: 500px;
	height: 50px;
	color: #ffffff;
	font-weight:bold;
	margin: 0px 0 0 10px;
	display: none;
	}
.introtext {
	display: block;
	height: 50px;
	line-height: 50px;
	text-indent: -9999px;
	display: none;
	}
#logodruck {
	position: relative;
	top: 16px;
	left: 40px;
	width: 490px;
	height: 390px;
	z-index: 30;
	display: none;
	}
	
/* =Bilder zu branding=unterschiedliche Kopfbereiche
------------------------------------------------------------------------ */
.start {
	background: #ffffff;
	}
#hauptbild, #hauptbildblind {	
	position: absolute;
	top: 16px;
	left: 40px;
	width: 490px;
	height: 390px;
	z-index: 30;
	}

	
/* =Bilder zu hauptbild=unterschiedliche Fotos hier nicht nötig
------------------------------------------------------------------------ */

.hplaner { /*auch rausgenommen, da bg den html-Text in Druckausgabe überdruckt */
	background: url(../bilder/print/druck_planer.jpg) no-repeat 0 0;
	}

#wrap {
	width: 17cm;
	margin: 0 0 0 16px;
	background: #ffffff;
	}
#inhaltcontainer {
	clear: both;
	position: relative;
	width: 17cm;
	margin: 0 0 0 0;
	background: #FFFFFF;
	}
#content {
	background: #FFFFFF;
	}
#contentmain {
	float: left;
	width: 17cm;
	background: #FFFFFF;
	}

#footcontainer {
	clear: both;
	background: #FFFFFF;
	display: none;
	}
#footer {
	clear: both; 
	position: relative;
	float: left;
	width: 17cm
	background: #FFFFFF;
	z-index: 4;
	display: none;
	}	

/* =HOME 
------------------------------------------------------------------------
------------------------------------------------------------------------ */

#inhalthome {
	clear: both;
	position: relative;
	width: 17cm;
	margin: 0 0 0 0;
	background-color: #FFFFFF;
	}
#contenthome {
	clear: both;
	position: relative;
	width: 17cm;
	margin: 0 0 0 0;
	background: #FFFFFF;
	}
#contenthome #neben {
	float: left;
	position:relative;
	margin: 0;
	padding: 0;
	width: 255px;
	margin: 0 0 0 0;
	display: none;
	background: #FFFFFF;
	}
#contentmainhome {
	background-color: #FFFFFF;
	}
#contenthome h1 {
	margin-top: 0px;
	}

	
/* =NAVIGATION NAV1: HAUPTNAVIGATION
------------------------------------------------------------------------
------------------------------------------------------------------------- */

#nav1 {
	position: relative;
	float: right;
	width: 313px;
	display: none;
	}


/* =NAVIGATION NAV2: NAVIGATION OBEN
------------------------------------------------------------------------
------------------------------------------------------------------------- */

#nav2 { 
	position: relative;
	float: right;
	width: 314px;
	top: 4px;
	display: none;
	}



/* =SUBNAVIGATION 
------------------------------------------------------------------------ */
#contentsub h3 {
	width: 205px;
	height:60px;
	line-height:60px;
	display:block;
	margin: 0 0 16px 0px;
	padding:0;
	border-bottom: 1px solid #b85ca1;
	text-indent: -9999px;
	display: none;
	}

/* =UMZUGSPLANER 
------------------------------------------------------------------------ */
h4 {
	width: 250px;
	height:180px;
	margin: 16px 0 40px -20px;
	}
.planer {
	background:url(../bilder/headlines/planer.gif) no-repeat 0 0;
	}
h4.planer a {
	width: 250px;
	height:180px;
	display: block;
	outline: none;
	line-height: 180px;
	text-indent:-9999px;
	}
#hauptplaner {
	float: left;
	width: 770px;
	padding:0;
	background-color:#FFFFFF;
	}
#tableplaner {
	margin: 12px 0 36px 0;
	}
#tableplaner thead th.lade {
	font-style:italic;
	letter-spacing: 1px;
	width: 200px;
	}
#tableplaner td.lade { /*pendant zu th.lade */
	font-style:normal;
	border: 1px solid #666666;
	width: 200px;
	}
#tableplaner td.persdaten { 
	border: 1px solid #666666;
	width: 300px;
	}
#tableplaner td.box { /*pendant zu th.small */
	border: 1px solid #666666;
	width: 88px;
	height: 26px;
	}
#tableplaner td.mid2 { /*pendant zu th.mid */
	border: 1px solid #666666;
	width: 263px;
	height: 26px;
	}
#tableplaner td.text2 { /*pendant zu textarea */
	border: 1px solid #666666;
	width: 520px;
	height: 96px;
	}
#hauptplaner h6#cap { /*für den oberen checklisten-Teil */
	margin: 0 0 10px 0;
	padding: 18px 0 8px 0;
	letter-spacing: 1px;
	color: #bfbf60;
	font-size: 16px;
	font-weight:bold;
	border-bottom: 1px solid #b85ca1;
	}
#hauptplaner h6#zimmer { /*für den unteren gutlisten-Teil */
	height: 140px;
	width: 800px;
	margin: 18px 0 0 0;
	color: #b85ca1;
	font-size: 30px;
	font-weight:bold; 
	}
#hauptplaner h6#zimmer img {
	padding: 0 12px 0 0;
	}
#tableplaner th, #tableplaner td {
	padding: 2px;
	vertical-align: top;
	}
#tableplaner th { 
	padding-right: 12px;
	}
#tableplaner th.small { 
	padding-right: 12px;
	width: 88px;
	}
#tableplaner th.mid { 
	padding-right: 12px;
	width: 263px;
	}
#tableplaner th.wide { 
	padding-right: 12px;
	width: 428px;
	}
#tableplaner input, #tableplaner select, #tableplaner textarea {
	border: 1px solid #bfbf2b;
	padding: 2px;
	background-color: #ffffff;
	color: #2f2f2f;
	}
#tableplaner textarea {
	width: 263px;
	height: 96px;
	}
#tableplaner input.submit {
	border: none;
	width: 160px;
	height: 30px;
	}
.inputlong {width: 148px; margin-right: 12px;}
.inputwide {width: 155px; margin-right: 12px;}
.inputsmall {width: 88px; margin-right: 12px;}
.selectwide {width: 160px; margin-right: 12px;}
.selectsmall {width: 120px; margin-right: 12px;}
.selectlong {width: 212px; margin-right: 12px;}
.selectmid {width: 142px; margin-right: 12px;}
.selectxsmall {width: 82px; margin-right: 12px;}
.selectxxsmall {width: 102px; margin-right: 12px;}
.selectmid2 {width: 184px; margin-right: 12px;}

/* =UMZUGSGUTLISTE
------------------------------------------------------------------------ */
#tablegut {
	margin: 36px 0 36px 0;
	}
#tablegut input, #tablegut select, #tablegut textarea {
	border: 1px solid #bfbf2b;
	padding: 1px;
	background-color: #ffffff;
	color: #2f2f2f;
	}
#tablegut select {
	padding-bottom: 0;
	color: #000;
	}
#tablegut th {
	padding:4px 6px 8px 0px;
	vertical-align: top;
	font-style: italic;
	letter-spacing: 1px;
	font-weight: bold;
	}
#tablegut td {
	padding: 2px 1px 2px 1px;
	}
#tablegut td.od {
	padding: 2px 1px 1px 1px;
	border-bottom: 1px solid #bfbf2b;
	}
#tablegut th.wide { 
	width: 326px;
	}
#tablegut th.re { 
	width: 30px;
	padding-right: 12px;
	}
#tablegut th.gere { 
	width: 60px;
	padding-right: 24px;
	}
#tablegut th.montage { 
	width: 60px;
	}
.inst {width: 32px; margin-right: 16px;}
.selhaken {width: 48px; }
#tablegut input.sonstiges {width: 320px; border:0; padding: 1px; }
#tablegut input.ree {width: 32px; margin-right: 16px; margin-left: 18px; padding: 1px;}





/* =KONTAKT 
-------------------------------------------------------------------------- */
#kontakt { 
	width: 205px;
	float: left;
	margin: 30px 0 8px 0px;
	display: inline; 
	display: none;
	}
#kontakt h3 {
	width: 205px;
	height:60px;
	line-height:60px;
	display:block;
	margin: 0 0 24px 0px;
	padding:0;
	background:url(../bilder/headlines/kontakt_h.gif) no-repeat 0 0;
	border-bottom: 1px solid #b85ca1;
	text-indent: -9999px;
	}
#kontakt label { 
	color: #2f2f2f; 
	display: block; 
	font-size: 1em; 
	margin-top: 0.6em; 
	}
.input, .textarea, .select { 
	background-color: #ffffe6;
	font-family: inherit;
	border-top: 2px solid #808073;
	border-left: 2px solid #808073;
	}
.input, .textarea { width: 100%; font-size: 12px;}
.textarea { height: 80px; }
.select { margin-top: 0.6em; width: 100%; }
.submit { margin: 20px 0 0 0; float: right; }

/* =SCHNELLANTWORT 
-------------------------------------------------------------------------- */

#contenthome #antwort {
	float: left;
	position:relative;
	margin: 0;
	padding: 0;
	width: 255px;
	margin: 56px 0 0 0;
	}

/* =FOOTER
------------------------------------------------------------------------ */

#footer {
	padding: 65px 0 25px 0;
	color: #2f2f2f;
	display: none;
	}