html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, img{ margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent;  }

html, body{
	width: 100%;
	height: 100%;
}

body{
	background: #fff7ec url('../img/tmpl/gradient.gif')  repeat-x center top;
}



/*
#####################################
    LAYOUT                        >>>
#####################################
*/

div#wrap{
	position: relative;
	height: 740px;
	margin: 0 auto;
	overflow: visible;
	background: url(../img/tmpl/stripes.png) no-repeat top center;
}

* html div#wrap{   
 /* CSS-Hack für IE6 und kleiner */  
 text-align: center;
 background: none;
}  


div#branding{
position: relative;
top: 45px;
width: 920px;
height: 100px;
margin: 0 auto;
z-index: 50;
}

* html div#branding{   
 /* CSS-Hack für IE6 und kleiner */  
 height: 145px;
 text-align: left;
}  

div#branding img{
margin-left: 20px;
border: 0;
}

div#branding h1{
	position: absolute;
	left: 20px;
	/*background: transparent url(../img/tmpl/logo.gif) no-repeat;*/
	padding: 50px 0 0 0;
	margin-left: 135px;
	display: inline;
}

div#branding blockquote{
	position: absolute;
	margin: 61px 0 0 335px;
	display: inline;
}

div#main{
	position: relative;
	top: 40px;
	width: 920px; /*880*/
	height: 600px; /*510*/
	margin: 0 auto;
	background: #FFFFFF;

}

div#nav{
	position: absolute;
	left: 18px;
	top: 18px;
	width: 430px;/* 420*/
	height: 50px; /*30*/
	padding: 20px 0 0 0;
	background: url(../img/tmpl/navBg.png) no-repeat;
	z-index: 20;
	text-align: left;

}

div#siteNav{
	position: absolute;
	z-index: 50;
	text-align: left;
}

div#rightNav{
	position: absolute;
	left: 650px;
	top: 20px;
	width: 250px;
	background: url(../img/tmpl/subtrans.png);
	padding: 6px 0 8px 0 ;
	z-index: 100;
	text-align: right;
}

div#left{
	position: absolute;
	left: 20px;
	top: 70px;
	width: 420px;
	height: 470px;
	padding-top: 40px;
	background: #fff7ec url(../img/tmpl/leftBg.jpg) no-repeat;
	text-align: left;
}

.scrollableContent{
	overflow-y: scroll;
	height: 460px;
}


div#right{
	position: absolute;
	left: 480px;
	top: 20px;
	width: 420px;
	height: 560px;
	z-index: 10;
}
div#right img{
	vertical-align: bottom;
}

div#twosided{
	position: absolute;
	left: 20px;
	top: 20px;
	width: 880px;
	height: 560px;
}

div#twosidedleft{
	position: absolute;
	left: 0px;
	/*top: 52px;*/
	top: 80px;
	width: 420px;
	background: #FFFFFF;
}

div#rightcopy{
	position: absolute;
	left: 0;
	width: 420px;
	height: 560px;
	background: #fff7ec url(../img/tmpl/leftBg.jpg) no-repeat;
	text-align: left;
}

div#rightcopy img{
	margin-left: 60px;
}

div#footer{
	position: relative;
	top: 50px;
	width: 920px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	z-index: 5;

}
div#footer ul{
	position: absolute;
	left: 68px;
}

.arrow{
	display: inline;
	float: right;
}

/*
#####################################
    Galerie                       >>>
#####################################
*/
div#gallery{
	height: 480px;
	overflow-y: scroll;
}

div#gallery img{
	margin: 10px;
	border: 5px solid #FFFFFF;
	
}

/*
#####################################
    Kontaktformular               >>>
#####################################
*/
/*.cForm input, .cForm textarea{
	margin-bottom: 12px;
}*/
.cForm td{
	padding: 0px 3px 12px 3px;
}