@charset "utf-8";
/* CSS Document */

* {
   padding:0;
   margin:0;
   border:0;
}

.clear {
   float: none;
   clear: both;
}

p {
	margin: 0 0 1.5em 0;
}

.noText {
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	display:block;
}

html {
	background:#200830 url(../images/bg-body.jpg) repeat-x;
	height:100%;
}

body {
	background:url(../images/bg-header-background.jpg) top center no-repeat;
	color:#EBDC8B;
	min-height:100%;
	font:0.85em "Trebuchet MS", Arial, Helvetica, sans-serif;

}

div#container {
	width:960px;
	margin: 0 auto;
	font-size:1.2em;
}

.rahmen {
	border:1px solid #EDE592;
	padding:5px;
}
	
a {
	color:#a99f3c;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#branding {
	left:71px;
	position:absolute;
	top:185px;
} 

h2 {
	position:absolute;
	width:261px;
	height:84px;
	top:512px;
	left:39px;
}

h2#startseite-h2 {
	background:url(../images/h2/h2-startseite.jpg) 0 0 no-repeat;
}

h2#kontakt-h2 {
	background:url(../images/h2/h2-kontakt.jpg) 0 0 no-repeat;
}

h2#anfahrt-h2 {
	background:url(../images/h2/h2-anfahrt.jpg) 0 0 no-repeat;
}

h2#impressum-h2 {
	background:url(../images/h2/h2-impressum.jpg) 0 0 no-repeat;
}

h2#modelle-h2 {
	background:url(../images/h2/h2-modelle.jpg) 0 0 no-repeat;
}

h2#referenzen-h2 {
	background:url(../images/h2/h2-referenzen.jpg) 0 0 no-repeat;
}

h2#atelier-h2 {
	background:url(../images/h2/h2-atelier.jpg) 0 0 no-repeat;
}

h2#kundenalbum-h2 {
	background:url(../images/h2/h2-kundenalbum.jpg) 0 0 no-repeat;
}

h2#fehler404-h2 {
	background:url(../images/h2/h2-fehler404.jpg) 0 0 no-repeat;
}

h2#danke-h2 {
	background:url(../images/h2/h2-danke.jpg) 0 0 no-repeat;
}

h3 {
	font-weight:bold;
	font-size:18px;
	padding: 0 0 10px 0;
}


/* ==================================================
    => header
================================================== */

div#header {
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
	width:960px;
	height:636px;
	position:relative;
}

/* ==================================================
    => navi
================================================== */


div#header ul#navi {
	list-style:none;
}
div#header ul#navi li a {
	display:block;
	position:absolute;
	overflow:hidden;
	
	background:url(../images/bg-navi-hover.jpg) no-repeat;
}
div#header ul#navi li a:hover, 
div#header ul#navi li.active a {
	background:none;
}
div#header ul#navi li a#modelle {
	height:25px;
	left:46px;
	top:421px;
	width:115px;
}
div#header ul#navi li a#referenzen {
	background-position:-112px 0;
	height:25px;
	left:158px;
	top:421px;
	width:141px;
}
div#header ul#navi li a#kundenalbum {
	background-position:-252px 0;
	height:38px;
	left:298px;
	top:421px;
	width:161px;
}
div#header ul#navi li a#atelier {
	background-position:-411px 0;
	height:38px;
	left:457px;
	top:421px;
	width:98px;
}


/* ==================================================
    => navi-add
================================================== */


div#header ul#navi-add {
	list-style:none;
}
div#header ul#navi-add li a {
	display:block;
	position:absolute;
	overflow:hidden;
	
	background:url(../images/bg-navi-add-hover.jpg) no-repeat;
}
div#header ul#navi-add li a:hover, 
div#header ul#navi-add li.active a {
	background:none;
}
div#header ul#navi-add li a#index {
	background-position:0 -6px;
	height:37px;
	left:829px;
	top:21px;
	width:116px;
}
div#header ul#navi-add li a#kontakt {
	background-position:0 -46px;
	height:25px;
	left:829px;
	top:61px;
	width:141px;
}
div#header ul#navi-add li a#anfahrt {
	background-position:0 -70px;
	height:38px;
	left:829px;
	top:85px;
	width:161px;
}

/* ==================================================
    => content
================================================== */

div#contentMain {
	width:960px;
	margin:0 auto;	
}

.contentColumn01 {
	width:409px;
	float:left;
	padding: 0 0 0 61px;
}

.contentColumn02 {
	width:409px;
	float:left;
	padding: 0 0 0 61px;
}

.contentColumn03 {
	width:409px;
	float:left;
	padding: 32px 0 0 61px;
}

.karte {
	padding: 0 0 0 20px;
}

/* ==================================================
    => footer
================================================== */

div#footer {
	position:relative;
	margin:0 auto;
	width:960px;
	padding: 0 0 40px 0;
	height:281px;
	background:url(../images/bg-footer.jpg) 0 0 no-repeat;
}

.footerColumn {
	float:left;
	padding: 0 0 0 40px;
	position:relative;
	top:180px;
	left:130px;
	}

a#anfahrtskarte {
	display:block;
	height:157px;
	left:829px;
	position:absolute;
	text-indent:-9999px;
	top:114px;
	width:117px;
	overflow:hidden;
}
a#anfahrtskarte:hover {
	background:url(../images/bg-footer-anfahrtskarte-hover.jpg) no-repeat;
	display:block;
	width:117px;
	height:157px;
}

a#impressum {
	display:block;
	height:28px;
	left:697px;
	position:absolute;
	text-indent:-9999px;
	top:114px;
	width:143px;
	overflow:hidden;
}
a#impressum:hover {
	background:url(../images/bg-footer-impressum-hover.jpg) no-repeat;
	display:block;
	width:143px;
	height:28px;
}

ul#ankernavi {
	list-style-image:url(../images/arrow.gif);
	margin: 10px 0 10px 25px;
	padding: 0 10px 0 0;
}

p#damen {
	padding: 0 0 0 61px;
}

p#herren {
	padding: 0 0 0 61px;
}

p#damenstandart {
	padding: 0 0 0 61px;
}

p#damenlatein {
	padding: 0 0 0 61px;
}

p#herrenlatein {
	padding: 0 0 0 61px;
}