
/* codystar-regular - latin */
@font-face {
  font-family: 'Codystar';
  font-style: normal;
  font-weight: 400;
  src: url('../../webfonts/codystar/codystar-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Codystar'),
       url('../../webfonts/codystar/codystar-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../webfonts/codystar/codystar-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../webfonts/codystar/codystar-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../webfonts/codystar/codystar-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../webfonts/codystar/codystar-v5-latin-regular.svg#Codystar') format('svg'); /* Legacy iOS */
}

/* quicksand-regular - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('../../webfonts/quicksand/quicksand-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Quicksand Regular'), local('Quicksand-Regular'),
       url('../../webfonts/quicksand/quicksand-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../webfonts/quicksand/quicksand-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../webfonts/quicksand/quicksand-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../webfonts/quicksand/quicksand-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../webfonts/quicksand/quicksand-v7-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
}

/* quicksand-700 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: url('../../webfonts/quicksand/quicksand-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Quicksand Bold'), local('Quicksand-Bold'),
       url('../../webfonts/quicksand/quicksand-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../webfonts/quicksand/quicksand-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../webfonts/quicksand/quicksand-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../webfonts/quicksand/quicksand-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../webfonts/quicksand/quicksand-v7-latin-700.svg#Quicksand') format('svg'); /* Legacy iOS */
}



/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../../webfonts/source-sans-pro/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../../webfonts/source-sans-pro/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../webfonts/source-sans-pro/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../webfonts/source-sans-pro/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../webfonts/source-sans-pro/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../webfonts/source-sans-pro/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('../../webfonts/source-sans-pro/source-sans-pro-v11-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),
       url('../../webfonts/source-sans-pro/source-sans-pro-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../webfonts/source-sans-pro/source-sans-pro-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../webfonts/source-sans-pro/source-sans-pro-v11-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../../webfonts/source-sans-pro/source-sans-pro-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../webfonts/source-sans-pro/source-sans-pro-v11-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../../webfonts/source-sans-pro/source-sans-pro-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
       url('../../webfonts/source-sans-pro/source-sans-pro-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../webfonts/source-sans-pro/source-sans-pro-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../webfonts/source-sans-pro/source-sans-pro-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../webfonts/source-sans-pro/source-sans-pro-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../webfonts/source-sans-pro/source-sans-pro-v11-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: url('../../webfonts/source-sans-pro/source-sans-pro-v11-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'),
       url('../../webfonts/source-sans-pro/source-sans-pro-v11-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../webfonts/source-sans-pro/source-sans-pro-v11-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../webfonts/source-sans-pro/source-sans-pro-v11-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../../webfonts/source-sans-pro/source-sans-pro-v11-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../webfonts/source-sans-pro/source-sans-pro-v11-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}



body{background-color: silver;
/*font-family: 'Source Sans Pro', sans-serif;*/
font-family: 'Quicksand', sans-serif;

 background-image: url(../../images/design/bg.jpg);
    background-position: center top ;
    background-repeat:repeat;
    background-attachment: fixed;
    background-size:1920px 1280px;

}

form { margin:0px;}

#test_layout {

    display:none;
    z-index: 1000;          
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border:0px solid black;
    background-image: url(../../images/designcheck/check01.png);
    background-position: center 0px ;
    background-repeat: repeat-y;
    background-attachment: fixed;



    filter:alpha(opacity=0.5);-moz-opacity:0.5;opacity:0.5;

}


#divContentColumn ul {list-style: url(../../images/design/square_10x10_mediumsmall_red.gif);}
#divContentColumn ul.accordion .content li{    list-style: url(../../images/design/square_10x10_mediumsmall_red.gif);}

#divContentColumn ul:not(.accordion) li { margin-bottom:6px;}


.button {background: #811620; border: 1px solid #d2001d; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ }
.button:hover, .button:focus { color: white; background-color: #d2001d; }

td, th, div {line-height: 1.3; font-size:16px;}

b, strong { font-weight:600;}

hr {margin-top:14px;margin-bottom:14px; border-color:#811620;}


/*small { line-height: 1.1 !important; }*/

h1,h2,h3,h4{
	font-family: 'Source Sans Pro', sans-serif;
    font-family: 'Quicksand', sans-serif;
}

h1{
	font-size: 32px;
	margin-bottom: 0.55em;
}
h2{
	font-size: 24px;
}
a{
	color: #621d00;
    font-weight:bold;
    font-size:16px;
}
a:hover{
	color: #000;
	
}
p{
	margin-bottom: 6px;
	line-height:1.3;
    
}


.imageborder div a img { 

    -moz-box-shadow: 0 0 10px 0px  #444;
	-webkit-box-shadow: 0 0 10px 0px  #444;
	box-shadow: 0 0 10px 0px  #444;
}

.lt-ie9 .imageborder div { 

    border:1px solid #dde2eb;
}


.bilderrahmen {
    margin-left:-10px;
    margin-top:60px;
    margin-bottom:40px;
    margin-right:15px;
}

.bilderrahmen div a img {

   display:inline-block;
   
   border:15px solid white !important;

   

   -moz-box-shadow: 3px 3px 10px 0px  #444;
	-webkit-box-shadow: 3px 3px 10px 0px  #444;
	box-shadow: -3px 3px 10px 0px  #444;

    -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);

   
}


.divCmsBox {
    border:0px solid #40a5a0;
    background-color:#fff;
    padding-left:15px;
    padding-top:12px;
    padding-right:15px;
    padding-bottom:5px;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; 

    -moz-box-shadow: 3px 3px 10px 0px  #444;
	-webkit-box-shadow: 3px 3px 10px 0px  #444;
	box-shadow: -3px 3px 10px 0px  #444;
}


/*.zweispaltigls-left { 
   
   padding-right:10px;
}

.zweispaltigls-right { 
   padding-left:10px;
   padding-right:15px;
}

.dreispaltig-links { 
   
}

.dreispaltig-mitte { 
   padding-left:10px;
   padding-right:10px;
}
.dreispaltig-rechts { 
   padding-left:5px;
   padding-right:15px;
}*/



#divOuter{
	background-color: #fff;/*#fedbb3;;*/
	padding-bottom: 15px;
	padding-top: 0px;
	margin-top: 15px;
	margin-bottom: 10px;
	
	-moz-box-shadow: 0 0 15px 0px  #444;
	-webkit-box-shadow: 0 0 15px 0px  #444;
	box-shadow: 0 0 15px 0px  #444;
	
	border: 0px solid #621d00;
	/* -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; 
	*/ 
	 overflow: hidden;
	 
	 
	 position: relative;
	 
}

#divInner
{
	padding: 10px;
    min-height:300px;
}
.contain-to-grid{
	-moz-box-shadow: 0 0 15px 0px  #621d00;
	-webkit-box-shadow: 0 0 15px 0px  #621d00;
	box-shadow: 0 0 5px 1px  #621d00;
	
	/*z-index: 50;
	margin-left: -15px;
	width: 110%;*/
	
}



#divTop{
	cursor: pointer;
	position: relative;
	margin-left: -15px;
	margin-right: -15px;
	/*top: -50px;
	left: 0px;
	width: 100%;*/
	padding-bottom: 10px;
	margin-bottom: 10px;
	background-color: #eeeceb;/*#621d00;*/
	color: black;
	padding-top: 10px;
	text-align:center;
	z-index: 10;
	

font-family: 'Codystar', cursive;


font-size: 30px;
font-size: 40px;
	font-weight:  400;
	line-height: 1.2;
	
}

h1,h2,p{
	position: relative;
	z-index: 2;
}
h1,h2{
	line-height:1.0
}
#divHeading
{
	/*font-family: 'Rock Salt', cursive;*/
		color: white;
	font-size: 120px;
		font-weight:  400;
		line-height: 1.1;
		
		position: absolute;
		display: inline-block;
		left: 30px;
		top: -65px;
		width: 5000px;
		z-index: 1;
		
				
		/*color: transparent;*/
		text-shadow: 1px 0px 1px #621d00;
		
		
}

.image_subline
{
	text-align:center;font-size: 13px;line-height: 1.2;margin-top: 8px;
	margin-bottom: 16px;
}




/*table {
  background: none;
  margin-bottom: 0px;
  border: solid 0px #dddddd;
  table-layout: fixed;
  width: auto !important; }
  table caption {
    background: transparent;
    color: #222222;
    font-size: 1rem;
    font-weight: bold; }
  table thead {
    background: whitesmoke; }
    table thead tr th,
    table thead tr td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-size: 0.875rem;
      font-weight: bold;
      color: #222222; }
  table tfoot {
    background: whitesmoke; }
    table tfoot tr th,
    table tfoot tr td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-size: 0.875rem;
      font-weight: bold;
      color: #222222; }
  table tr th,
  table tr td {
    padding: 0 0 0 0;
    font-size: initial;
    color: none;
    text-align: left; }
  table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: none; }
  table thead tr th,
  table tfoot tr th,
  table tfoot tr td,
  table tbody tr th,
  table tbody tr td,
  table tr td {
    display: table-cell;
    line-height:  initial; }*/



.gaestebuchitem { 

     border:0px solid #40a5a0;
    background-color:#fcfcfc;
    /*padding-left:15px;
    padding-top:12px;
    padding-right:15px;
    padding-bottom:5px;*/
    margin-bottom:25px;

    -webkit-border-radius: 10px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 10px; 

    -moz-box-shadow: 1px 1px 3px 0px  #444;
	-webkit-box-shadow: 1px 1px 3px 0px  #444;
	box-shadow: 1px 1px 3px 0px  #444;

    overflow:hidden;
}
.gaestebuchtitle { 
    background-color:#811620;
    padding: 6px 10px 6px 10px;
    color:white;
}
.gaestebuchcontent { 
    
    padding: 6px 10px 6px 10px;
    
}



.whitebox { 

    background-color:white;
    border:0px solid black;
    display:inline-block;
    width:auto;
    margin-left:auto;
    margin-right:auto;
    text-align:center;

    -moz-box-shadow:  1px 1px 7px 0px  #444;
	-webkit-box-shadow:  1px 1px 7px 0px  #444;
	box-shadow: 1px 1px 7px 0px  #444;
}

.whitebox img { padding:20px !important;margin-bottom:0px !important;border:0px solid black !important;display:inline-block !important;}




/* 
    Mister 2000 Gedächtnis-Spiel

http://dimox.net/cross-browser-css3-box-shadow/ 
inset? && [ <X-Verschiebung> <Y-Verschiebung> <Unschärfe-Radius>? <Ausbreitungsradius>? <Farbe>? ]
https://developer.mozilla.org/de/CSS/box-shadow
*/
.box {
  
	border:7px solid white;
  
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	/*border-radius: 10px;

	*/
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	/*box-shadow: 0px 0px 20px #555555;
		z-index: 2;

    behavior: url(styles/ie-css3.htc); 
*/

}




/* small displays */
@media only screen {
 
 	#divOuter{
 		margin-top: 0px;
 		margin-bottom: 0px; 		 
 	}
 
  }
  
/* medium displays */
@media only screen and (min-width: 40.063em) {

	#divOuter{
		margin-top: 15px;
		margin-bottom: 10px; 		 
	}

}

/* large displays */
@media only screen and (min-width: 64.063em) {

}

/* xlarge displays */
@media only screen and (min-width: 90.063em) {

}

/* xxlarge displays */
@media only screen and (min-width: 120.063em) {

}


@media only screen and (orientation: landscape) {

 }

@media only screen and (orientation: portrait) {

 }

/* Print visibility */
@media print {

    
	  #divTopElements { display:none; }
      #divNaviElements { display:none; }
      #divBottomElements { display:none; }

	  #body{ background-image:none;}


}
