/* Datei styles.css fuer menue-karussell.de
     created: 02.11.2009
     created: by c. majert */

html {
  font-size: 1em;
  height:101%;}

body  {  
   font-family: Verdana, Helvetica, Times, serif; 
   text-align:center;
   color: #000;
   background: #9c9d9e; 
   margin: 0; 
   height: 101% }

* {margin:0; padding:0;}

img {border:none; margin:0; padding:0;}

#wrapper {
   width:900px;
   text-align:left;
   margin:0 auto;
   padding:10px 0; }

/*### Struktur #############################*/
#top {
   background:none;
   width:900px;
   padding:4px 0;}

#topleft {
   width:500px;
   float:left;
   text-align:left;}
   
#topright {
   margin:0 0 0 500px;
   text-align:right;}
   
#mainBox{ 
   background:url(../layoutimages/bg_norm.gif) repeat-y;  }

#gastro #mainBox {
   background:url(../layoutimages/bg_gastro.gif) repeat-y;}

#gastro #main {
   background:url(../layoutimages/bg_footer_klein.gif) no-repeat 100% 100%;}
      
#bodo #main {
   background:url(../layoutimages/bg_bodo.gif) repeat-y;}
   
#start #main, #plan #main {
   background:url(../layoutimages/bg_start.gif) repeat-y;}

#start #main {
   text-align:center;}
   
#maintop {
   width:900px;}

#start #maintop {
   height:550px;
   overflow:hidden;}
   
#mainbottom {
   /*background:url(../layoutimages/bg_footer.gif) no-repeat 0% 100%;*/}
      
#header {
   height:160px;
   text-align:center;}
   
#header img {
   margin:0 0 0 0;}
   
#leftBox {
   width:300px;
   float:left;
   overflow:hidden;}
   
#left {
   margin:0 0 0 0;}
   
#nav {
   text-align:center;}
   
#contentbox {
   position:relative;
   margin:0 0 0 300px; }

#gastro #contentbox {
   background:url(../layoutimages/bg_footer_klein.gif) no-repeat 100% 100%; }

#content {
   position:relative;  overflow:hidden;}

#gastro #content {
   /*min-height:680px;*/}
   
#contLeft {
   width:400px;
   float:left;
   overflow:hidden;}
   
#contRight {
   margin:0 0 0 400px;
   /*overflow:hidden;*/ }
   
#contRightImg {
   height:160px;}
   
#contAll {
   overflow:hidden;
   padding:40px 20px 0 40px;}
   
#headline {
   position:relative;
   margin:30px 42px 30px 42px;}

.newsHead {
   position:relative;
   overflow:hidden;
   margin:0 15px 0.4em 25px;}

.news {
   position:relative;
   overflow:hidden;
   margin:0 15px 1em 25px;} 
        
.block, #menu {
   position:relative;
   margin:0 15px 0 25px; 
   overflow:hidden;}

.startBlock {
   margin:120px 230px 0 230px;
   color:#fff;
   text-align:center; }

#legende {
   margin:4px 5px 0 0;}
  
#marginal {
   margin:15px 0 0 0;}
   
#menu {
   text-align:center;}

#preis {
   position:relative;
   text-align:center;
   padding:20px 0 20px 0;}
   
#footer {
   position:relative;
   /*max-height:90px;*/
   background:url(../layoutimages/bg_footer_klein.gif) repeat-y; }
   
#footLeft {
   width:400px;
   float:left;
   background:#f29400;
   padding:10px 0;}
   
#footRight {
   margin:0 0 0 400px;}
   
#bannerbox {
   width:140px;
   height:620px;
   float:right;
   background:#fff;}
   
#bottom {
   background:none;
   padding:4px 0;
   width:900px;
   text-align:center;}	
	
#bottomleft {
   width:700px;
   float:left;
   text-align:left;}
   
#bottomright {
   margin:0 0 0 700px;
   text-align:right;}

.startImgLeft {
   float:left;}

.startImgRight {
   float:right;}

#newsNav {
   position:relative;}
   
#newsNavLeft {
   width:320px;
   float:left;}
   
#newsNavRight {
   text-align:right;
   margin:0 0 0 325px;}

.newLine {
  display: block;
  clear: both ! important;
  font-size:1px; 
  visibility:hidden;}
  
.catch:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}
    
.catch {display: block;}

/*### Bereichsstart mit iframe ###################*/ 
#contNews {
   margin:77px 0 0 65px;}

#framebox { 
   position:relative;}

#frame { 
   position:relative; 
   margin:0 0 20px 0; 
   overflow:hidden;}

#aktuell {
   width:525px; 
   height:750px; 
   scrolling:auto; 
   border:none; 
   background:#f29400;}	

/*### Hauptnavigation ###########################*/   
#nav ul {
   list-style:none;
   font-size:0.75em;
   line-height:1.3em;
   font-weight:normal;
   text-align:center;
   color:#f29400;
   margin:2em 0 2em 0;}
   
#nav ul li ul li{}

#nav ul li.space {
   margin:1em 0 0 0;}
   
#nav ul li ul {
   font-size:1em;
   margin:1em 0;}
   
#nav ul a:link, #nav ul a:visited {
   color:#fff;}
   
#nav ul a:hover, #nav ul a:active, #nav ul a:focus {
   color:#f29400;}

/*### Startnavigation ###########################*/     
#start #nav ul {
   font-size:1.5em;
   text-transform:uppercase;
   margin:1em 230px;}
	
#start #nav ul a:link, #start #nav ul a:visited {
   color:#fff;
   background:url(../layoutimages/arrow_18.gif) no-repeat 100% 55%;
   padding:0 30px 0 0;}
   
#start #nav ul a:hover, #start #nav ul a:active, #start #nav ul a:focus {
   color:#f29400;
   background:url(../layoutimages/arrow_18_over.gif) no-repeat 100% 55%;
   padding:0 30px 0 0;}
   
/*### Schriftformate ##########################*/
h1, h2, h3, h4 {
   font-weight:normal;}
   
h1 {
   font-size:1.3em;
   line-height:1.1em;
   color:#000;
   margin:2em 0 1em 0;}

.news h1 {
   margin:1em 0 0.5em 0;}

h2 {
   font-size:1.0em;
   line-height:1.1em;
   text-align:left;
   color:#000;
   margin:0 0 0.4em 0;
   padding:0; }
      
#menu h2 {
   font-size:1.4em;
   line-height:1.1em;
   text-align:center;
   color:#99c2e2;
   margin: 1em 30px 1em 30px;
   padding:0; }
   
h3 {
   font-size:1em;
   line-height:1.2em;
   text-align:center;
   color:#fff;
   margin:0.2em 0;}

h3.pop {
   font-size:0.8em;
   line-height:1.1em;
   text-align:right;
   padding:0 10px;}
   
h4 {
   font-size:0.8em;
   line-height:1.2em;
   font-weight:normal;
   margin:0 0 1em 0;
   padding:0;}
   
h5 {
   font-size:0.8em;
   line-height:1.2em;
   font-weight:normal;
   text-transform: uppercase;
   margin:0 0 0.5em 0;}

.newsHead p, .news p {
   font-size:0.8em;
   line-height:1.5em;
   margin:0 0 1em 0;}
   
.newsHead p.klein, .news p.klein {
   font-size:0.65em;
   line-height:1em;
   margin:0 0 0.4em 0;}
   
.block p, .startBlock p  {
   font-size:0.8em;
   line-height:1.5em;
   margin:0 0 1em 0;}
   
.block p.klein {
   font-size:0.7em;
   line-height:1em;
   margin:0 0 0.4em 0;}

#legende p {
   font-size:0.6em;
   line-height:1.2em;
   text-align:right;
   margin:0 0 1em 0;
   color:#fff;}
   
#marginal p {
   font-size:0.8em;
   line-height:1.2em;
   margin:0 0 1em 0;
   color:#fff;}
   
#menu p, #preis p{
   font-size:0.9em;
   line-height:1.2em;
   margin:0 20px 0.9em 20px;
   color:#000;}
   
#menu p.separator {
   color:#99c2e2;
   line-height:0.1em;}
   
#menu p.sep {
   background:url(../layoutimages/separator.gif) no-repeat 50% 0%;
   padding:1.2em 0 0 0;
   margin:0 20px 0.9em 20px;}
   
#menu p.oder {
   color:#da9a25;
   line-height:0.1em;}
   
.gelb {
   color:#da9a25;}
   
.kursiv {
   font-style:italic;}

.gross {
   font-size:2em;
   line-height:1.2em;}
   
#preis p {
   color:#821c26;}
   
#top p, #bottom p {
	font-size:0.65em; 
	font-weight:normal;
	color:#000;
	padding:0;}

#top a:link, #top a:visited, #bottom a:link, #bottom a:visited {
	color:#821C26;
	text-decoration:none;}
	
#top a:hover, #top a:active, #bottom a:hover, #bottom a:active {
	color:#000;}
   
#footLeft p {
   font-size:0.75em;
   line-height:1.2em;
   text-align:center;}
   
#footRight p.info {
   font-size:0.7em;
   line-height:1.2em;
   text-align:left;
   color:#fff;
   padding:10px 10px 10px 25px;}
   
ul.textlist {
   font-size:0.8em;
   line-height:1.5em;
   list-style-type:square;
   margin:0 0 1em 1.0em;}

ul.textlist li {
   margin:0 0 0 1.5em;}

/*### Bildausrichtungen ########################*/
div.pop img {
   margin:10px 10px 2px 10px;}

/*--- Bilder im Textfluss ---*/
.imgLeft {
   float:left;
   margin:2px 20px 2px 0;}
   
.imgRight {
   float:right;
   margin:2px 0 2px 20px;}
 
/*--- Bilder mit Legende ---*/  
dl.newsLeft {
   float:left;
   width:235px;
   margin:2px 20px 2px 0;} 

dl.newsLeft dt{
   overflow:hidden;}   
   
dl.newsLeft dd {
   font-size:0.65em;
   padding:0 0 4px 0;}
   
/*### Links ###################################*/
a:link, a:visited {
   color:#fff;
   text-decoration:none;}
   
a:hover, a:active, a:focus {
   color:#000;}
   
a.pagetop:link, a.pagetop:visited {
   color:#fff;
   background:url(../layoutimages/arrow_9.gif) no-repeat 0% 55%;
   text-decoration:none;
   text-align:right;
   padding:0 0 0 12px;}
   
a.pagetop:hover, a.pagetop:active {
   background:url(../layoutimages/arrow_9_over.gif) no-repeat 0% 55%;
   color:#000;} 
   
a.yellow:link, a.yellow:visited {
   color:#f29400;}
   
a.yellow:hover, a.yellow:active, a.yellow:focus {
   color:#000;}

/*### Formulare ################################*/
form  {  
   margin:0 0 30px 0;
   padding:0;}

fieldset {  
   margin:0 0 10px 0;
   padding:8px 4px;
   border:1px solid #fff;}
   
legend  {  
   font-size:0.9em;
   font-weight:normal;
   color:#000;
   padding:0 4px;}

label  { 
   float:left;
   text-align:right;
   color:#000;
   width	:140px;
   font-size:0.7em;
   margin:0.2em 1em 0.2em 0;}
   
label.rechts  { 
   float:left;
   text-align:left;
   color:#000;
   width	:60px;
   font-size:0.7em;
   margin:0.2em 1em 0.2em 0.2em;}
	                     
input[type=text], select  { 
   float:left;
   font-size:0.7em;}
                     
.eingabe { 
   border:1px solid #fff;
   background-color:#FCEACC;
   color:#000;
   width:300px;
   margin:0 0 0.4em 0;
   padding:1px;}
   
.erreingabe { 
   border:1px solid #e10404;
   background-color:#f9cdcd;
   color:#000;
   width:300px;
   margin:0 0 0.4em 0;
   padding:1px;}
   
select.eingabe {
   background:#a1141c;
   border:1px solid #fff;
   color:#fff;
   width:304px;
   margin:0 0 0.4em 0;
   padding:1px;}
                        
textarea { 
   color:#000;
   width:300px;
   height:170px;
   margin:0 0 0.3em 0;
   padding:0.1em;
   font-family:Verdana,Arial, Helvetica, sans-serif;
   font-size:0.75em;}
   
input:focus, textarea:focus {
   color:#000;
   background:#fff;}
	                     
.button	 {	
   width:140px;
   height:24px;
   text-align:center;
   font-family:Verdana,Arial, Helvetica, sans-serif;
   font-size:0.8em;
   font-weight:bold;
   line-height:1.8em;
   background:#a1141c;
   border:1px solid #fff;
   color:#fff;
   margin:0.4em 0 0.4em 0;}
   
.button:hover {
   background:#e10404;
   color:#fff;}
	                     
input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right
                     {margin-left:150px;}
                     
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {  
   cursor	:pointer;}
                     
form br { 
   clear:both;}
								
.stern {
   color:#a1141c;}
   
form p {
padding:0 4px 4px 6px;}
/*--------- Ende Formulare ----------------------*/