@charset "utf-8";

/* Company: Euroweb Internet GmbH */

/* -------------------------------------------------------------------------------------------------------*/
/* ---- global tags <<<-----------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}

body, html {
	height:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background: url(../images/bg-body.jpg) center top repeat #c7df85;
	font:0.9em Georgia, "Times New Roman", Times, serif;
	color:#141b00;
	line-height:1.7em;
}

a:link, a:visited {
	color:#4f2858;
	text-decoration:underline;
}

a:hover, a:active {
	color:#4f2858;
	text-decoration:none;
}

p {
	margin:0 0 1.3em 0;
}

img {
	border:0;
}


/* -------------------------------------------------------------------------------------------------------*/
/* ---- global classes <<<--------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

.clear {
	height:0.1em;
	line-height:0.1em;
	font-size:0.1em;
	clear:both;
	margin:0 0 0 0;
}

.highlight {
	color:#141b00;
	font-size:1.1em;
	font-weight:bold;
}

.no-margin {
	margin:0 !important;
}

.image {
   cursor: url(../images/icon-zoomin.cur), pointer;
   outline: none;
}

.image-border-left {
	cursor: url(../images/icon-zoomin.cur), pointer;
	padding:4px;
	background:url(../images/bg-image.jpg) center top no-repeat;
	margin:0 23px 23px 0;
	float:left;
}

.image-border-right {
	cursor: url(../images/icon-zoomin.cur), pointer;
	padding:4px;
	background:url(../images/bg-image.jpg) center top no-repeat;
	margin:0 0 23px 23px;
	float:right;
}

.image-cms {
	cursor: url(../images/icon-zoomin.cur), pointer;
	border:4px solid #7A5339;
	margin:0 23px 23px 0;
	float:left;
}

.bg-green {
	background:#b2db41;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- container <<<-------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

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

#top {
	width:100%;
	height:505px;
	background:url(../images/bg-top.jpg) center top no-repeat;
}

div#container {
	width:996px;
	margin:0 auto;
	margin-top:-505px;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- header <<<----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

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

h1 {
	width:273px;
	height:34px;
	background:url(../images/h1-keramik-baustelle.jpg) 0 0 no-repeat;
	position:absolute;
	left:29px;
	top:134px;
}

a.header-email, a.header-email:visited {
	display:block;
	width:188px;
	height:27px;
	position:absolute;
	top:272px;
	left:34px;
	text-indent:-9999em;
}

a.header-email:hover, a.header-email:active {
	background:none;
}


/* ---- navi <<<------------------------------------------------------------------------------------------*/

ul#navi {
	position:absolute;
	width:636px;
	height:46px;
	top:315px;
	left:342px;
	list-style-type:none;
}

ul#navi li {
	text-indent: -9999em;
	display:block;
	height:46px;
	float:left;
}
ul#navi li a {
	display:block;
	border:none;
	height:46px;
}
a.navi-ueber-uns, a.navi-ueber-uns:visited {
	width:133px;
	background:url(../images/li-navi-ueber-uns.jpg) 0 0 no-repeat;
}
a.navi-ueber-uns:hover, a.navi-ueber-uns:active {
	background:none;
}
a.navi-handwerk, a.navi-handwerk:visited {
	width:133px;
	background:url(../images/li-navi-handwerk.jpg) 0 0 no-repeat;
}
a.navi-handwerk:hover, a.navi-handwerk:active {
	background:none;
}
a.navi-bildergalerie, a.navi-bildergalerie:visited {
	width:133px;
	background:url(../images/li-navi-bildergalerie.jpg) 0 0 no-repeat;
}
a.navi-bildergalerie:hover, a.navi-bildergalerie:active {
	background:none;
}
a.navi-maerkte, a.navi-maerkte:visited {
	width:133px;
	background:url(../images/li-navi-maerkte.jpg) 0 0 no-repeat;
}
a.navi-maerkte:hover, a.navi-maerkte:active {
	background:none;
}
a.navi-links, a.navi-links:visited {
	background:url(../images/li-navi-links.jpg) 0 0 no-repeat;
	width:103px;
}
a.navi-links:hover, a.navi-links:active {
	background:none;
}

/* ---- navi-add <<<--------------------------------------------------------------------------------------*/

ul#navi-add {
	position:absolute;
	width:106px;
	height:25px;
	top:242px;
	left:439px;
}
ul#navi-add li {
	text-indent: -9999em;
	display:block;
	width:106px;
	height:25px;
}
ul#navi-add li a {
	display:block;
	border:none;
	width:106px;
	height:25px;
}
a.navi-add-kaufladen, a.navi-add-kaufladen:visited {
	background:url(../images/li-navi-add-kaufladen.jpg) 0 0 no-repeat;
}
a.navi-add-kaufladen:hover, a.navi-add-kaufladen:active {
	background:none;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- content-container <<<-----------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#content-container {
	width:996px;
	float:left;
	background:url(../images/bg-container.jpg) 0 0 repeat-y;
}
/* -------------------------------------------------------------------------------------------------------*/
/* ---- content-sidebar <<<-------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#content-sidebar {
	float:left;
	width:342px;
	height:485px;
	background:url(../images/bg-content-sidebar.jpg) 0 0 no-repeat;
	position:relative;
}

/* ---- navi-add2 <<<-------------------------------------------------------------------------------------*/

ul#navi-add2 {
	position:absolute;
	width:281px;
	height:18px;
	top:81px;
	left:29px;
}
ul#navi-add2 li {
	text-indent: -9999em;
	display:block;
	height:18px;
	float:left;
}
ul#navi-add2 li a {
	display:block;
	border:none;
	height:18px;
}
a.navi-add2-startseite, a.navi-add2-startseite:visited {
	width:67px;
	background:url(../images/li-navi-add2-startseite.jpg) 0 0 no-repeat;
}
a.navi-add2-startseite:hover, a.navi-add2-startseite:active {
	background:none;
}
a.navi-add2-kontakt, a.navi-add2-kontakt:visited {
	width:67px;
	background:url(../images/li-navi-add2-kontakt.jpg) 0 0 no-repeat;
}
a.navi-add2-kontakt:hover, a.navi-add2-kontakt:active {
	background:none;
}
a.navi-add2-anfahrt, a.navi-add2-anfahrt:visited {
	width:62px;
	background:url(../images/li-navi-add2-anfahrt.jpg) 0 0 no-repeat;
}
a.navi-add2-anfahrt:hover, a.navi-add2-anfahrt:active {
	background:none;
}
a.navi-add2-impressum, a.navi-add2-impressum:visited {
	width:80px;
	background:url(../images/li-navi-add2-impressum.jpg) 0 0 no-repeat;
}
a.navi-add2-impressum:hover, a.navi-add2-impressum:active {
	background:none;
}

a.content-sidebar-routenplaner, a.content-sidebar-routenplaner:visited {
	display:block;
	width:130px;
	height:15px;
	position:absolute;
	top:358px;
	left:167px;	
	text-indent:-9999em;
	background:url(../images/bg-google-routenplaner.jpg) 0 0 no-repeat;
}

a.content-sidebar-routenplaner:hover, a.content-sidebar-routenplaner:active {
	background:none;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- content-main <<<----------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#content-main {
	float:left;
	width:560px;
	padding:77px 50px 0 44px;
	background:url(../images/bg-content-main.jpg) 0 0 no-repeat;
	min-height:250px;
}

.content-main-column {
	float:left;
	width:260px;
}

div#content-main ul {
	margin-left:20px;
}

/* ---- headlines <<<-------------------------------------------------------------------------------------*/

/* h2 */
h2 {
	text-indent:-9999px;
	margin:0 0 1em 0;
	height:43px;
}

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

h2#ueber-uns {background:url(../images/h2/h2-ueber-uns.jpg) 0 0 no-repeat;}
h2#handwerk {background:url(../images/h2/h2-handwerk.jpg) 0 0 no-repeat;}
h2#bildergalerie {background:url(../images/h2/h2-bildergalerie.jpg) 0 0 no-repeat;}
h2#maerkte {background:url(../images/h2/h2-maerkte.jpg) 0 0 no-repeat;}
h2#links {background:url(../images/h2/h2-links.jpg) 0 0 no-repeat;}


/* h3 */
h3 {
	margin:0 0 1.3em 0;
	font-size:1.3em;
	font-weight:normal;
	color:#58435d;
}

/* h4 */
h4 {
	margin:0 0 0 0;
	font-size:1.1em;
	font-weight:bold;
	color:#58435d;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- footer <<<----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#footer {
	width:100%;
	height:159px;
	background:url(../images/bg-footer.jpg) center top no-repeat;
}