/* CSS File mit allen Darstellungen für die liebenswert-floristik Seite.
*  Nur das Menu befindet sich in einem separaten CSS (menu.css)
-----------------------------------------------------------------------------------------*/

/* Formatierung der Standard-Tags
---------------------------------------------------*/
body {
font-family: Trebuchet MS,Verdana,Arial, sans-serif;
font-size: 10pt;
font-weight: normal;
text-decoration: none;
background-color :#004000;
color: #004000;
line-height: 115%;
margin: 0px;
padding: 0px;
}

h1
{
font-size: 14pt;
font-weight: bold;
}

h2
{
font-size: 12pt;
font-weight: bold;
}

h3
{
font-size: 10pt;
font-weight: bold;
}

a:link 
{color:red;
text-decoration:none
}

a:visited 
{
color:blue; text-decoration:none
}

a:active
{
color:black; text-decoration:none
}

a:hover 
{
color:black; text-decoration:underline
}

ul#liste li
{
margin-bottom:16px;
}


/* Haupt div, zentriert im Browser, in dem der Inhalt ist
-----------------------------------------------------------------------------*/
.mainframe{
position:absolute; 
top:10px; 
left:50%;
width:850px;
height:890px;
margin-left: -425px;
background-color:#AEFFA2;
}

/* Grosses Bild oben rechts
------------------------------------------------------------------------*/
.mainpicture
{
position:absolute; 
top:0px; 
left:200px; 
width:650px;
height:325px;
background-color:#FFFFFF;
z-index:1;
}

#mainpicsize
{
width:650px; 
height:325px;
}

#logo
{
position:absolute;
top:240px;
left:10px;
height:73px;
width:180px;
}

/* div mit dem Menu
--------------------------------------------------------------------------*/
.menuframe
{
position:absolute; 
top:325px; 
left:0px; 
width:200px;
height:565px;
background-color:#75C269; 
}

#mapcontainer
{
position:absolute; 
top:340px; 
left:210px; 
height:505px;
width:630px;
background-color:#AEFFA2;
}

#mapnavigation
{
position:absolute; 
top:850px; 
left:210px; 
height:40px;
width:630px;
background-color:#AEFFA2;
}

/* Text direkt unter dem Hauptbild
---------------------------------------------------------------------------*/
.content
{
position:absolute; 
top:340px; 
left:210px; 
height:550px;
width:630px;
background-color:#AEFFA2;
}

/*Div mit scrollbar innerhalb .texttop*/
.scrollingcontent
{
	"position:absolute; 
	top:0px; 
    height:440px;
    left:0px; 
    width:640px;
	overflow:auto;
    background-color:#AEFFA2;
}

/* Formate für die Schaufenster-Seiten
---------------------------------------------------------------------------*/

/* Picturestrip mit den Vorschaubildern zum scrollen */
.picturestrip
{
position:absolute; 
top:335px; 
left:200px; 
height:230px;
width:650px;
padding-top:0px;
padding-bottom:0px;
background-color:#AEFFA2;
overflow:hidden;
font-size:12px;
}

#strippicsize
{
height:200px;
width:200px;	
}

/* Navigations-Pfeile für das scrollen der Vorschaubilder */
.stripnavigation
{
position:absolute; 
top:565px; 
left:205px; 
height:24px;
width:640px;
background-color:#AEFFA2;
}

.gallerytextpic
{
position:absolute; 
top:660px; 
left:208px; 
height:80px;
width:80px;
background-color:#AEFFA2;
}

.gallerytext
{
position:relative;
top:620px;
left:300px;
height:160px;
width:530px;
overflow: hidden;
display: table;
}

.gallerytext p
{
display:table-cell;
vertical-align:middle;
}

/* Formate für die Gallery-Seiten mit den Einzelbildern
---------------------------------------------------------------------------*/

.singlepic
{
position:absolute; 
top:5px; 
left:5px; 
width:840px;
height:820px;
overflow:hidden;
display:table-cell;
text-align:center;
vertical-align:middle;
background-color:#AEFFA2; 
}

.singlecomment
{
position:absolute; 
top:830px; 
left:5px; 
width:840px;
height:20px;
background-color:#AEFFA2;
text-align:center;
}

.singlenav
{
border-top: 1px solid #FFFFFF;
position:absolute; 
top:850px; 
left:5px; 
width:840px;
height:35px;
background-color:#AEFFA2;
}

#menulist
{
list-style-type:circle;
}