@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; }

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;
}

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.2em; 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-left:-10px;
}
.p-xtra2{
	padding:10px 10px 10px 0;
	margin-right:0;
	text-align:center;
}

.p-xtra3{
	padding:10px;
	margin-right:-10px;
	text-align:right;

}

.uc{ color:#999; font-size:0.8em; text-align:right; }


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

h2{
	font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
  	font-size: 1em;
  	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;
}

.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: 80px 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; }

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

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

/* content - text block columns */
.content2Column{ width: 20%; margin-top: 20px; float: left; }
.content2Column2{ width: 30%; margin-top: 20px; float: left; }
.content2Column.gap{ padding-right: 3%; }
.content2Column.gap2{ padding-right: 3%; }
.content2Column.gap3{ padding-right: 3%;}
.content2Column2.gap4{ padding-right: 0; float:right;}

/*

	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; margin: 80px auto; }	

}




/*

	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; margin: 40px auto; }
#banner{ padding-top:15px; }
		
}

/*

	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%; margin: 0px auto; }

#logo{ margin-left:5%;  position:relative; z-index:2;}
h1{ font-size:1.2 !important; }
h2{ width:100% !important; }

#content{ width: 90%; margin: 20px auto 0px auto; }

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

/* content - text block columns */
.content2Column, .content2Column2{ width: 100%; margin-top: -8px; margin-left:-8px; float: none; }
.content2Column.gap{ padding-right: 0px; padding-top:0; }
.content2Column.gap2{ padding-left: 0px; padding-top:0; }
.content2Column.gap3{ padding-right: 0px; padding-top:0; }
.content2Column2.gap4{ padding-right: 0; padding-top:0; margin:-8px 0 0 0; margin-left:-8px; float:none; }


.p-xtra{
		margin-left:-2px !important;
}

.p-xtra2{
	padding:10px;
	margin-right:17px;
	text-align:left;

}
.p-xtra3{
	padding:10px;
	margin-right:17px;
	text-align:left;
}

}