/**************** CSS FILE - GARTENCENTERMECKELBURG.DE */

html, body, div, h1, h2, h3, ul, ol, span, a, table, td, tr, form, img, li, a:link, a:hover, a:visited, a:active {
   margin: 0;
   padding: 0;
   font-family: arial, helvetica, sans-serif;
   font-size: 11px;
   color: #016F38;
   border: 0;
}

body {
background: url(../img/bg_fruehling.png) no-repeat;
}

span.arrow {
background: url(../img/arrow_link.gif) no-repeat;
background-position: 0 4px;
padding: 0 0 0 20px;
}

span.arrowact {
background: url(../img/arrow_link_act.gif) no-repeat;
background-position: 0 4px;
padding: 0 0 0 20px;
}

table, td, tr {
border-collapse: collapse;
}

td.leftrow {
width: 60px;
}

/**************** divs ******************/

#header, #nav, #illu{
width: 638px;
margin: 0 0 0 11px;
}

#header {
height: 86px;
background-color: #AFAFAF;
}

#nav {
width: 638px;
height: 26px;
background: url(../img/bg_nav.png) no-repeat;
}

#illu {
height: 142px;
background: url(../img/illu_herbst_05.jpg) no-repeat;
}

#main {
margin: 0 0 0 86px;
}

#content {
margin: 0 0 0 11px;
height: 100%;
}

#shadow {
background: url(../img/bg_shadow.png) repeat-y;
width: 658px;
}

#mainrow {
float: left;
width: 446px;
height: 100%;
margin: 0;
padding: 0;
}

#rightrow {
float: left;
width: 193px;
height: 100%;
}

#subnav {
width: 424px;
text-align: center;
}

#gallery {
margin: 0 0 0 11px;
}

/***************** classes **************/

.teasercontent {
padding: 8px 10px 10px 10px;
}

.teasercontent p {
margin: 10px 0 10px 0;
padding: 0;
}

.lastteaser {
background: url(../img/border_h.gif) bottom repeat-x #FFFFFF;
margin: 0 0 4px 0;
}

.highlight {
background-color: #FDFCEB;
}

.normal{
background-color: #FFFFFF;
}

.hidden {
height: 0;
width: 0;
overflow: hidden;
position: absolute;  /* for the benefit of IE5 Mac */
}

.textcontent {
width:424px;
margin: 0 0 10px 10px;
padding: 0 0 0 1px;
}

.textcontent2 {
width:424px;
margin: 8px 0 0 10px;
padding: 0 0 0 1px;
}

.textcontent3 {
width:424px;
margin: 8px 0 10px 10px;
padding: 0 0 0 1px;
}

.imgleft {
display: block;
float: left;
margin: 0 20px 12px 0;
border: 1px dotted #A1C9B5;
}

.imgright {
display: block;
float: right;
margin: 0 0 0 20px;
border: 1px dotted #A1C9B5;
}

.article {
width: 446px;
padding: 10px 0 10px 0;
}

.articledesc {
width: 423px;
margin: 0 10px 0 10px;
background: bottom no-repeat #EEF5F1;
border: 1px solid white;
}

.adminbar {
width: 421px;
height: 17px;
margin: 0 10px 0 11px;
padding: 2px 0 0 2px;
background-image: url(../img/bg_adminbar.gif);
}

.articledescimg {
	width: 70px;
	float: left;
}

.articledesctext {
	width: 205px;
	padding: 8px 0 10px 10px;
	float: left;
}

.newsletconf {
float: left;
width: 110px;
}

.newsletconf_line {
margin: 0 0 7px 0;
}

.newsletterthemes {
float: left;
width: 263px;
clear: both;
}

.contentteaserbox {
width: 446px;
padding: 10px 0 12px 0;
}

.contentteaser {
width: 422px;
margin: 0 10px 0 10px;
background: url(../img/bg_contentteaser.gif) bottom no-repeat #EEF5F1;
border: 1px solid white;
}

.contentteaserimg {
	width: auto;
	float: left;
}

.contentteasertext {
	width: 270px;
	padding: 6px 0 0 8px;
	float: left;
}

.contentteaserun1 {
	width: 115px;
	padding: 0px 0 0 8px;
	float: left;
}

.contentteaserun2 {
	width: 155px;
	padding: 0px 0 0 1px;
	float: left;
}

.sortimentlist {
float: left;
width: 212px;
}
.sortimentlist2 {
float: left;
width: auto;
}

.clearit {
clear: both;
}

.vline, .vlinesmall {
height: 1px;
width: 445px;
background: url(../img/border_h.gif) repeat-x bottom;
margin: 0 0 10px 0;
}

.vlinesmall {
width: 192px;
margin: 0 0 3px 0;
font-size: 0;
line-height: 0;
padding: 0;
}

/***************** gallery ***************/

#gallery .row {
margin: 0 0 15px 0;
}

#gallery img {
margin: 0 15px 0 0;
}

#gallery img.last {
margin: 0 0 0 0;
}

/***************** nav list **************/

#nav ul {
	padding: 2px 0 0 0;
	list-style-type: none;
	clear: left;
	}
	
#nav li {
	display: block;
	float: left;
	background-position: 0 -22px;
	}
	
#nav a:link, #nav a:visited {
	height: 22px;
	text-decoration: none;
	display: block;
	}
	
#nav a:hover, #nav a:active, #nav a.act {
	background-image: none;
	}
	
a#angebote {
	width: 101px;
	background: url(../img/button_angebote.gif) no-repeat;
	}
a#sortiment {
	width: 102px;
	background: url(../img/button_sortiment.gif) no-repeat;
	}
a#kontakt {
	width: 149px;
	background: url(../img/button_kontakt.gif) no-repeat;
	}
a#jobs {
	width: 62px;
	background: url(../img/button_jobs.gif) no-repeat;
	}
a#unternehmen {
	width: 119px;
	background: url(../img/button_unternehmen.gif) no-repeat;
	}
a#startseite {
	width: 105px;
	background: url(../img/button_startseite.gif) no-repeat;
	}
	
li.angebote {
	background: url(../img/button_angebote.gif) no-repeat;
	}
li.sortiment {
	background: url(../img/button_sortiment.gif) no-repeat;
	}
li.kontakt {
	background: url(../img/button_kontakt.gif) no-repeat;
	}
li.jobs {
	background: url(../img/button_jobs.gif) no-repeat;
	}
li.unternehmen {
	background: url(../img/button_unternehmen.gif) no-repeat;
	}
li.startseite {
	background: url(../img/button_startseite.gif) no-repeat;
	}
	

/***************** forms **************/

.teasercontent input.newslet, .newsletconf_input input.newslet {
background: url(../img/bg_input_gewinnspiel.gif) no-repeat;
width: 164px;
height: 15px;
border: 1px solid #016F38;
color: #016F38;
font-family: arial;
font-size: 11px;
padding: 0 0 0 3px;
}

input.newsletconfbut {
background-color: #EEF5F1;
border: 1px solid #016F38;
color: #016F38;
font-family: arial;
font-size: 11px;
font-weight: bold
}

input.submit {
    border:0;
    background-color: #016F38;
    background-image: none;
    color: white;
    font-size: 11px;
    width: 169px;
    padding-top: 1px;
    padding-bottom: 1px;
}