@charset "UTF-8";

*   {box-sizing: border-box}

html {
    height:100%;
    background-color: rgba(255,255,187,1);
    }

body {
    color: #000000;
    font-size: 12px;
    font-family: Helvetica,Arial,sans-serif;
    text-align: left;  
    padding:10px;
    padding-left:210px; 
    margin:0px;
    }

h1  {
    color: rgba(255, 255, 255, 1);
    background:  rgba(51, 204, 102, 1);
    font-size: 16px;
    font-style: bold;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0px; padding: 10px;
    text-align: left;
    display:block;
    }
    
img {
    width:100%;
    }

img#prinzenbild {
    float:left; 
    width:50%;
    margin-right:10px;
    margin-bottom:10px;
    }
    
h1.prinz{
    text-align:center; 
    color:  rgba(25, 102, 51, 1);
    font-family: 'Frijole', cursive;
    text-shadow: 
    2px 2px 0px #ffffff, 
    -2px 2px 0px #ffffff, 
     2px -2px 0px #ffffff, 
    -2px -2px 0px #ffffff, 
     2px 0px 0px #ffffff, 
    -2px 0px 0px #ffffff, 
     0px 2px 0px #ffffff, 
     0px -2px 0px #ffffff, 
    4px 4px 0px rgba(0, 0, 0, 1), 
    -4px 4px 0px rgba(0, 0, 0, 1), 
    4px -4px 0px rgba(0, 0, 0, 1), 
    -4px -4px 0px rgba(0, 0, 0, 1),
    4px 0px 0px rgba(0, 0, 0, 1), 
    -4px 0px 0px rgba(0, 0, 0, 1), 
    0px 4px 0px rgba(0, 0, 0, 1), 
    0px -4px 0px rgba(0, 0, 0, 1);
    }   
    
h2  {
    color: #222222;
    font-size: 14px;
    font-style: bold;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0px; padding: 10px;
    text-align: left;
    }
    
h3  {
    color: #222222;
    font-size: 12px;
    font-style: bold;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0px; padding: 10px;
    text-align: left;
    }

p   {
    color: #222222;
    font-size: 12px;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0px; padding: 10px;
    text-align: justify;
    }

table, tr, td {
    margin:0px;
    padding:0px;
    border-collapse: collapse;
    vertical-align:top;}
         
div#seite {
    width:auto;
    margin:auto;
    text-align: left;    
    }  

p.standort {
    color: rgba(255, 255, 255, 1);
    background-color:#228844;
    font-size: 10px;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0px; padding: 3px;  padding-left:10px;
    text-align: left;
    display:block;
    }
    
p.standort a {color:#ffffff; font-weight:normal;}
p.standort a:hover{text-decoration:underline;}

div.artikel {
    width:100%;
    color: #222222;
    margin:auto;
    margin-bottom:10px;
    background-color:#ffffff;
    font-family: Helvetica,Arial,sans-serif;
    padding: 2px;
    border:1px solid  rgba(51, 204, 102, 1);
    text-align: left;
    }
    
div.artikel img{
    width:100%
    }
    
#tablepromo {
    display:table;    
    margin: 0px;
    padding:0px;
    width: 100%;
    border: 1px solid #ffffff;
    color:#ffffff;    
    vertical-align:middle;
    }
    
#tablepromo div {
    display:table-row;    
    vertical-align:middle;
    padding:0px;    margin:0px; 
    }
    
#tablepromo div div {
    display:table-cell;
    width:50%;
    height:200px;
    padding:5px;
    margin:0px;    
    vertical-align:top;
    }
    
#tablepromo div div p{
    color:#ffffff;
    padding:0px;
    margin:auto;
    vertical-align:middle;
    font-family: 'Fira Sans', sans-serif;
    font-weight:300;
    }
    
.propouhr {
    font-size:2.5em;
    }
    
.propotext {
    font-size:1.5em;
    }
    
.link {
    color: #ffffff;
    font-size: 12px;
    font-family: Helvetica,Arial,sans-serif;
    margin: 10px; padding: 0px;
    text-align: justify;
    }
    
hr.promo {
    background:#ffffff;
    border:1px solid #ffffff;
    color:#ffffff;  
    margin:0px 0px 10px 0px;
    }
    
a   {
    color:rgba(29, 40, 36, 1);
    text-decoration:none;
    font-weight:bold;
    } 
        
a:hover {
    text-decoration:underline;
    }    
  
ul.nav  {
    font-size: 1em;
    margin: auto; padding: 0;
    border: none;
    }
        
ul.nav li {
    list-style: none;
    margin: auto; padding-top: 5px;
    }
        
ul.nav a {
    display: block;
    padding: 10px;
    padding-left:35px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    color:#ffffff;
    box-shadow:inset 25px 0px 0px 0px rgba(29, 40, 36, 1);
    background: rgba(51, 204, 102, 1)
    }

ul.nav a:hover {
    box-shadow:inset 25px 0px 0px 0px  rgba(255,255,102,1);
    }

.vueuo {
    display:table;    
    margin: none;
    background-color:none;
    padding: 0px 0px;
    border: none;
    width: 100%;
    box-shadow: none;
    text-align:center 
    }
    
.vueuo div{
    display:table-row;    
    text-align:center;     
    }
    
.vueuo div div{
    display:table-cell;    
    margin: none;
    background-color:none;
    padding: 10px 0px;
    border: none;
    width:150px;
    box-shadow: none;
    text-align:center; 
    }
    
.vueuo div div img{
    width:150px;
    }
    
.vueuo div div p,
.vueuo div div h3 {
    padding-top:3px;
    padding-bottom:3px;
    text-align:center;
    }
    
.table {
    display:table;    
    margin: none;
    background-color:none;
    padding: 0px 0px;
    border: none;
    width: 100%;
    box-shadow: none; 
    }
    
.table div {
    display:table-row;
    background-color:none;
    width: 100%;
    margin: 4px 4px;
    border: none;
    width:100%;
    }

.table div div {
    display:table-cell;
    margin: auto;
    background-color:#ffffff;
    padding: 4px 4px;
    }
    
.koenig {
    width:300px;
    color: #222222;
    margin:10px;
    background-color:#ffffff;
    font-family: Helvetica,Arial,sans-serif;
    padding: 2px;
    border:1px solid  rgba(51, 204, 102, 1);
    text-align: left;
    float:left;
    }

div#vorschau table   {
    margin: auto; width:100%;
    text-align:center;
    background-color:#ffffff;
    }
        
div.bild a img {
    height:auto;
    }

div#navieinzelbild {
    text-align:center;
    }
        
div#navieinzelbild a {
    font-size:14px; text-align:center;
    padding:5px;
    color:#222222;
    }
        
div#grossbild {
    text-align:center;
    margin:auto;
    }
        
div#grossbild img{
    text-align:center;
    margin:auto;
    width:100%;
    max-width:1024px;
    height:auto;
    max-height:1024px;
    }
        
div.beschr{
    display:none
    }
        
div.clear{
    float:clear;
    } 

hr  {
    float:clear;
    } 

table.offz {
    width:100%;
    max-width:850px
        }        
table.offz td{
    vertical-align:top;
    text-align: left;
    width:33%;
    }
        
table.offz img{
    margin: 10px; width:120px; height:160px;
    text-align: left;
    }
        


img.prinzengalerie{
    width:100%;
    text-align:center;
    border:4px solid #ffcc00;
    }
      
td.prinzengalerie{
    padding:4px;
    }
      
p.prinzengalerie{
    text-align:center;
    }
      
img.wagenbau     { 
    width:100%;
    max-width:400px;
    } 
        
img#kids{ 
    width:50%;
    margin:auto; padding:0px;
    }  
        
div.linkstext {
    width: 100%;
	 height: 62px; margin:5px;
	 box-shadow: 0 0 4px rgba(0,0,0,0.4);
	 -moz-box-shadow: 0 4px 6px rgba(0,0,0,0.8);
	 -webkit-box-shadow: 0 4px 6px rgba(0,0,0,0.8);
	 background: rgba(238,238,238,1);
	 background : -webkit-gradient(linear, left top, left bottombottom, from(rgba(245,245,245,1)), to(rgba(228,228,228,1)));
	 background : -moz-linear-gradient(top, rgba(245,245,245,1), rgba(228,228,228,1));
    border: 1px solid #f3f3f3;
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;	
	 -moz-border-radius: 10px;
    }
            
div.linkstext a {        
    color:  rgba(51, 204, 102, 1); text-decoration:none;
    font-size: 16px;
    font-weight: 900;
    font-family: Helvetica,Arial,sans-serif;
    margin: 24px;
    text-align: left;  vertical-align:middle;
    font-variant:small-caps;}
        
div.linkstext a:hover {        
    text-decoration:underline;
    }
    
table.kids {
    width:100%;
    }
    
table.kids tr{
    width:100%;
    }
    
table.kids tr td{
    width:50%;
    }