/* 
-----------------------------------------------
GENERAL
----------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

body { 
	font: 13px/17px 'Georgia', Times New Roman, serif; 
	color: #550F00; 
	background-color: #767916;
	margin: 0; 
	padding: 0; 
}
body.accueil { 
	background: url(img/bg_hydrangea.jpg);
	background-color: #767916;
}
body.pepiniere { 
	background: url(img/bg_fuchia.jpg);
	background-color: #767916;
}
body.arbre { 
	background: url(img/bg_arbre.jpg) no-repeat;
	background-color: #767916;
}
body.arbuste { 
	background: url(img/bg_arbuste.jpg);
	background-color: #767916;
}
body.catalogue { 
	background: url(img/bg_erable.jpg);
	background-color: #767916;
	background-attachment: fixed;
}
body.contact { 
	background: url(img/bg_fl_blanches.jpg);
	background-color: #767916;
}
body.plante { 
	background: url(img/bg_rose.jpg);
	background-color: #767916;
}

body.blog { 
	background: url(img/bg_viburnum.jpg);
	width:100%; 
	min-width: 1024px;
	background-color: #767916;
	background-attachment: fixed;
	/*position:fixed;*/
}

#bg {position:fixed; top:0; left:0; width:100%; min-width: 1024px;}


img { 
border: none; 
}

p {
	font-family: 'Georgia', Times New Roman, serif;
	font-size: 13px;
	margin: 8px 0px 0px 0px;
}

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

a:link {
	color: #2c7a06;
	text-decoration: none;
}
a:visited {
	color: #2c7a06;
	text-decoration: none;
}
a:focus  {
	color: #55570D;
	text-decoration: none;
}
a:active  {
	color: #55570D;
	text-decoration: none;
}
a:hover {
	color: #55570D;
	text-decoration: none;
}

/* 
-----------------------------------------------
TITEL
----------------------------------------------- */

h3 {
	height:24px;
	font-weight: bold;
	height: 24px;
	color: #55570D;
	font-family: 'Georgia', Times New Roman, serif;
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
	line-height: 19px;
}

h4 {
font-weight: bold;
height:20px;
font-size: 16px;
margin-top:0px;
margin-bottom:2px;
font-style: italic;
padding:0;
}

h5 {
font-weight: bold;
color: #55570D;
height:20px;
font-size: 20px;
margin-top:0px;
margin-bottom:2px;
font-style: italic;
padding:0;
}



/* 
-----------------------------------------------
LAYOUT
----------------------------------------------- */

	
div#inhalt {
	position: absolute; /*wichtig*/
    left: 50%; /*wichtig*/
    margin: 0 -374px; /*wichtig*/
	top: 0px;
	width: 748px;
	}

div#textbox {
	width: 748px;
	overflow: hidden;
	background: url(img/text_suite.png);
	}

#textbox .photos{
    margin-top: 10px;
    margin-left: 35px; /*wichtig*/
    width: 680px;
    height: 170px;
	}
	
#textbox .photos img
	{
	padding: 10px;
	background: url(img/img_bg.png) no-repeat;
	border: none;
	}

#logo {
    position: absolute; /*wichtig*/
    left: 50%; /*wichtig*/
    margin: 0 -361px; /*wichtig*/
	top: 220px; 
    width: 170px;
	height: 218px;
	z-index: 2;
}

#logo_blog {
    position: absolute; /*wichtig*/
    left: 50%; /*wichtig*/
    margin: 0 -361px; /*wichtig*/
	top: 80px; 
    width: 170px;
	height: 218px;
	z-index: 2;
}

#ico_blog {
    position: absolute; /*wichtig*/
    left: 50%; /*wichtig*/
    margin: 0 -200px; /*wichtig*/
	top: 10px; 
    width: 101px;
	height: 101px;
	z-index: 5;
}

#textbox .text{
	margin-top: 50px;
	padding-top: 10px; 
	padding-left: 212px;
	padding-right: 80px;
	background: transparent url(img/text_bg.png) no-repeat;
	}
	
div#seitenende {
	height: 50px;
	padding-top: 40px; 
	padding-left: 50px;
	padding-right: 30px;
	width: 668px;
	font: 10px/14px 'Georgia', Times New Roman, serif;
	background: url(img/text_ende.png) no-repeat;
	}

/* 
-----------------------------------------------
FICHE PLANTE
----------------------------------------------- */

#photos_plante {
    position: absolute; /*wichtig*/
    top: 40px;
    left: 32px; /*wichtig*/
    width: 340px;
    height: 340px;
}
	
.photos_plante a img
	{
	float: right;
	padding: 10px;
	background: url(img/img_bg.png) no-repeat;
	border: none;
	}
.photos_plante a:hover img
	{
	float: right;
	padding: 10px;
	background: url(img/img_bg.png) 0 -170px no-repeat;
	border: none;
	}
#photo_big {
    position: absolute; /*wichtig*/
    top: 40px;
    left: 372px; /*wichtig*/
    width: 340px;
    height: 340px;
}
	
.photo_big img
	{
	float: right;
	padding: 10px;
	background: url(img/img_big_bg.png) no-repeat;
	border: none;
	}
	
#nav_plante {
    position: absolute; /*wichtig*/
    top: 18px;
    left: 42px; /*wichtig*/
    width: 660px;
    height: 21px;
	z-index:1;
}

#nav_plante ul {
	display: inline;
	list-style: none;
	overflow: hidden;
}

#nav_plante ul {
	padding: 0px;
}

#nav_plante li {
	float: left;
}

#nav_plante li a {
	display: block;
	height: 21px;
	padding-top: 21px; height: 0px !important; 
	overflow: hidden;
}

div#logo_plante {
    position: absolute; /*wichtig*/
    left: 50%; /*wichtig*/
    margin: 0 -354px; /*wichtig*/
	top: 200px; 
    width: 170px;
	height: 218px;
	z-index: 2;
}
div#textbox_plante {
	width: 748px;
	overflow: hidden;
	background: url(img/text_suite.png);
	}

#textbox_plante .text{
	margin-top: 380px;
	padding-top: 10px; 
	padding-left: 210px;
	padding-right: 80px;
	background: transparent url(img/text_bg.png) no-repeat;
	}

/* 
-----------------------------------------------
BLOG
----------------------------------------------- */
.divider
{ text-align: center }


/* 
-----------------------------------------------
CHOISIR
----------------------------------------------- */

.ronds_ligne {
	display: inline;
	width: 450px;
	height: 161px;
}

.ronds_ligne .rond {
	float: left;
	width: 106px;
	height: 160px;
	font: 11px/13px 'arial', sans-serif;
	padding: 10px 1px 0px 2px;
}

.choisirbox {

	overflow: hidden;
	margin-top: 20px;
	padding: 7px 0 10px 0px;
	width: 480px;
	font: 12px/14px 'georgia', serif;

}

.choisirbox .choisir {
	margin-right: 10px;
	margin-top: 10px;
	padding-top: 20px;
	padding-left: 70px;
	float: left;
	width: 270px;
	height: 103px;
	background: transparent url(img/etikett.png) no-repeat;
	font: 18px/22px 'courier new', serif;
}

.choisir img {
	float:right;
	margin-right: 33px;
	margin-left: 10px;
	margin-top: 0px;
}


/* 
-----------------------------------------------
TopNavigation
----------------------------------------------- */

#nav {
    position: absolute; /*wichtig*/
    top: 178px;
    left: 42px; /*wichtig*/
    width: 660px;
    height: 21px;
	z-index:1;
	overflow: hidden;
}

#nav ul {
	display: inline;
	list-style: none;
	overflow: hidden;
}

#nav ul {
	padding: 0px;
}

#nav li {
	float: left;
}

#nav li a {
	display: block;
	height: 21px;
	padding-top: 21px; height: 0px !important; 
	overflow: hidden;
}

#n1 { 
	width: 64px;
	background: transparent url(navbar.gif) 0 0 no-repeat;
}
#n2 { 
	width: 104px;
	background: transparent url(navbar.gif) -65px 0 no-repeat;
}
#n3 { 
	width: 132px;
	background: transparent url(navbar.gif) -169px 0 no-repeat;
}
#n4 { 
	width: 146px;
	background: transparent url(navbar.gif) -301px 0 no-repeat;
}
#n5 { 
	width: 88px;
	background: transparent url(navbar.gif) -447px 0 no-repeat;
}
#n6 { 
	width: 126px;
	background: transparent url(navbar.gif) -535px 0 no-repeat;
}

#n1 a:hover { background: transparent url(navbar.gif) 0 -21px no-repeat; }
#n2 a:hover { background: transparent url(navbar.gif) -65px -21px no-repeat; }
#n3 a:hover { background: transparent url(navbar.gif) -169px -21px no-repeat; }
#n4 a:hover { background: transparent url(navbar.gif) -301px -21px no-repeat; }
#n5 a:hover { background: transparent url(navbar.gif) -447px -21px no-repeat; }
#n6 a:hover { background: transparent url(navbar.gif) -535px -21px no-repeat; }



/* 
-----------------------------------------------
TABELLE CATALOGUE
----------------------------------------------- */


#centeredtable
    {
	width: 100%;
	margin: 30px auto 10px auto;
    border-collapse: collapse;
    font-size: 12px;
    table-layout: auto;
    }

#tab_titre
    {
    background-color: #EFF4B2;
	font-weight: bold;
    }
	
.strich
    {
    background-color: transparent;
	font-weight: bold;
    }

.line
    {
    background-color: #EFF4B2;
    }
.line:hover
    {
    background-color: #D6DC8E;
    }

table div
    {
    padding: 2px 15px 2px 15px;
    }

.w3c
    {
    margin: auto;
    padding: 10px 0px 5px 20px;
    }

#cpr
    {
    padding: 2px 20px 6px 15px;
    font-size: 9px;
    clear:both;
    } 
	
	
/* 
-----------------------------------------------
TEXTPATTERN
----------------------------------------------- */
	
	div.divider {
	margin: 2em 0;
	text-align: center;
}