/*   Content by 
  Druck & Service Garhammer GmbH
  Florian Garhammer
  f.garhammer@garhammer-druck.de
  Tel. +49 9921 882270
==================================================
  */

/* #Reset & Basics
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, svg, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }
  
body {  
  line-height: 1; }
  
ol, ul, li, a {
  list-style: none;
  text-decoration: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }
  
table {  
  border-collapse: collapse;
  border-spacing: 0; }

html {
  height:100.001%;
  overflow: scroll; }


/* #Typography
================================================== */

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, .handschrift  {
  font-family: 'Merienda', serif;
  font-weight: 700;
  color: #b07e49;
  text-decoration: none;
  line-height: 1.6; 
  padding-bottom: 20px;
  text-transform:uppercase;
  text-align: center;}

h1, h1 a {
  font-size: 36px; }

h2, h2 a {
  font-size: 32px; }

h3, h3 a {
  font-size: 28px; }

h4, h4 a, .handschrift {
  font-size: 24px; }

h5, h5 a {
  font-size: 20px; }

p, span, li, ol, ul, table {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.8;
  color: #555;}
  
a {  
  font-family: 'Titillium Web', sans-serif;
  color: #003475;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;}

a:hover, .nspArt h4.nspHeader a:hover {
  color: #3b93ff; }

hr {
  border: none;
  border-bottom: 1px dotted #ddd;
  margin: 14px 0;}
  

/* #Colors and Classes
--------------------------------------------------------- */  
.white, #bottom1 p, #bottom1 span {color: #ffffff;}

.blue, p.blue {color:#003475;}
a.blue:hover {color:#3b93ff;}
.grey {color: #444;}
a.grey:hover {color:#666;}

.strong {
    color: #444;
    font-weight: 600;
    font-size: 1.3em;
    margin: 0 0 15px;}
	
.small {font-size: 0.8em;}
  
.right {float: right; }
  
::selection {
 background: #007d58;
 color: white;}

::-moz-selection {
 background: #007d58;
 color: white;}


/* #Menu
================================================== */

/* #TopMenu
--------------------------------------------------------- */

.menu_top li {
  float: left;
  display: inline;
  cursor: pointer;
}

.menu_top ul li {
  clear: both;
  float: left;
  margin: 0;
  line-height: 32px;}

.menu_top ul.nav-child {
  position: absolute;
  visibility: hidden;
  padding: 12px 0px;}

.menu_top li:hover ul.nav-child {
  visibility: visible;  }  
 
.menu_top a, .menu_top span {
  color: rgba(255,255,255,0.75);
  font: 400 18px 'Titillium Web', sans-serif;
  border: 2px solid rgba(255,255,255,0.0);
  padding: 9px 10px;
  list-style: none;
  text-decoration: none;
  text-transform: uppercase;
}

.menu_top li:hover ul.nav-child a {
  color: rgba(255,255,255,0.75);
  font: 400 18px 'Titillium Web', sans-serif;
  border: 2px solid rgba(255,255,255,0.75);
  border-radius: 4px;
  list-style: none;
  text-decoration: none;
  margin: 3px 0;
  text-shadow: none;
  padding: 2.5px 20px;
  text-transform: uppercase;}

.menu_top a.blog {
  background-color: #444;
  color: #ffffff;
  padding: 10px 12px;
}

.menu_top li:hover ul.nav-child a:hover{
  background-color: rgba(255,255,255,0.3);
  color: rgba(255,255,255,1.0);
  border: 2px solid rgba(255,255,255,1.0);}

.menu_top li:hover a, .menu_top li:hover span, .menu_top .active span {
  color: rgba(255,255,255,1.0);
  border: 2px solid rgba(255,255,255,1.0);
  border-radius: 4px;}
  
  .menu_top .active > a{
  color: #fff;}

.menu_top ul li ul.deeper, .menu_top li:hover ul.nav-child a:hover {
  color: rgba(255,255,255,1.0);}

.menu_top span.nav-header:hover {
  background-color: #fff;
  padding: 19px 12px;
  color: #333}

.menu_top span{
  cursor:default;} 

.nav menu > li {
  padding: 9px 0;}
  
ul.nav-child > li, ul.nav-child > li > a{
 display:block;
 width: 100%;}
  
/* #Links
================================================== */

/* #Lists
================================================== */
  
li.icon:first-child {
  margin: 20px 0 0 0;}
  
li.icon {
  padding: 5px;} 
   
li.icon:last-child {
  margin: 0 0 20px 0;}
 
ul.liste li:before {content: "\25BA"; color: #129d74; padding-right: 10px;}

ul.normal {
  list-style: inherit;
  list-style-position: outside;
  padding-left: 20px;}

ul.normal li {
  list-style: inherit;
  color: #222; }
 

/* #Images
================================================== */
img.fullsize {
  width: 100%;
  float: left;
  margin: 0 10px;}

#logo.fixed-logo > a > img {
  width: 200px;
  margin: 0px 40px 0 40px;}

img {
  max-width: 100%;
  margin: 10px 0;}

img.bildlinks {
  max-width: 100%;
  float: left;
  margin: 10px 20px 10px 0px;}

img {
  max-width: 100%;
  height: auto;
  margin: 10px 0px;}
  
.beitragsbild > img, img.beitragsbild  {
  float: right;
  margin: 0 20px 20px 20px;
  width: 320px;}

/* Buttons
--------------------------------------------------------- */
a.buttoncorn, p.readmore a, a.buttoncornwhite, .previous > a, .next > a  { 
	padding: 10px 3px 10px 20px;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 15px;
	display: inline-flex;
	margin: 20px 20px 0 0;}
	
.previous > a, .next > a  { 
	float: left;}
	
a.buttoncorn:hover, p.readmore a:hover, a.buttoncornwhite:hover, .previous > a:hover, .next > a:hover   {
	transition: all .25s;}

a.buttoncorn:hover:after, p.readmore a:hover:after, .buttoncornwhite:hover:after, .previous > a:hover:after, .next > a:hover:after   {
	opacity: 1;
	padding: 0 10px;
	visibility: visible;
	transition: all .5s;
	-webkit-transition: -webkit-transform .5s all;
    -moz-transition: -moz-transform .5s all;
    -ms-transition: -ms-transform .5s all;
    -o-transition: -o-transform .5s all;	}
			
.buttoncorn:after, p.readmore > .btn:after, .buttoncornwhite:after, .previous > a:after, .next > a:after  {
	content: '\e901';
	font-family: 'icomoon';
	display: inline-block;
	transition: all .25s;
	opacity: 0;
	text-transform: none;
	vertical-align: bottom;
	visibility: hidden;}
	
.tp-caption.lfr.tp-resizeme.start {
    white-space: nowrap !important;}
	
.icon:before, .icon-chevron-right:after, .icon-chevron-left:before, div.white > ul.nav > li > a:before	{
	font-family: 'icomoon';
	padding-right: 10px;
	text-transform: none;
	vertical-align: bottom;}
	
a.buttoncorn, p.readmore a, a.buttoncornwhite, .previous > a, .next > a  { 
	color: #fff;
	background-color: #003475;}
	
.buttoncornwhite:hover  {
	background-color: #fff;
	color: #333;}
	
a.buttoncorn:hover, p.readmore a:hover, .previous > a:hover, .next > a:hover  {
	background-color: #3b93ff;}
	
a.buttoncornwhite { 
	color: #fff;
	background-color: rgba(255,255,255,0.5);}

a.cz:before {
   content: ' ';
	background: url(../images/flag_cz.png) no-repeat scroll 0px 1px;
	padding-right: 45px;}	
	
a.de:before {
   content: ' ';
	background: url(../images/flag_de.png) no-repeat scroll 0px 1px;
	padding-right: 45px;}	
  
/* Forms, Tables & Tabs
================================================== */
tr:nth-child(even) {
  background: #f2f2f2; }

td{
  padding: 7px 20px;}
  
th {
  background-color: #aaa;
  color: #fff;
  padding-left: 10px;}
  
table.hotelpension{
box-shadow: 0px 0px 5px #ddd;
background: #fff;
padding: 30px;
margin: 0 4% 40px 0;
width: 48%;
float: left;}

table.hotelpension:nth-child(odd){
margin: 0 0 40px 0;}

table.hotelpension img{
width: 100%;}
	
a.partner {
    width: 200px;
    height: 100px;
    float: left;
    display: block;
    margin: 0px 30px 30px 0;
    background: #fff;
    padding: 5px;}

a.partner:last-child {
    display: inline-block;
	float: none;}

   
/* #Positions
================================================== */
.maxcol { width:100%; }

.leftcols1 { width:1200px; }
.leftcols2 { width:900px; }
.leftcols1, .leftcols2 {margin: 0 0 0 0; float: left; }

.cols2 {
	width: 300px; 
	float: left; 
	margin: -100px 0 0 0;}
	
.cols2 > .moduletable {
	background: url(../images/bg_col2.jpg) repeat scroll 0px 0px #fdfdfd;
	padding: 40px;
	margin: 0 0 50px 0;}	
	
.cols2 > .moduletable:nth-child(even) {
	background: #5da4e9;}	
	
#bo1_col1 > .moduletable > h3, .cols2 > .moduletable > h3, .cols2 > .moduletable > div > p, .cols2 > .moduletable > div > span, .cols2 .strong {
	color: #fff;}	
	
.botmargin {margin: 0 0 50px 0;}

#all {
  width: 100%;
  background-color: #fdfdfd; }

#topbox, #banner, #between1box, #body, #newsbox, #bottom1box, #bottom2box, #footerbox, #footer2box {
  position: relative;
  left: 50%;
  margin-left: -600px;
  width: 1200px;
  height: auto;
  z-index: 50; }

#head, #between1, #main, #news, #bottom1, #bottom2, #footer, #footer2 {
  width: 100%;
  clear: both;
  float: left; }
 
#main {
  padding: 0 0 30px 0;
  background: url(../images/bg_content.png) repeat scroll 0px 0px #fdfdfd;}

#left {
  background: #fff;}
  
.startseite > #top {
  position:fixed;
  background-color: transparent; }
  
#top {
  width: 100%;
  z-index:100;
  height: 105px;
  position:relative;
  background-color: #051932;
  border-bottom: 2px solid rgba(255, 255, 255,0.2);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;  }
  
#top.fixed-top {
position: fixed;
background: #051932;
opacity: 0.9;
height: 65px;
border-bottom: 2px solid rgba(255,255,255,0.2);}

#logo {
  float: left;
  display: block;
  top: 10px;
  z-index: 100;
  width: 320px;
  position: absolute; }

#logo.fixed-logo {
  position: relative;
  left: 0; }

#nav {
  left: 360px;
  top: 40px;
  position: absolute;
  z-index: 1; }

#nav.fixed-nav {
  top: 18px;
  left: 360px;}

#nav_mobile {display: none;}
   
#banner {
  position: relative;}
  
#footer {  
  background: #f2f2f2;
  padding: 40px 0;}
  
#fo1_col1.colstwof > .moduletable {
    float: left;
    width: 44%;
	margin: 0 10% 20px 0; }

#fo1_col1.colstwof > .moduletable:last-child {
    width: 44%;
	margin: 0 0 20px 0; }
#fo1_col1.colstwof > .moduletable > h3{border-bottom: 1px dotted #ddd;
margin: 0 0 20px 0; }
	
.fo2_col table {float: left;}

.fo2_col table:last-child > tbody > tr > td {text-align: right;}

#between1box, #bottom1box, #bottom2box{padding: 80px 0;  }
  
#newsbox {
  padding: 20px 0 40px 0;  }
  
#bottom1 {
    background: url(../images/bg_col2.jpg) repeat scroll 0px 0px #fdfdfd;}

#bottom2, #between1, #news {
  background: url(../images/bg_content.png) repeat scroll 0px 0px #fdfdfd; }

#backtotop {
   position: absolute;
   top: 100%;
   margin: -67px 0 0 840px;
   clear: both; }

.items-row {
  padding: 20px 0;
  border-bottom: 1px dotted #ccc;}

.items-row:first-child {
  background:none; }

.nurmobil {display: none;}
  
  
  /* #Between
--------------------------------------------------------- */  


  /* #Google Map
--------------------------------------------------------- */
.mapprint {
  visibility: hidden;
  position: absolute;}


  /* #Blog-Layout
--------------------------------------------------------- */
.nspArt h4.nspHeader a {
    text-decoration: none;
    font-size: 21px;
    font-family: 'Titillium Web', sans-serif;
    color: #072e5f;}
	
.nspArt .fright {
    margin: 20px 0 0 0;}
	
.nspImageWrapper{
    border-top: 3px solid #DDDDDD;
	padding-top: 10px;}
	
.published {
    display: none;}
	
.nspImageWrapper {
    height: 240px;
    overflow: hidden;}

#left {
  background-color: #fff;
  margin: 50px 0;
  padding: 60px;
  display: inline-block;
  height: auto;
  border: 1px solid #eee;}
  
.startseite > #main > #body > #left {
  margin: -100px 0 50px 0; }

.item-page > p > img {
    float: left;
    padding: 0 30px 0 5px;}

.droppicsgallerydefault{  
display: inline-block;}

.droppicsgallerydefault .img:hover{
box-shadow: 0px 0px 3px 3px #ddd !important;
-moz-box-shadow: 0px 0px 3px 3px #ddd !important;
-webkit-box-shadow: 0px 0px 3px 3px #ddd !important;
border: 2px solid #fff;}

.droppicsgallerydefault .img:hover{
border: 2px solid #fff !important;}

.droppicsgallerydefault {
    display: inline-block !important;}

 /* #Page Navigation
--------------------------------------------------------- */
div.pagination a {
  color:#484848;
  font: 400 .8em 'Titillium Web', sans-serif;
  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
      -ms-box-sizing:border-box;
          box-sizing:border-box; }

div.pagination ul {
  width:100%;
  text-align:center;
  margin:21px 0 35px; }

div.pagination li {
  display:inline;
  margin:0 5px; }

div.pagination li a {
  display:inline-block;
  line-height:35px;
  width:35px;
  height:35px;
  text-align:center;
  text-decoration:none;
  border-bottom:3px solid #ccc;
  font-weight: 700;
  padding:0 7px; }

div.pagination li a:hover, div.pagination li a.selected {
  background:url(../images/bg_dark.jpg) repeat scroll 0 0 transparent;
  border:none;
  color:#fff; }

  /* #Back-to-Topic
--------------------------------------------------------- */

#gototop {
  position:fixed;
  bottom:0px;
  right:5%;
  display:none;
  background: url(../images/backtotopic_roll.png) 18px 18px no-repeat;
  background-color:#003475;
  border-radius: 10px 10px 0px 0px;
  border-top: 10px solid #3b93ff;
  border-left: none;
  border-right: none;
  border-bottom: none;
  height: 84px;
  width: 84px;
  margin: 0;
  z-index: 1100;
}

#gototop:hover{
 background: url(../images/backtotopic_roll.png) 18px 8px no-repeat #3b93ff; }
 
 
  /* #Scroller
--------------------------------------------------------- */

.startseite > #head > #banner > #scroller {
	position:absolute;
    display: block;
    background-image: url(../images/scroller.png);
    background-size: 100%;
	left:10%;
    bottom: 150px;
    z-index: 1000;
    width: 50px;
    height: 42px;
    animation: scrollit 2.5s infinite;
    -moz-animation: scrollit 2.5s infinite;
    -webkit-animation: scrollit 2.5s infinite;
    -o-animation: scrollit 2.5s infinite;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -o-animation-timing-function: ease;
}

@keyframes scrollit
{
0%   {margin-bottom: 0px; opacity:1}
50%  {margin-bottom: -20px; opacity:0}
100% {margin-bottom: 0px; opacity:1}
}

@-webkit-keyframes scrollit
{
0%   {margin-bottom: 0px; -webkit-opacity:1}
50%  {margin-bottom: -20px; -webkit-opacity:0}
100% {margin-bottom: 0px; -webkit-opacity:1}
}

@-moz-keyframes scrollit
{
0%   {margin-bottom: 0px; -moz-opacity:1}
50%  {margin-bottom: -20px; -moz-opacity:0}
100% {margin-bottom: 0px; -moz-opacity:1}
}

@-o-keyframes scrollit
{
0%   {margin-bottom: 0px; -o-opacity:1}
50%  {margin-bottom: -20px; -o-opacity:0}
100% {margin-bottom: 0px; -o-opacity:1}
}


   /* #Transition
--------------------------------------------------------- */ 
:hover, a:hover, .readmore a:hover, .menu_top a:hover, .menu_top span.nav-header:hover, #bottom2, tr:hover, div.pagination li a:hover, div.pagination, .pull-left.item-image img, .button:hover, div#fox-container-m97 .fox-form input[type="text"]:hover, div#fox-container-m97 .fox-form input[type="email"]:hover, div#fox-container-m97 .fox-form textarea:hover, div#fox-container-m97 .fox-form input[type="text"]:focus, div#fox-container-m97 .fox-form input[type="email"]:focus, div#fox-container-m97 .fox-form textarea:focus, .menudrop, .dropdown, .sbutton a:hover, .mbutton a:hover, .menu_top li:hover ul.nav-child a:hover, .menu_top li:hover a, .menu_top span.nav-header:hover, li.downloads a:hover:before, div.footset > ul.nav > li > a:hover:before, #gototop:hover, .btnsmall, #top.fixed-top, .button-info:hover:after, .icon.check:before, a.buttoncorn:hover:after, p.readmore a:hover:after, .buttoncornwhite:hover:after, div#fox-container-m97 .btn:hover, .droppicsgallerydefault .img:hover  {
  -webkit-transition: all 400ms ease;
     -moz-transition: all 400ms ease;
      -ms-transition: all 400ms ease;
       -o-transition: all 400ms ease;
          transition: all 400ms ease; }


  /* #Zeile Details und Tooltip ausblenden
--------------------------------------------------------- */
dt.article-info-term {display: none;}
.tooltip {display: none;
visibility: hidden;}


  /* #Fox Contact
--------------------------------------------------------- */
div#fox-container-m97{ 
  padding: 0 5px; 
  font-family: 'Titillium Web', sans-serif;
  font-size: 18px;
  line-height: 1.75; } 

div#fox-container-m97 .controls, div#fox-container-m97 .fox-form-inline .control-group label.checkbox {
  color: #000000;}

div#fox-container-m97 .fox-form input[type="text"], div#fox-container-m97 .fox-form textarea, div#fox-container-m97 .fox-form-inline .control-group label.checkbox{  
  font-family: 'Titillium Web', sans-serif;
  font-size: 18px;
  line-height: 1.75;
  padding-left: 10px;}

div#fox-container-m97 .fox-form input[type="text"]:hover, div#fox-container-m97 .fox-form input[type="email"]:hover, div#fox-container-m97 .fox-form textarea:hover, div#fox-container-m97 .fox-form input[type="text"]:focus, div#fox-container-m97 .fox-form input[type="email"]:focus, div#fox-container-m97 .fox-form textarea:focus{
  background-color: #f6faff;} 

div#fox-container-m97 input[type="text"] {
  height: 50px;}
  
div#fox-container-m97 textarea:focus, div#fox-container-m97 input[type="text"]:focus, div#fox-container-m97 input[type="email"]:focus, div#fox-container-m97 input[type="password"]:focus
{	border-color: #003475 !important;
	outline: 0 !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(45, 138, 255, 0.6) !important;}

img.fox-item-captcha-img-reload{
	margin: 0px;}
	
div#fox-container-m97 .btn{
border-radius: 100px;
background-image: none;
background-color: #003475;
text-shadow: none;
border: none;}

div#fox-container-m97 .btn:hover{
background-color: #3b93ff; }

div#fox-container-m97 .btn span{
color: #fff !important;}

	
  /* #Iconmoon
--------------------------------------------------------- */
@font-face {font-family: 'icomoon';
    src:    url('../fonts/icomoon.eot?3gprha');
    src:    url('../fonts/icomoon.eot?3gprha#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?3gprha') format('truetype'),
        url('../fonts/icomoon.woff?3gprha') format('woff'),
        url('../fonts/icomoon.svg?3gprha#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;}

.icon.check:before, .iconarrow a:before {/* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
	padding: 0 15px 0 0;
	font-size: 0.9em;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}

.icon.triangle-down:before {content: "\e902";}
.icon.circle-right:before, .iconarrow a:before {content: "\e901";}
.icon.check-circle:before {content: "\f058";}
.icon.list-ol:before {content: "\f0cb";}
.icon.search:before {content: "\f002";}
.icon.check:before {content: "\f00c";}
.icon.arrow-circle-o-down:before {content: "\f01a";}
.icon.folder-open:before {content: "\f07c";}
.icon.phone:before {content: "\f095";}
.icon.envelope:before {content: "\f0e0";}
.icon.thumb_up:before {content: "\e900";}
.icon.place:before {content: "\e600";}



  /* #Heart boom
--------------------------------------------------------- */

.boom {
	-webkit-animation: boom_animation 1s ease infinite;
	-moz-animation: boom_animation 1s ease infinite;
	-ms-animation: boom_animation 1s ease infinite;
	animation: boom_animation 1s ease infinite;
	margin: 10px 0 0;
}

@keyframes "boom_animation" {
 0% {
    -webkit-transform: scale(1.3);
   	-moz-transform: scale(1.3);
   	-o-transform: scale(1.3);
   	-ms-transform: scale(1.3);
   	transform: scale(1.3);
 }
 50% {
    -webkit-transform: scale(0.9);
   	-moz-transform: scale(0.9);
   	-o-transform: scale(0.9);
   	-ms-transform: scale(0.9);
   	transform: scale(0.9);
 }
 100% {
    -webkit-transform: scale(1);
   	-moz-transform: scale(1);
   	-o-transform: scale(1);
   	-ms-transform: scale(1);
   	transform: scale(1); }}

@-moz-keyframes boom_animation {
 0% {	-moz-transform: scale(1.3);
   		transform: scale(1.3); }
 50% {	-moz-transform: scale(0.9);
   		transform: scale(0.9); }
 100% {   -moz-transform: scale(1);
   		transform: scale(1); }}

@-webkit-keyframes "boom_animation" {
 0% {	-webkit-transform: scale(1.3);
   		transform: scale(1.3); }
 50% {	-webkit-transform: scale(0.9);
   		transform: scale(0.9); }
 100% {   -webkit-transform: scale(1);
   		transform: scale(1); }}

@-ms-keyframes "boom_animation" {
 0% {   -ms-transform: scale(1.3);
   transform: scale(1.3); }
 50% {   -ms-transform: scale(0.9);
   transform: scale(0.9); }
 100% {-ms-transform: scale(1);
   transform: scale(1); }}
 
  /* 
--------------------------------------------------------- */
  
* { 
  -webkit-box-sizing: border-box; 
     -moz-box-sizing: border-box; 
      -ms-box-sizing: border-box; 
       -o-box-sizing: border-box; 
          box-sizing: border-box; }