@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,300italic,regular,italic,500,500italic,bold,bolditalic&v1);
@import url(http://fonts.googleapis.com/css?family=Playfair+Display:regular&v1);

/* font-style */
body{ font-family:Arial, Helvetica, sans-serif; font-size:0.9em;  -webkit-font-smoothing: antialiased; }

#content a, .navItem a{
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#333;
	display:block;
	padding:10px;
	letter-spacing:0.08em;
	-webkit-tap-highlight-color: rgba(0,0,0,0); /* touch overlay entfernen */
}

a.img-link{
	padding:0 !important;
}

#logo a{
	padding:0 !important;
	text-decoration:none;
}


h1{
	font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
  	font-size: 2em;
  	font-style: normal;
  	font-weight: 400;
  	text-shadow: none;
  	text-decoration: none;
  	text-transform: none;
  	letter-spacing: 0em;
  	word-spacing: 0em;
  	line-height: 1.2;
	color:#333;
	/*-webkit-font-smoothing: antialiased; */
}
.logo{ font-size: 1.5em; font-weight:bold; }
.orange{ color:#FF6600; }
b, strong{ font-weight:bold; }

em{
	font-family: 'Playfair Display', serif;
  	font-size: 22px;
  	font-style: normal;
  	font-weight: 400;
  	text-shadow: none;
  	text-decoration: none;
  	text-transform: none;
  	letter-spacing: 0em;
  	word-spacing: 0em;
  	line-height: 1.2;
	color:#333;
	display:block;
	padding:5px 5px 8px 10px;
	font-style:italic;
	/* -webkit-font-smoothing: antialiased; */
}
em:before{
	content:'"';
}
em:after{
	content:'"';
}

.p-xtra{
	padding:10px;
	margin-right:15px;
}

.icon{
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 0.8em;
	font-weight:100;
}

h2{
	font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
  	font-size: 1.6em;
  	font-style: normal;
  	font-weight: bold;
  	text-shadow: none;
  	text-decoration: none;
  	text-transform: none;
  	letter-spacing: 0em;
  	word-spacing: 0em;
  	line-height: 1em;
	color:#333;
	padding:4px 0 0 2px;
	display:block;
	margin:0 0 0 -2px;
	-webkit-font-smoothing: antialiased;
}

h3{
	font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
  	font-size: 1.2em;
  	font-style: normal;
  	font-weight: bold;
  	text-shadow: none;
  	text-decoration: none;
  	text-transform: none;
  	letter-spacing: 0em;
  	word-spacing: 0em;
  	line-height: 1em;
	color:#333;
	padding:4px 0 0 2px;
	display:block;
	margin:0 0 0 -2px;
	-webkit-font-smoothing: antialiased;
}

p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#666;
	letter-spacing:0.03em;
	-webkit-font-smoothing: antialiased;
	margin:5px 0 0 0;
}

.clearBoth{ clear: both; }



/*

	Standard layout (screen resolutions above 1200px wide)
	____________________________________________________________________________________________________________________________________________________________________
	
*/


body{ margin: 0px; padding: 0px; background-image:url(../images/background.jpg); }
#wrapper{ width: 1200px; margin: 0px auto; }

#logo{ float: left; margin: 20px 0; position:relative; z-index:2; }
#light{ background-image:url(../images/light.png); background-repeat:no-repeat; width:100%; position:relative; z-index:1; }

#header{
	width:1110px;
}

#content{ margin-top: 20px; clear: both; }

#banner{ clear: both; display:none;  }
#banner img{ width: 100%; border: solid 0px #333; }

/* content - text block columns */
.content2Column{ width: 45%; margin-top: 20px; float: left; }
.content2Column.gap{ padding-right: 5%; }

/*

	Screen resolutions below 1200px wide
	Suitable for tablets in landscape mode (i.e. iPad 1 & 2, Blackberry Playbook) and netbooks (i.e. HP Mini, Acer Aspire One)
	____________________________________________________________________________________________________________________________________________________________________
	
*/

@media only screen and (max-width: 1200px){
#wrapper{ width: 960px; }
#header{
	width:900px;
}


}




/*

	Screen resolutions below 960px wide
	Suitable for tablets in portrait mode (i.e. iPad 1 & 2, Blackberry Playbook, Motorola Xoom) and large res smartphones (i.e. Motorola Atrix in landscape mode)
	____________________________________________________________________________________________________________________________________________________________________
	
*/

@media only screen and (max-width: 960px){
#wrapper{ width: 728px; }
#header{
	width:695px;
}
		
}

/*

	Screen resolutions below 728px wide
	Suitable for mobile devices (i.e. iPhone, Motorola Atrix, Blackberry)
	____________________________________________________________________________________________________________________________________________________________________

*/

@media only screen and (max-width: 728px){	
#wrapper{ width: 100%; }

#header{
	width:100%;
}

#logo{ margin-left:5%;  position:relative; z-index:2; }
h1{ font-size:1.2em !important; }
#content{ width: 90%; margin: 20px auto 0px auto; }

#banner{ width: 100%; margin: 0px auto; }

/* content - text block columns */
.content2Column{ width: 100%; padding-top: 20px; float: none; }
.content2Column.gap{ padding-right: 0px; }

}