@charset "utf-8";

/*---------------------------------------------------------------------------------------
--------------------------------------AUTHOR: Stefanie Mohr------------------------------
---------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------
--------------------------------------STANDARDS------------------------------------------
---------------------------------------------------------------------------------------*/

body, p, h1, h2, h3, h4, h5, h6, ul, ol, dt, dl, dd, span, a, table, td, form, img, li, form, object, textarea {
	margin: 0;
	padding: 0;
	font:13px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#1d0f4a;
	text-decoration: none;
	list-style-type: none;
	border:none;
}
body, html {
	background: #DEE5F5 url(../images/bg.jpg) repeat-x top center;
	height:100%;
}
html[xmlns^="http"] {
	overflow-y: scroll;
}

h1 {
	font: bold 19px Verdana, Arial, Helvetica, sans-serif;
	color: #404081;
	padding: 0 0 20px 0;
}
h2 {
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;
	color: #66668e;
	padding: 0 0 24px 0;
}
h3 {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #1d0f4a;
	padding: 0 0 10px 0;
}
h4 {
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	color: #404081;
	margin-top:20px;
}

/*---------------------------------------------------------------------------------------
--------------------------------------Classen--------------------------------------------
---------------------------------------------------------------------------------------*/

.linie { background:url(../images/bg-linie.gif); height:2px; font-size:2px; width:522px; margin:5px 0 15px 0; }
.clear { clear:both; float:none; }
.spalte { width:245px; float:left; margin-right:10px; }
.floatRight { float:right; }
.floatLeft { float:left; }
.logo { width:210px; height:auto; float:left; margin-right:15px; }

/*---------------------------------------------------------------------------------------
--------------------------------------CONTAINER---------------------------------------------
---------------------------------------------------------------------------------------*/

#container {
	margin:auto;
	width: 980px;
	position:relative;
	height:100%;
	height: auto !important;
	min-height: 100%;
	background:#ebeef9 url(../images/bg-wrapper.jpg) 0 191px;
}

.shadowleft { 
	background:#DEE5F5 url(../images/shadow-left.jpg) top left no-repeat; 
	width:21px; 
	min-height:746px; 
	_height:746px; 
	float:left; 
}
.shadowright { 
	background:#DEE5F5 url(../images/shadow-right.jpg) top left no-repeat; 
	width:27px; 
	min-height:746px; 
	_height:746px; 
	float:right;
}

/*---------------------------------------------------------------------------------------
--------------------------------------HEADER---------------------------------------------
---------------------------------------------------------------------------------------*/

#header {
	width: 980px;
	height:191px;
	background:url(../images/bg-header.jpg);
}

h1#branding a {
	display:block; 
	width:330px;
	height:170px; 
	position:absolute;
	text-indent:-5000px; 
	left:0px;
}

/*---------------------------------------------------------------------------------------
--------------------------------------SIDEBAR--------------------------------------------
---------------------------------------------------------------------------------------*/

#contentSidebar {
	width:310px;
	float:left;
	background:url(../images/bg-left.jpg) no-repeat;
	padding:473px 0 0 37px;
	position:relative;
}

.address { background:url(../images/bg-address.gif) no-repeat; width:267px; padding:8px 0 0 10px; }
.address h3 { color:#FFF; font-size:14px; margin-bottom:10px; }
.address p { color:#404081; margin-bottom:5px;}

.pirchner {
	position:absolute;
	width:260px;
	height:15px;
	left: 38px;
	top: 443px;
}

/*---------------------------------------------------------------------------------------
--------------------------------------NAVI-----------------------------------------------
---------------------------------------------------------------------------------------*/

#navigation {
	width:575px;
	height:66px;
	float:right;
	margin:105px 41px 0 0;
	_margin:105px 21px 0 0;
}
#navigation li {
	float:left;
}
#navigation li a {
	display:block;
	height:66px;
	text-indent:-6000px;
}
#navigation li.n1 a { width:86px; }
#navigation li.n2 a { width:92px; }
#navigation li.n3 a { width:97px; }
#navigation li.n4 a { width:92px; }
#navigation li.n5 a { width:113px; }
#navigation li.n6 a { width:95px; }

#navigation li.n1 a:hover { background:url(../images/bg-navigation-hover.jpg) 0 0; }
#navigation li.n2 a:hover { background:url(../images/bg-navigation-hover.jpg) -86px 0; }
#navigation li.n3 a:hover { background:url(../images/bg-navigation-hover.jpg) -178px 0; }
#navigation li.n4 a:hover { background:url(../images/bg-navigation-hover.jpg) -275px 0; }
#navigation li.n5 a:hover { background:url(../images/bg-navigation-hover.jpg) -367px 0; }
#navigation li.n6 a:hover { background:url(../images/bg-navigation-hover.jpg) -480px 0; }

/*---------------------------------------------------------------------------------------
--------------------------------------SUBNAVI--------------------------------------------
---------------------------------------------------------------------------------------*/

#navigationAdditional {
	float:right;
	padding-top:8px;
}

#navigationAdditional li{
	float: left;
	display:block;
	margin-right:20px;
}

#navigationAdditional li a {
	color:#fff;
	font:16px "Century Gothic", Verdana, "Trebuchet MS";
	text-decoration:none;
}

#navigationAdditional li a:hover {
	text-decoration:underline;
}

/*---------------------------------------------------------------------------------------
--------------------------------------CONTENT--------------------------------------------
---------------------------------------------------------------------------------------*/

#contentMain {
	width:520px;
	float:left;
	min-height:632px;
	_height:632px;
	padding:32px 64px 20px 0;
	_padding:32px 63px 20px 0;
	background:url(../images/bg-content.jpg) top left no-repeat;
}

#contentMain h1 { width:521px; height:49px; text-indent:-6000px; margin-bottom:15px; }
#contentMain h1.index { background:url(../images/h1-index.gif) no-repeat; }
#contentMain h1.ueberuns { background:url(../images/h1-ueberuns.gif) no-repeat; }
#contentMain h1.kollektion { background:url(../images/h1-kollektion.gif) no-repeat; }
#contentMain h1.kontakt { background:url(../images/h1-kontakt.gif) no-repeat; }
#contentMain h1.anfahrt { background:url(../images/h1-anfahrt.gif) no-repeat; }
#contentMain h1.impressum { background:url(../images/h1-impressum.gif) no-repeat; }
#contentMain h1.danke { background:url(../images/h1-danke.gif) no-repeat; }
#contentMain h1.fehler { background:url(../images/h1-fehler.gif) no-repeat; }
#contentMain h1.gaestebuch { background:url(../images/h1-gaestebuch.gif) no-repeat; }
#contentMain h1.aktionen { background:url(../images/h1-aktionen.gif) no-repeat; }

#contentMain .contentindex {
	background:url(../images/bg-content-index.jpg) no-repeat;
	width: 521px;
	height:328px;
}
.contentindex .letter { color:#313192; font-size:17px; font-weight:bold; margin-left:30px; letter-spacing:2px; line-height:21px; }

#contentMain iframe { 
	border:1px solid #666666; 
	padding:4px; 
	background:#fff;
}
#contentMain p { 
	margin: 0 0 10px 0px; 
}

#contentMain ul {
	margin-bottom:15px;
}

#contentMain li { 
	background:url(../images/li-liste.gif) 0 6px no-repeat; 
	padding:0 0 0 23px; 
	margin-left:20px;
	line-height:25px; 
}

#contentMain .image {
	border: 1px solid #333;
	padding: 2px;
	margin: 4px 20px 4px 0;
    outline: none;
}

#contentMain .image:hover{
	border: 1px solid #333;
	padding: 2px;
}

#contentMain .imagenohover {
	border: 1px solid #666;
	padding: 2px;
	margin: 4px 4px 0 0;
}

.bildunterschrift{
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#1d0f4a;
margin: 0 0 0 0;
}

.pics {
float:left;
width:120px;
height:170px;
 }
 
 .pics p {
 margin-left: 5px; }


.slogan {
clear:both;
text-align:center; }



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

#footer {
	margin:auto;
	width:100%;
	height:43px;
	background:#DEE5F5;
}

#footerContent {
	margin:auto;
	width:932px;
	height:43px;
	background:url(../images/bg-footer.gif);
}

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

a, a:visited, .escape span {
	text-decoration: underline;
	color: #6e6ecf;
	outline: none;
}

a:hover, a:hover span, a:active, a:active span {
	text-decoration:none;
	color:#6e6ecf;
}