/* CSS Document Beko Blumen Münster */

*
{ margin: 0;
  padding: 0; }


html {
background: url(../img/top2.jpg) repeat-x;
}

body {
background: url(../img/footer-muenster.jpg) repeat-x;
background-position: bottom left;
bottom: 0px;
}

div#site {
border: 0px solid #fff;
background: #fff;
width: 935px;
margin: auto;
margin-top: 34px;
}

div#top {
padding-top: 230px;
height: 100px;
width: 900px;
}

ul#nav {
height: 38px;
width: 640px;
margin-top: 60px;
float: right;
}

ul#nav li {
height: 20px;
list-style: none;
float: left;
}

ul#nav a {
margin-right: 1px;
padding: 0 20px 0 20px;
height: 38px;
font-family: tahoma;
color: #016a6d;
font-size: 12px;
text-decoration: none;
display: inline;
}

ul#nav a:hover {
color: #59b203;
background: url(../img/hblume.jpg) no-repeat;
}

	
ul#nav a#willkommen {
		background: url(../img/blume.jpg) no-repeat;
		height: 16px;
		}
		
ul#nav a#angebot {
		background: url(../img/blume.jpg) no-repeat;
		height: 16px;
		}
		
ul#nav a#blumenstand {
		background: url(../img/blume.jpg) no-repeat;
		height: 16px;
		}
		
ul#nav a#kontakt {
		background: url(../img/blume.jpg) no-repeat;
		height: 16px;
		}
		
ul#nav a#blumenlexikon {
		background: url(../img/blume.jpg) no-repeat;
		height: 16px;
		}
		
/*-------------------hover--------------*/

ul#nav a#willkommen:hover {
	background-image: url(../img/hblume.jpg) no-repeat;
		}
		
ul#nav a#angebot:hover {
 background-image: url(../img/hblume.jpg) no-repeat;
		}
		
ul#nav a#blumenstand:hover {
	background-image: url(../img/hblume.jpg) no-repeat;
		}
		
ul#nav a#kontakt:hover {
	background-image: url(../img/hblume.jpg) no-repeat;
		}
		
ul#nav a#blumenlexikon:hover {
	background-image: url(../img/hblume.jpg) no-repeat;
		}


ul#angebot {
margin-top: 10px;
}

ul#angebot li {
list-style: none;
text-decoration: none;
background: url(../img/pfeil.gif) no-repeat;
background-position: center left;
padding-left: 20px;
}

div#column_right2 {
float: right;
width: 265px;
}

div#column_right5 {
float: right;
height: 550px;
}

div#column_right5 img {
margin-top: 70px;
}

div#column_right2 img {
margin: 30px 0 0 20px;
}

ul#info {
padding-left: 40px;
margin-top: 54px;
}

.underline {
border-bottom: 1px solid #cceefa;
margin-bottom: 10px;
}

ul#info p {
background: url(../img/info.gif) no-repeat;
background-position: center left;
padding-left: 20px;
}

ul#info li {
list-style: none;
text-decoration: none;
padding-left: 20px;
background: url(../img/pfeil.gif) no-repeat;
background-position: center left;
}


ul#info2 {
padding-left: 40px;
margin-top: 0px;
}

ul#info2 p {
background: url(../img/info.gif) no-repeat;
background-position: center left;
padding-left: 20px;
}

ul#info2 li {
list-style: none;
text-decoration: none;
padding-left: 20px;
background: url(../img/pfeil.gif) no-repeat;
background-position: center left;
padding-left: 20px;
}

ul#info3 {
padding-left: 40px;
margin-top: 5px;
}

ul#info3 p {
background: url(../img/info.gif) no-repeat;
background-position: center left;
padding-left: 20px;
}

ul#info3 li {
list-style: none;
text-decoration: none;
padding-left: 20px;
background-position: center left;
padding-left: 20px;
}

ul.pfeil {
background: url(../img/pfeil.gif) no-repeat;
list-style: none;
text-decoration: none;
padding-left: 20px;
background-position: center left;
padding-left: 20px;
}

ul#info3 dt {
padding-left: 20px;
}

ul#info3 dd {
padding-left: 20px;
}
	

ul#nav a#sel_willkommen {
		background: url(../img/hblume.jpg) no-repeat;;
		}
ul#nav a#sel_angebot {
		background: url(../img/hblume.jpg) no-repeat;
		}
ul#nav a#sel_blumenstand {
		background: url(../img/hblume.jpg) no-repeat;
		}
ul#nav a#sel_kontakt {
		background: url(../img/hblume.jpg) no-repeat;
		}
ul#nav a#sel_blumenlexikon {
		background: url(../img/hblume.jpg) no-repeat;
		}

img#logo {
float:left;
width: 164px;
height: 354px;
}

div#header {
	margin: auto;
	height: 354px;
	width: 935px;
	background-image:url(../img/header_neu.jpg);
	}

div#content {
   margin: auto;
   width: 800px;
   font: 14px "Times New Roman", Tahoma, serif;
   line-height: 22px;
   color: #666766;
   }


div#top_content {
	width: 800px;
	}

div#top_content img {
	width: 223px;
	height: 178px;
	margin: 40px 0px 0px 30px;
	}
   
div#top_content p a{
	text-decoration: none;
	font: 14px "Times New Roman", Tahoma, serif;
	}

div#column_left {
	width: 530px;
	float: left;
	}

div#column_left p {
	padding-top: 10px;
	}

div#column_left p span {
	text-decoration: underline;
	}

.yellow {
	text-decoration: none;
	background-image: url(../img/pfeil.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 10px;
	color: #016a6d;
	border-bottom: 0px solid;
	}

.yellow:hover {

	border-bottom: 1px solid;
	}



div#column_right p {
	padding-top: 10px;
	}

/*-------------------------->Willkommen Bottom Content<-----------------------------*/

div#bottom_content {
	width: 800px;
	margin-top: 20px;
	}

div#bottom_content img {
	width: 308px;
	float: left;
	border: 1px solid #016a6d;
	padding: 1px;
	}

div#flashjpg {
	border: 1px solid #016a6d;
	padding: 1px;
	float: left;
	width: 308px;
	height: 229px;
	border: solid 3px #fff
	}
	

div#column_right {
	float: right;
	padding-right: 10px;
	}

div#bottom_content p {
    width: 460px;
    }   
   
/*-------------------------->Lagerverkauf<-----------------------------*/

div#lagerverkauf {
	
	}

div#galerielvkf {
	margin: 10px 0 0 0;
	border: 1px solid #016a6d;
	padding: 1px;
	float: right;
	width: 450px;
	height: 338px;
	}

div#leftboxlvkf {
	width: 340px;
	float: left;
	}
	div#leftboxlvkf p {
	margin: 10px 0 0 0;
	}

div#leftboxlvkf a {
	padding-right: 10px;
	background-image: url(../img/pfeil.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-decoration: none;
	color: #016a6d;
	}

	div#rcol a:hover {
	color: #59b203;
	}

ul.pfeil {
	background: url(../img/pfeil.gif) no-repeat;
	list-style: none;
	text-decoration: none;
	padding-left: 20px;
	background-position: center left;
	padding-left: 20px;
	}


/*-------------------------->Der Blumenstand Top Content<-----------------------------*/

div#body_top {
	width: 800px;
	float: left;
	height: 260px;
	/*border-bottom: 1px solid #ceefaa;*/
	}

div#body_top img {
	margin-top: 20px;
	float: left;
	border: 1px solid #016a6d;
	padding: 1px;
	}

div#rcol {
	float: right;
	width: 490px;
	}

div#rcol a {
	padding-right: 10px;
	background-image: url(../img/pfeil.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-decoration: none;
	color: #016a6d;
	}

div#rcol a:hover {
	color: #59b203;
	}


div#column_right_bs p {
	margin-top: 10px;
	}

/*-------------------------->Der Blumenstand Top Content Ende<-----------------------------*/

div#column_blumenstand {
float: right;
width: 400px;
margin-right: 80px;
}
  
div#blumenstand_top {
float: right;
width: 800px;
margin-right: 0px;
}

div#blumenstand_top p{
width: 470px;
float: right;
}

/*-------------------------->Der Blumenstand Middle Content Start<-----------------------------*/

div#blumenstand_middle_content {
padding-top: 0px;

}

div#blumenstand_middle_content span {
	font-weight:bold;
	}

div#blumenstand_middle_content img {
border: 1px solid #016a6d;
padding: 1px; 
margin: 10px 0 0 0;

}


div#blumenstand_middle_content p{
padding-top: 10px;
width: 425px;
float: left;
margin-right: 10px;
}

/*---------------------Blumenlexikon------------------------------------*/
 
div#blumenlexikon_top {
float: left;
width: 800px;
height: 500px;
background: url('/img/blumenlexikon.jpg') center right no-repeat;
margin: 0 0 25px 0;
}

div#blumenlexikon_top p {
	margin: 10px 0 0 0;
}

ul#lexikonlist {
	margin: 10px 0 0 0;
}

ul#lexikonlist li {
padding-left: 20px;
list-style: none;
text-decoration: none;
}

li.pfeil {
list-style: none;
text-decoration: none;
background: url(../img/pfeil.gif) no-repeat;
background-position: center left;
padding-left: 10px;
}

ul#lexikonlist dt {
padding-left: 10px;
}

div#lxgalerie {
padding-top: 20px;
float: left;
width: 800px;
}

div#lxgalerie a img{
border: 1px solid #016a6d;
padding: 1px;
}

div#lxgalerie a {
padding-right: 6px;
}

h1#start {
font: 16px Tahoma, "Time New Roman", serif;
color: #004a99;
padding: 20px 0 0 0px;
}

h1#leistungen {
font: 16px Tahoma, "Time New Roman", serif;
color: #004a99;
padding: 20px 0 0 0px;

}

/*
h1 {
font: 24px "Time New Roman", serif;
color: #016a6d;
padding: 20px 0 10px 0px;
margin: 0 0 0px 0px;
}
*/
h1.headline {
font: 24px "Time New Roman", serif;
color: #016a6d;
padding: 20px 0px 0px;
margin: 0 0 0px 0px;
}

h2.teaser {
font: 14px "Time New Roman", serif;
color: #59b203;
padding-bottom: 10px;
border-bottom: 1px solid #cceefa;
}

h2.headline {
font: 24px "Time New Roman", serif;
color: #016a6d;
}

h3.teaser {
font: 14px "Time New Roman", serif;
color: #59b203;
padding-bottom: 10px;
border-bottom: 1px solid #cceefa;
}

h3.headline {
font: 24px "Time New Roman", serif;
color: #016a6d;
padding: 20px 0px 0px;
margin: 0 0 0px 0px;
}

h4.teaser {
font: 14px "Time New Roman", serif;
color: #59b203;
padding-bottom: 10px;
border-bottom: 1px solid #cceefa;
}

div#column_blumenstand h2 {
width: 450px;
float: left;
font: 24px "Time New Roman", serif;
color: #016a6d;
padding: 0px 0px 25px 0px;
}

div#cutline {
margin-bottom: 20px;
width: 800px;
height: 29px;
background-image: url(../img/cutline.jpg);
background-repeat: repeat-x;
}

div#footer {
margin: 0px auto ;
width: 935px;
height: 121px;
background-image: url(../img/bottombg.jpg);
}

div#bottom p {
float: left;
padding: 25px 0 10px 0px;
font: 10px Tahoma, "Time New Roman", serif;
color: #5e5e5e;
}

p#geniacs {
float: right;
}

div#bottom a {
color: #016a6d;
text-decoration: none;
padding-right: 7px;
background-image: url(../img/block_s.jpg);
background-position: right;
background-repeat:no-repeat;
}

div#bottom a:hover {
color: #59b203;color: #016a6d;
}

div#bottom ul {
float: right;
padding: 20px 0 0 0;
position: top;
}

div#bottom ul li {
list-style: none;
text-decoration: none;
display: inline;
font: 10px Tahoma, "Time New Roman", serif;
}

div#bottom ul li a{
color: #016a6d;;
}

div#bottom {
	/*background-image: url(../img/bottomtop.jpg);*/
	background-repeat: no-repeat;
	margin: auto;
	width: 935px;
	height: 120px;
	}

div#clearboth {
width: 800px;
}

/*-------------------------------Leistungen----------------------->*/

div#text2 li {
background-image: url(../img/block.jpg);
background-position: left;
background-repeat:no-repeat;
padding-left: 20px;
margin-left: 10px;
list-style: none;
}

/*


/*-------------------------------Kontaktformular ----------------------->*/

div#adresse {
width: 400px;
float: right;
padding: 0 0px 0 0px;

}

div#adresse a {
color: #016a6d;
list-style: none;
text-decoration: none;
}

div#adresse a:hover {
color: #59b203;
}

p#left_adress {
float: left;
padding-top: 10px;
}

p#right_adress {
float: right;
padding-top: 10px;
padding-right: 90px;
}


/*--Kontaktformular ----------------------->*/

div#kontakt {
width: 350px;
float: left;
margin-bottom: 0px; 
}

div#kontakt p {
font: 12px Tahoma, "Times New Roman", serif;
color: #5e5e5e;
}    

form {
padding-left: 0px;
} 
	 
fieldset {
border: 0px;
width: 350px;
padding: 0px;
}

#namefield, #emailfield, #phonefield, #aboutfield {
background-color: #eeeeee;
border-left: 1px solid #59b203;
border-bottom: 0px;
border-top: 0px;
font: 14px "Times New Roman", Tahoma, serif;
color: #5e5e5e;
margin: 3px 0 0px 0;
padding: 3px;
width: 350px;
height: 20px;
}
	
#messagefield {
background-color: #eeeeee;
border-left: 1px solid #59b203;
border-bottom: 0px;
border-top: 0px;
font: 14px "Times New Roman", Tahoma, serif;
color: #5e5e5e;
margin: 3px 0 0px 0;
padding: 3px;
width: 350px;
height: 256px;
}
	
#namefield:focus, #emailfield:focus, #messagefield:focus, #phonefield:focus, #aboutfield:focus {
color: #50840b;
border-left: 1px solid #016a6d;
}
	
label {
padding-top: 0px;
color: #5e5e5e;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
}
	
#rot {
	color: #000;
	} 
	
input.error { border: 1px solid #000; }



/*--Ende----------------------->*/	

div#legende {
padding-top: 10px;
}

ul#legend {
list-style: none;
float: left;
}

ul#legend2 {
list-style: none;
float: right;
}

li#open {
padding-left: 30px;
background-image: url(../img/legende/open.jpg);
background-repeat: no-repeat;
background-position: left center;
}

li#start {
padding-left: 30px;
background-image: url(../img/legende/start.png);
background-repeat: no-repeat;
background-position: left center;
}

li#back {
padding-left: 30px;
background-image: url(../img/legende/minus.png);
background-repeat: no-repeat;
background-position: left center;
}

li#pause {
padding-left: 30px;
background-image: url(../img/legende/pause.jpg);
background-repeat: no-repeat;
background-position: left center;
}

li#end {
padding-left: 30px;
background-image: url(../img/legende/ende.png);
background-repeat: no-repeat;
background-position: left center;
}

li#for {
padding-left: 30px;
background-image: url(../img/legende/plus.png);
background-repeat: no-repeat;
background-position: left center;
}

/*--qTip----------------------->*/
div#qTip {
  
  padding: 20px;
 
  display: none;
  background-image: url(../img/tip2.png);
  background-repeat: no-repeat;
  background-position: left;
  color: #016a6d;
  font: bold 11px "Times New Roman", Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  position: absolute;
  z-index: 1000;
}

img, div, a { behavior: url(../js/iepngfix.htc) } 

a.yellow span {
text-decoration: underline;
}

div#impright a {
text-decoration: none;
color: #016a6d;
}

div#impright a:hover {
color: #59b203;
}



.button {
	background: url('../img/sendenbutton.jpg');
	background-repeat: no-repeat;
	display: block;
	width: 130px;
	height; 21px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 25px 0 0 0;
	outline: none;
	padding: 0 0 10px 15px;
	text-decoration: none;
	text-indent: -9999px;
	cursor: pointer;
	}
	
#send {
	outline: none;
	border: none;
}


div#wartung {
	text-align: center;
	background: #1c97ff;
}

/*---------------------------------Map-------------------------*/

div#map {
	margin: 150px 0 0 0;
	width: 425px;
	height: 345px;
	line-height: 14px;
}


#map strong { font-weight: bold; }
.bubble p { width: 250px; padding: 50px 0 0 0; }
.bubble { margin: 0 15px 5px 10px; background: url('/img/beko.gif') no-repeat;  color: #666766;}
#map h3 { font: 17px Arial, Helvetica, sans-serif; font-weight: normal; }



/*---------------------------------Galerie---------------------*/


div#galerie {
	width: 800px;
	}

#right-content { 
	margin: 15px 0 0 0;
	width: 490px;
	float: right;
	}
	
#left-content { 
width: 310px;
float: left;
}

/*---------------------------------Fotoliste---------------------*/	
/*
ul#work_list li {
	width: 310px;
	list-style: none;
}

ul#work_list img {
	width: 96px;
}

ul#work_list h4 {
	
	width: 200px;
	}

ul#work_list p {
	
	width: 200px;
	}*/
	/* WORK PAGE  */



#portfolio-navigation {
	height: 400px;
	width: 310px;
	overflow: hidden;
	display: block;
	float: left; }
	
#portfolio-navigation ul {
	position: relative;
	top: 0;
	left: 0; }
	
#portfolio-navigation ul li {
	width: 305px;
	padding: 10px 0px;
	height: 80px;
	float: left;
	border-bottom: 1px solid #cceefa;
}
#portfolio-navigation ul li {
	font-size: 13px;
	margin: 0px 0px 0px 0px; }
	
#portfolio-navigation ul li h4 {
	padding: 0px 3px 0px 0px;}
	
#portfolio-navigation ul li h4 a {
	color: #59b203;
}
#portfolio-navigation ul li h4 a:hover {
	color: #016a6d; }
	
#portfolio-navigation ul li.current {
	width: 300px;
	}
	
#portfolio-navigation ul li.current h4{
	color: #016a6d;
	}
/*#portfolio-navigation ul li:hover {
	background: #0d0d0d;}*/

#portfolio-navigation ul li h3 {
	float: left;}
		
#portfolio-navigation ul li img {
	float: left;
	margin: 7px 10px 0px 0px;
	border: none;
	}



body#body_work #content {
	width: 370px;
	float: left;}
body#body_me #content {
	width: 470px;
	float: left; }
.img1 {
	margin-top: 140px; 
	float: left;}
#content p {
	line-height: 21px; }
/*#content p strong {
	font-family: Arial, Helvetica; 
	color: #d1cbbe;
	font-size: 12px;}*/
#content p.ingress {
	font-family: Georgia;
	font-style: italic;
	color: #b3ada1;
	line-height: 21px;
	font-size: 13px; }

/* WORK PAGINATION */
#dodo {
	width: 350px;
	float: left;}
#pagination-wrap { 
	width: 100%; 
	float: left;
	clear: both;
	overflow: hidden;  }
	
#pagination { 
	float: left;
	left: 8%;
	margin: 0 auto;
	padding: 0;
	position: relative; }	
#pagination-wrap #pagination li { 
	float: left;
	position: relative;
	right: 50%;
	margin-right: 1px; }
#pagination-wrap #pagination a {
	font-size: 10px;
	margin-right: 2px;
	height: 15px;
	width: 10px;
	line-height: 15px;
	padding-left: 4px;
	float: left;
	color: #FFF;
	outline: none;
	text-decoration: none;
	background: url(/img/pagination.png) 0 0 no-repeat; }
#pagination-wrap  #pagination a:hover {
	background-position: -14px 0; }
#pagination-wrap #pagination a.activeSlide { background-position: -28px 0; }
/* .zoom {
	width: 31px;
	height: 30px; 
	background: url(img/zoom.png) no-repeat;
	float: left;
	border: 1px solid red;
	margin-top: -20px;}
	*/
#body_work .blumen-fotos { 
    height:  360px;  
    width:   490px;  
    padding: 0;  
	overflow: hidden;
    margin:  0; } 
#body_work .blumen-fotos div{
	position: relative; }
/*
#body_work .blumen-fotos div a span {
	width: 31px;
	height: 30px;
	background: url(img/zoom.png) no-repeat -40px 0px;
	position: absolute;
	top: 355px;
	left: 10px; }
	
#body_work .blumen-fotos div a:hover span {
	width: 31px;
	height: 30px;
	background: url(img/zoom.png) no-repeat;
	position: absolute;
	top: 335px;
	left: 20px; }
*/

.blumen-fotos div p {
	position: absolute;
	top: 349px;
	left: 0;
	padding: 10px;
	width: 595px; 
	color: #c4c4c4;
	background: url(img/transparent.png);
	}
.blumen-fotos img {  
    height:  360px;  
    width:   490px;  
    top:  0; 
    left: 0;  }	
#blumen-fotos-navigation { 
	clear: both; 
	width: 466px; 
	padding: 10px 12px 10px 12px; 
	background: #222;
	float: right; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	list-style-type: none;
	margin-bottom: 5px; }
#blumen-fotos-navigation li {
	line-height: 15px; }
#blumen-fotos-navigation li.next { 
	float: right
 }
#blumen-fotos-navigation li.previous { 
	float: left; }
#blumen-fotos-navigation li a { 
	color: #7aa5a5; 
	text-decoration: none; }
#blumen-fotos-navigation li a:hover { 
	color: #a0d6d6; }

/* END WORK */


/*------------------------Scrolling-----------------------*/

#portfolio-scroll a {
	width: 147px;
	height: 57px;
	float: left;
	display: block;
	text-indent: -9999px; 
	outline: none;
	text-decoration: none;
	}
#portfolio-scroll a#up {
	background: url(/img/scrollup.gif) no-repeat; }
	
#portfolio-scroll a#down {
	background: url(/img/scrolldown.gif) no-repeat; }
	
#portfolio-scroll a#up:hover, 
#portfolio-scroll a#down:hover {
	background-position: -147px 0px; }
	
#portfolio-scroll a#up:active,
#portfolio-scroll a#down:active  {
	background-position: -294px 0px; }
	
ul#portfolio-scroll li a#up.nogo, 
ul#portfolio-scroll li a#down.nogo {
background-position: -441px 0px; }
	
ul#portfolio-scroll li {
	list-style: none;	
	}

#sidebar {
	width: 230px;
	float: right;
	}

	
	
	
	
	
	
	
	
	
	
	
div#blumenlexikon_bottom {
	padding-top: 20px;

}

	

	
	
h2#blheadline {
font: 24px "Time New Roman", serif;
color: #016a6d;
text-align: left;
}

h3#blteaser {
font: 14px "Time New Roman", serif;
color: #59b203;
padding-bottom: 10px;
border-bottom: 1px solid #cceefa;
text-align: left;
}	
	
	
	
	div#page {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	border-color: #ddd;
	}
	
	div#container {
	padding: 0px;
}