/****************************************************************************************

* Float-less Layouts :: version 1.0 :: Copyright (c) Thierry Koblentz :: TJK Design.com *                  *

* http://tjkdesign.com/articles/css-layout/no_div_no_float_no_clear_no_hack_no_joke.asp *

****************************************************************************************/

/* RESET and STUFF         */

* {margin:0;padding:0;}
dd,h4,h5,h6,p {padding:10px 15px 10px 30px;}
dt, dd {padding:10px 15px 0 15px;}
#doc * ul,#doc * ol {padding-left:45px;padding-right:20px;}
#doc * * ul,#doc * * ol {padding-left:30px;}
img {border:none;vertical-align:bottom;}

/* FONT-FAMILY             */

#hd,#ft,h2,h3,h4 {font-family:"trebuchet ms",arial,verdana,sans-serif;} 

/* ELEMENTS                */

body {font-family:"trebuchet ms",arial,verdana,sans-serif;color:#002f2f;background:#fff url(images/body_bg.jpg) repeat-y center top;min-width:950px;width:expression(document.body.clientWidth < 950? "950px": "auto" );}


/* HEADINGS                */

h1,h2 {
	font-weight:normal;
	font-size:1.5em;
	letter-spacing:2px;
	background: url(images/heading.jpg) no-repeat left center;
	padding-left:45px;
}

h3,h4,h5,h6 {font-weight:normal;font-size:1.1em;}

h3 {margin-top:10px;}

h4 {padding-bottom:0;font-size:.9em;font-weight:bold;}

/* the background-color is hiding the borders of #bd and #doc - we could use margin, but because of IE rounding errors it would not be consistent */

#bd h2 {
	background:transparent;
}
/* VERTICAL PADDING on main sections */

#hd,

#ft {padding:0;}

body,#s1,#s2,#s3 {padding-bottom:20px;}

/* HEADER NAV                */

/*
ul#nav {text-align:left;background:transparent;margin-top:230px;}
#lispacer {margin-left:24em;}
ul#nav li {margin:0;padding:0;display:inline;}
ul#nav li a {zoom:1;_height:0;padding:0 0 0 10px;color:#7A4F3D;text-decoration:underline;font:bold medium Verdana, Arial, Helvetica,sans-serif;padding-right:10px;}
ul#nav li a:hover, ul#nav li a:active, ul#nav li a:focus {color:#000;background:#fff;text-decoration:none;}
*/

#hd {background:transparent url(images/header.jpg) no-repeat center top;height:200px;}

#hd h1,#hd p {letter-spacing:0;padding:0;margin-left:15px;background:#fff;font-size:1.5em;font-family:"Trebuchet MS";Geneva, Arial, Helvetica, sans-serif;font-weight:bold;width:22em;}

#hd h1 em {color:red;font-style:normal;}

#hd h1 span {display:block;font-size:.65em;font-style:italic;font-weight:normal;}

#hd p#spread {border-top:10px solid #fff;float:left;*float:none;width:9em;font-size:1em;font-family:Geneva, Arial, Helvetica, sans-serif;font-weight:normal}

/*

#hd p#spread,#hd ul {line-height:2em;height:2em;display:inline;zoom:1;}

#hd ul li {display:inline;}

#hd li a {border:none;}

#hd li a img {border-top:10px solid #fff;}

#hd li a:hover {background:50% 50%;}

#hd li a:hover img {border-bottom:10px solid #fff;border-top:0;}

*/

/* SECTION 1               */

#doc #s1 li {_height:0;}

#doc #s1 ol {color:#f00;margin:5px 16px 16px 16px;padding:0;list-style-type:none;text-align:center;font-style:italic;}

#doc #s1 .pFL_CENTER {text-align:left;}

#doc #s1 ul {
	margin:0 30px 16px 16px;
	padding:0;
	list-style-type:none;
	text-align:left;
	border-top:1px solid #8A9256;
}

#s1 ol li {display:none;}

#address {border: 1px solid #CFD3AF;margin: 0px 30px 10px 16px;background: url(images/address_bg.gif) no-repeat right bottom;}

#s1 h3 {text-align:left;color: #70723F;margin: 40px 30px 0 25px;font-size:medium;font-weight:bold;}

#s1 p {color:#5F6637;padding:10px;border: 1px solid #B0B87E;font:small/1.5em Verdana, Arial, Helvetica, sans-serif;}
#s1 a {
	color: #5F6637;
}


#s1 img {margin:25px 0 10px 18px;display:block;}

#doc #s1 ul {
	padding-bottom:0;
}

#doc #s1 ul li {background:#C4CA9E;white-space:nowrap;border-top:0 solid #CFD3AF;color:#5F6637;border-right:1px solid #CFD3AF;	border-bottom:1px solid #CFD3AF;border-left: px solid #CFD3AF;}

#s1 li a {color:#5F6637;display:block;_height:0;border:1px solid #B0B87E;text-decoration:none;font-size:small;font-weight:bold;	text-transform:uppercase;padding: 5px 0 5px 10px;}

#s1 li a:hover, #s1 li a:active, #s1 li a:focus {background:#CACFA5 url(images/hover_bg.jpg) no-repeat center center;color:#FFF;	text-transform:uppercase;font-weight:bold;text-align:right;padding-right:27px;}

#s1 li em, #s1 .divaGPS-parent {color:#AD8F58;background:#DFD3BD!important;padding:5px 0 5px 10px;display:block;font-weight:bold;font-style:normal!important;text-transform:uppercase;font-weight:bold;display:block;_height:0;border:1px solid #B0B87E;font-size:small;}

/* showing the relevant info for each layout */

#MOBILE .pMOBILE,#FI_2C .pFI_2C,#EL_2C .pEL_2C,#FI_3C .pFI_3C,#EL_3C .pEL_3C,.FL_3C-minMax #s1 .pFL_3C-minMax,.FL_3C-100 #s1 .pFL_3C-100,#FL_CENTER .pFL_CENTER {display:block;}

/* SECTION 2               */

#s2 h1, #s2 h2 {
	font-size:1.5em;
	color:#B0765E;
	background:transparent url(images/heading.jpg) no-repeat left center;
	padding-left:45px;
	margin-left: 30px;
	line-height:2.5em;
}

#s2 p {color:#684333;font-size:0.9em;line-height:1.3em;}
#s2 a {color:#B0765E;text-decoration:underline;}
.frontadd {
	margin-top:0px;
	display:block;
	margin-bottom:10px;
}

#kontaktform {margin-top:10px;margin-left:30px;}

.field1 {width:50%}
.field2 {width:65%}
.field3 {width:90%}
label {background:#E4DBC9;padding:2px;font-size:small;color:#684333;}


/***************************/

/*  MISCELLANEOUS          */

/***************************/

.addRemove {text-align:center;}

.addRemove a {display:block;}

.comment {font-size:.9em;font-style:italic;color:#999;}

/* add/remove content DIVs */

#ps1,#ps2,#ps3 {float:left;margin:15px;padding:15px;border:1px dotted #999;background:#ffc;}

/* for IE 5                */

body {text-align:center;}

#wp {text-align:left;}

/* active link (HANK)      */

html#FI_2C li.FI_2C a,

/***************************/

/*  FOR ALL SIX LAYOUTS    */

/***************************/

#wp {text-align:left;}

#wp,#bd {margin:0;padding:0;}

#wp {margin:0 auto;list-style:none;}

/* we treat the LI that contains the UL with the three colums as a table */

#bd {display:table;table-layout:fixed;}

#doc {display:table-row;}

#s1,#s2 {display:table-cell;}

/* for IE, we use "inline" + "hasLayout" + "width" and "vertical-align" */

#s1,#s2,{display:inline;zoom:1;vertical-align:top;}

/* BORDERS:

check the "IE only" section to see how we create the borders in IE  */

#wp {}

#hd {}

#s1 {
	border-right:1px dotted transparent;
}

#s3 {border-left:1px dotted #555;} 

#ft {}

#s1,#s3,{border:0;}

#bd,#doc,{border-right:1px solid #ccc;}

/***************************/

/* FI_2C FIXED 2 COLUMNS   */

/***************************/

#FI_2C #bd,{border:0;}

/* WIDTHS:

values must add up (800 = 210 + 590) */

#FI_2C #wp,

#FI_2C #hd,

#FI_2C #bd,

#FI_2C #ft {width:950px;}

#FI_2C #s1 {width:300px;}

#FI_2C #s2 {width:650px;}

/* IE only:

trick to create the background columns or borders */

#FI_2C #bd,#FI_2C #s1,#FI_2C #s2,{position:relative;}

#FI_2C #doc,{width:300px;}/* = s1 */

#FI_2C #s2,{margin-right:-650px;}/* = s2 */

#FI_2C #s3 {display:none;}

/* background for IE 6 and 7 using the "i" and "b" elements plugged in the "main" LI */

/* without this, these elements would make three equal width columns */

.col4ie {display:none;}

.col4ie,{display:inline;}

/* will paint the background for the "middle" column */

#FL_CENTER #bd,{background:#f0f0ff;}

#FL_CENTER #bd,{background-color:#f0f0ff;position:relative;z-index:0;overflow:hidden;}

/* Avoiding BREAKAGE:

if content is larger than its container, container would expand, breaking the layout in IE lte 6 */

#bd {_word-wrap:break-word;}

#s1,#s2,#s3 {_overflow-x:hidden;}

/* containing float in header/footer (the width does it for IE) */

#hd,#ft {overflow:hidden;*overflow:visible;}

/***************************/

/* ieMAC - no fluid layout */

/***************************/

/* We use "float" and "inline-block". Then we need to overwrite rules set using the "comma" hack */

/*\*//*/ 

#hd,#bd,#ft {display:inline-block;}

#s1,#s2,#s3 {float:left;display:inline-block;position:static;}

#ft {clear:both;}

#ft p {overflow:visible;}

/**/