/* --- Colors ---- */
/* 

dark grey (text):#4B4B4B
dark green: #166334;
light green: #ACDC26;
*/

/* ---- General Styles / Resets --- */
* {margin:0;padding:0;outline:0;}
.print {display:none;}
.clear {clear:both;}

body {
background:#F9F9F9 url(/rosenmuseum/images/body.jpg) repeat-x 0 0;
margin:0;
font:12px/18px Tahoma,Arial,Helvetica,sans-serif;
color:#4B4B4B;
}

img {
  border:0;
}

div#container
{
margin:0 auto;
width:960px;
}

div#logo
{
width:217px;
height:139px;
margin:32px 0 0 0;
float:left;
background: url(/rosenmuseum/images/rosenmuseum_logo.png) no-repeat 0 0;
}

div#logo a.link_home
{
width:167px;
height:50px;
display:block;
}

div#logo a.link_contact {
width:167px;
display:block;
height: 18px;
margin: 73px 0 0 40px;
width: 180px;
}

div#banner
{
height: 291px;
position: relative;
width: 960px;
background:url(/rosenmuseum/images/header.png) no-repeat 0 0;
}

div#main {
clear:both;
padding:25px 0 0 0;
}

div#main_left {
width:170px;
float:left;
}

div#main_left_bottom {}

/* --- Navigation (Main) --- */
div#navigation {
font-size:16px;
font-weight: bold;
height: 63px;
color:#fff
}

div#navigation ul {
height:61px;
padding:1px 0;
list-style-type:none;
}

div#navigation li {
float:left;
height:61px;
}

div#navigation a {
float:left;
height:61px;
line-height:61px;
color:#fff;
margin:0 40px 0 0;
text-decoration:none;
} 

div#navigation a.active,div#navigation a:hover {color:#166334;} 

/* --- Navigation (Second Level) --- */
#navi_main_left {
padding:2px 0 0 0;
list-style-type:none;
}

#navi_main_left li {
height:30px;
}

#navi_main_left a {
height:30px;
line-height:30px;
color:#4B4B4B;
text-decoration:none;
} 

#navi_main_left a.active,#navi_main_left a:hover {
font-weight:bold;
color:#166334;
} 

#searchForm {margin:5px 0 20px 0;}

#searchword {
border:1px solid #D1D1D1;
width:138px;
height:24px;
line-height:24px;
vertical-align:middle;
background:url(images/searchword.gif) repeat-x 0 0;
margin:0;
padding:0 0 0 2px;
}

.suche_abschicken {
border-top:1px solid #D1D1D1;
border-right:1px solid #D1D1D1;
border-bottom:1px solid #D1D1D1;
border-left:0;
width:27px;
height:26px;
line-height:24px;
vertical-align:middle;
background:url(images/suche_abschicken.gif) no-repeat 0 0;
text-indent:-9999px;
cursor:pointer;
margin:0;
padding:0;
}

#bn_logo
{
display:block;
width:112px;
height:65px;
margin:0 0 20px 0;
background:url(images/bn_logo_gruen.png) no-repeat 0 0;
}

div#main_left_bottom a
{
  font-size:10px;
  text-decoration:none;
  color: #000000;
}

div#main_left_bottom img
{
  margin-left:17px;
  margin-bottom:15px;
}

div#main_middle
{
float:left;
width:436px;
padding: 7px 44px 0 60px;
}

div#main_middle p {margin:12px 0;}

div#main_middle_content h1
{
color: #166334;
font-size:14px;
margin:0 0 24px 0;
}

div#main_middle_content hr
{
  color:#000000;
  background-color:#000000;
  border:0px; height:1px;
  line-height:1px;
  margin: 0 !important;
  margin: -7px 0;
}

div#main_middle_content a:active, a:hover, a:link, a:visited
{
  text-decoration:underline;
  color:#166334;
}

div#main_middle_content ul
{
  margin-left:15px;
  margin-top:0px;
  margin-bottom:0px;
}

div#main_middle_content_fusszeile
{
  border-top:1px solid #000000;
  margin-top:20px;
  padding-top:10px;
  padding-bottom:30px;
  padding-left:0px;
  width: 100%;
}

div#footer {
margin:24px 0 0 0;
padding:15px 0;
border-top:1px solid #D7D7D7;
}

div#footer_left {
width:170px;
float:left;
height:24px;
}

div#footer_middle
{
float:left;
width:436px;
padding:0 52px;
}

div#footer_middle a {
color:#4B4B4B;
text-decoration:none;
}

div#footer_middle a:hover,div#footer_middle a.active {
color:#166334;
text-decoration:underline;
}

div#footer_right
{
width:250px;
float:left;
height:24px;
}


.drucken {
float:right;
width:16px;
height:15px;
background:url(images/drucken.gif) no-repeat 0 0;
text-indent:-9999px;
margin:2px 0 0 0;
}

div#main_middle_content_fusszeile a.fusszeile_drucken
{
  color: #87242B;
  float: left;
  padding-left:0px;
  text-decoration: none;
}

.read_more a {
text-decoration:none;
font-weight:bold;
}

div#main_middle_content_fusszeile a.fusszeile_weiterempfehlen
{
  color: #87242B;
  float: right;
  padding-right:2px;
  text-decoration: none;
}

div#steckbrief
{
  background-color: #f2f2f2;
  border:1px dashed #ccc;
  margin-top:20px;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:5px;
  width: 100%;
  font-weight:bold;
  font-size:11px;
  margin-bottom:10px;
}

div#steckbrief a
{
  margin:0;
  padding:0;
}

div#main_right
{
width:250px;
float:left;
}

div#infobox
{
margin:9px 0 0 0;
border-bottom: 1px solid #DBDBDB;
padding: 20px 0;
}

div#infobox.first
{
margin:9px 0 0 0;
border-bottom: 1px solid #DBDBDB;
padding:0 0 20px 0;
}


div#infobox.last {border:0;}

div#infobox h1.first,div#infobox h1
{
color: #166334;
font-size:12px;
}

div#infobox h1.first {margin:0 0 22px 0;}

div#infobox p
{
margin:5px 0;
}

/* Bestellformular */
#bestellung div 
{
  width:50px;
  float:right;
  border:0px; 
  border-bottom:1px solid #000000;
  text-align:right;
}

.einzelsumme  {
  border:1px solid #ccc;
  background:#fff;
  border-bottom:1px solid #000000;
}

.daten  
{
border:1px solid #ccc;
background:#fff;
}

textarea.daten {resize:vertical; }

.gesamtsumme  {
  border:0px;
  border-bottom:1px solid #000000;
  font-weight: bold;
}

.einzelmenge  {
border:1px solid #ccc;
background:#fff;
}

#table_absender input {
width:150px;
border:1px solid #ccc;
background:#fff;
}


#submit.form_submit {
clear:both;
cursor:pointer;
display:inline;
float:left;
font-size:14px;
padding:8px 14px 9px;
margin:0 0 20px 0;
font-weight:bold;
line-height:1;
width:auto;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
background:#166334 url(/rosenmuseum/images/submit_overlay.png) repeat-x scroll 0 0;
border:0;
border-bottom:1px solid rgba(0, 0, 0, 0.25);
color:#FFFFFF;
cursor:pointer;
display:inline-block;
position:relative;
text-decoration:none;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
letter-spacing:1px;
}

#submit.form_submit:hover {
background:#238448 url(/rosenmuseum/images/submit_overlay.png) repeat-x scroll 0 0;
}

table {
border-collapse: separate;
border-spacing: 2px;
text-indent: 0;
}

tr {
display: table-row;
vertical-align: inherit;
}

td {
display: table-cell;
padding: 1px;
text-align: inherit;
}

/* Rosenkoeniginnen */
h4 
{
  background-color: #F5D9A2;
}

#accordion 
{
  width: 350px;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

h3 
{
  font-size: 10px;
  padding: 2px 2px 2px 2px;
  margin: 0;
  border-style: solid none solid none;
  border-top-color: #F5BD50;
  border-bottom-color: #F5E4C2;
  border-width: 1px 0px 1px 0px;
  color:#000000;
  background-color: #F4BF53;
  cursor:pointer;
  text-align:left;
}

#visible 
{
  color:#FFFFFF;
  background-color: #F59D07;
}

.panel 
{
  margin: 0;
  padding-bottom: 0;
  border: none;
  text-align:center;
}

.kontakt_feld
{
  border-width:1px;
  border-style:solid;
  border-color:#D9A37C;
  background-color:#FFFFFF;
  height:14px;
  font-size: 12px;
  color:#000000;
  padding:0;
  margin:0;
  text-align: left;
}

.kontakt_pulldown
{
  border-width:1px;
  border-style:solid;
  border-color:#D9A37C;
  background-color:#FFFFFF;
  height:14px;
  font-size: 12px;
  color:#000000;
  padding:0;
  margin:0;
  text-align: left;
}

.kontakt_textarea
{
  border-width:1px;
  border-style:solid;
  border-color:#D9A37C;
  width:330px;
  height:50px;
  font-size: 12px;
  color:#000000;
  padding:0;
  margin:0;
  text-align: left;
}

.kontakt_abschicken
{
  border-width:1px;
  border-style:solid;
  border-color:#000000;
  background-color:#87010B;
  font-size: 12px;
  color:#FFFFFF;
  padding-left:15px;
  padding-right:15px;
  padding-top:2px;
  padding-bottom:2px;
  margin-top:8px;
  text-align: center;
}

/* FCK Klassen */

.inh_text               { font-family: Tahoma; font-size: 12px;color:#4B4B4B;}
.inh_text_kl            { font-family: Tahoma; font-size: 10px;color:#4B4B4B;}
.inh_text_fett          { font-family: Tahoma; font-size: 12px;font-weight: bold;color:#4B4B4B;}
.inh_text_kursiv_fett   { font-family: Tahoma; font-size: 12px;font-weight: bold; font-style:italic;color:#4B4B4B;}