/*******************************************************************************
********************************************************************************
	Project		: buchladenammarkt.de
********************************************************************************
*******************************************************************************/
/* Reset all */
*, .nospace { 
	padding: 0;
	margin: 0;
	border: 0;
}

div, p { 
	background-repeat: no-repeat;
}

a, a:link { 
	color: #f90;
	text-decoration: none;
}

a:hover { 
	text-decoration: underline;
}

img { 
	vertical-align: bottom;
}

ul, ol { 
	list-style-position: outside;
}

li { 
	list-style-type: none;
}

strong { 
	font-weight: bold;
}


/* Links- bzw. Rechtsausrichtung f?uer Elemente */
.flLeft { 
	float: left;
	margin: 0 10px 0 0;
}

.flRight { 
	float: right;
	margin: 0 0 0 10px;
}

.flDown {
	margin: 0 0 0 10px;
	padding-bottom: 7px;
}

.clearer { 
	display: block;
	clear: both;
	line-height: 0em;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}

.clear { 
	clear: both;
}

.hide { 
	position: absolute !important;
	left: -1000px !important;
	top: -1000px !important;
	overflow: hidden !important;
	width: 1px !important;
	height: 1px !important;
}

/* Allgemeines */
html { 
	margin-bottom: -1px;
	min-height: 101%;
}

body { 
	margin:7px;
	background: #fff;
	color: #fff;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 100.01%;
}

p, ul, ol, dl { 
	line-height: 1.3em;
}

h2, h3, p, ul, ol, dl { 
	margin-bottom: 1em;
}


h1 { 
	margin-bottom: .5em;
	color: #fffbd6;
	font-family:serif;
	font-size: 2.1em;
	line-height: 1;
}

h2 { 
	color: #f90;
	font-size: 1.2em;
	font-weight:bold;
	line-height: 1;
}
h3 {
	font-size: 1em;
	font-weight:bold;
}

#content, 
#m-navi { 
	font-size: .80em;
}
/*	Page Structure ************************************************************/
#website { 
	position:relative;
	width:836px;
}

#content { 
	position:absolute;
	width:510px;
	background-image:url(logo.jpg);
	background-position:100% 0%;
	padding-top:70px;
}

#content2 { 
	position:relative;
	padding:10px 10px 60px 10px;
	background-color:#4c5d79;
	z-index:20;
}


/*	Logo **********************************************************************/
#logo { 
	position:absolute;
	left:220px;
	top:0px; 
	z-index:4;
}
.page-15 #logo, 
#page-18 #logo {
	left:610px;
}

#logo p {
	margin:0;
}
#logo p a { 
	display: block;
	width: 290px;
	height: 58px;
	text-indent: -1000em;
}

#logo p a:hover { 
	text-decoration: none;
}

/*	lists *********************************************************************/
.navi { 
	margin: 0;
	line-height: 1em;
}

/*	m navi -------------------------------------------------------------------*/
#m-navi { 
	clear: both;
	width:265px;
	padding:6px 0 180px 0;
	background-color:#4c5d79;
	z-index:1;
}

#m-navi ul li { 
	display: block;
	padding-left:10px;
}

#m-navi ul li a { 
	display:block;
	height:28px;
	background-position:0px 0px;
	text-indent:-1000em;
}


#m-navi ul li a:hover, 
#m-navi ul li a.current {
	background-position:0px -50px;
}


/*	s navi -------------------------------------------------------------------*/
#s-navi { 
	clear: both;
	position:absolute;
	left:230px;
	top:62px;
	width:305px;
	padding:6px 0 0px 0;
	background-color:#4c5d79;
	z-index:5;
}

#page-2 #s-navi {
	top:29px;
}

#s-navi ul li { 
	display: block;
	padding-left:10px;
}

#s-navi ul li a { 
	display:block;
	height:28px;
	text-indent:-1000em;
	background-position:0px 0px;
	background-repeat:no-repeat;
}

/* Suche */
/* Suche - Schnellsuche */
#s-navi ul#nav2 li#nav14 a, 
#s-navi ul#nav2 li#nav14 a.current { 
	background-image:url(nav_14_0.png);
}
#s-navi ul#nav2 li#nav14 a:hover {
	background-position:0px -50px;
}
#s-navi ul#nav2 li#nav14 form {
	margin-bottom:1.2em;
	font-size: .80em;
}


/* Suche - Erweiterte Suche */
#s-navi ul#nav2 li#nav15 a, 
#s-navi ul#nav2 li#nav15 a.current { 
	background-image:url(nav_15_0.png);
}
#s-navi ul#nav2 li#nav15 a:hover, 
#s-navi ul#nav2 li#nav15 a.current {
	background-position:0px -50px;
}

/* Kontakt */
/* Kontakt - Lageplan */
#s-navi ul#nav5 li#nav9 a, 
#s-navi ul#nav5 li#nav9 a.current { 
	background-image:url(nav_9_0.png);
}
#s-navi ul#nav5 li#nav9 a:hover, 
#s-navi ul#nav5 li#nav9 a.current {
	background-position:0px -50px;
}
/* Kontakt - Mitteilung */
#s-navi ul#nav5 li#nav10 a, 
#s-navi ul#nav5 li#nav10 a.current { 
	background-image:url(nav_10_0.png);
}
#s-navi ul#nav5 li#nav10 a:hover, 
#s-navi ul#nav5 li#nav10 a.current {
	background-position:0px -50px;
}
/* Kontakt - Personal */
#s-navi ul#nav5 li#nav11 a, 
#s-navi ul#nav5 li#nav11 a.current { 
	background-image:url(nav_11_0.png);
}
#s-navi ul#nav5 li#nav11 a:hover, 
#s-navi ul#nav5 li#nav11 a.current {
	background-position:0px -50px;
}

/*	Content *******************************************************************/
#content img {
	border:1px solid #b6c6d4;
}
#content p.hdl img {
	border:0;
}

#content ul {
	margin-left:24px;
}
#content ul li {
	list-style-type:square;
}

#content p a {
	color:#fff;
	text-decoration:underline;
}

#content div.imgtxt {
	clear:both;
	position:relative;
}
#content div.imgtxt .image {
	position:relative;
}


.text-pos {
	position:absolute;
	left:0px;
	top:0px;
	background-color:#4c5d79;
}
.text-pos2 {
	padding:10px;
}

/*	form-box -----------------------------------------------------------------*/

.form-module { 
	clear: both;
	position:relative;
	margin-bottom: 1.2em;
}

.form-module form fieldset { 
	border: 0;
	position:relative;
}

.form-module form legend { 
	padding: 3px;
	border: 1px solid #cee8cd;
	font-weight: bold;
}

.form-module div.element {
	float:left;
	width:100%;
	clear:both;
	position:relative;
	margin:5px 0;
}
.form-module form label { 
	display:block;
	float:left;
	width:150px;
}
.form-module form label.form_warning { 
	color:#c00;
}
.form-module form label.checkbox { 
	display:inline;
	float:none;
	width:auto;
	padding-left:10px;
}

.form-module form select, 
.form-module form input, 
.form-module form textarea { 
	width: 270px;
	border-top: 2px solid #808080;
	border-left: 2px solid #808080;
	border-right: 2px solid #d4d0c8;
	border-bottom: 2px solid #d4d0c8;
}

#page-1 .form-module input {
	margin-bottom:1em;
	width:100px;
}

.form-module form input.checkbox { 
	width: auto;
	float:left;
}
 
.form-module input.submit {
	clear:both;
	margin:0px;
	margin-left:280px;
	width:145px;
	height:40px;
	padding: 2px;
	background-color:#a22a50;
	border:0;
	color:#FFFBD6;
	font-family:serif;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
}

#page-1 .form-module div.element, 
#page-7 .form-module div.element {
	clear:none;
	float:left;
	width:105px;
}
#page-7 .form-module div.element {
	width:auto;
}

/* for ie */
#page-1 .form-module label, 
#page-7 .form-module label {
	display:none;
}
#page-1 .form-module div.element input.submit, 
#page-7 .form-module div.element input.submit, 
#s-navi ul#nav2 li#nav14 form input.submit {
	position:relative;
	width:105px;
	height:auto;
	margin-top:0;
	margin-left:0;
	padding: 0;
	padding-left:5px;
	background:none;
	border:0;
	color:#fff;
	font-family:helvetica, arial, verdana, sans-serif;
	font-size:1em;
	font-weight:normal;
	text-align:left;
}
html>body#page-1 .form-module div.element input.submit, 
html>body#page-7 .form-module div.element input.submit, 
html>bod #s-navi ul#nav2 li#nav14 form input.submit {
	margin-top:3px;
}
 
.form-module input.reset { 
	display:none;
}

/*	Footer ********************************************************************/
#content p.footer { 
	padding:3px 10px;
	background-color:#fff;
	color: #4c5d79;
	font-size:.9em;
}
#content p.footer a { 
	color: #4c5d79;
	text-decoration:none;
}