/* ***************************************************
 *
 * css for www.wohlklangundlaerm.de
 *
 * created: 2011-02-23 (GK)
 *
 *************************************************** */
 

html, body 
{	
	height: 90%;
	width: 100%;
	background-color: #C0C0C0; /*#D0D0D0*/
	margin: 0px;
	padding: 0px;
	font-family: Sansation, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	color: #C0C0C0;
	text-align: center; /* horizontal centering for IE Win quirks */
}

#container
{
	height:			100%;
	width: 			700px;
	margin-top: 	0px;
	margin-bottom: 	0px;
	margin-left: 	auto;
	margin-right: 	auto;
}

#head
{
	min-height: 15%;
	/*min-height: 250px;*/
	background-color: #000066; /*#C0C0C0*/
	text-align: center;
	border-top: 1px solid #000066;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-box-shadow: 5px 5px 5px  #606060, -5px 5px 5px  #606060;
	-moz-box-shadow: 5px 5px 5px #606060, -5px 5px 5px  #606060;
	-o-box-shadow: 5px 5px 5px #606060, -5px 5px 5px  #606060;
	-ms-box-shadow: 5px 5px 5px #606060, -5px 5px 5px  #606060;
	box-shadow: 5px 5px 5px #606060, -5px 5px 5px  #606060;
}

#space
{
	min-height: 3%;
	width: 700px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

#main
{	
	position: relative;
	bottom: 0px;
	min-height: 90%;
	height: auto !important;
	width: 700px;
	background-color: #000066; /*#C0C0C0*/
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	overflow: hidden !important;
	border-top: 1px solid #000066;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-box-shadow: 5px 5px 5px  #606060, -5px 5px 5px  #606060;
	-moz-box-shadow: 5px 5px 5px  #606060, -5px 5px 5px  #606060;
	-o-box-shadow: 5px 5px 5px  #606060, -5px 5px 5px  #606060;
	box-shadow: 5px 5px 5px  #606060, -5px 5px 5px  #606060;
}

#logo
{
	margin-top: 20px;
	margin-bottom: 5px;
	padding: 0px;
	font-size: 48px;
	font-weight: bold;
	text-align: center;
}

#seperator
{
	height: 1px;
	margin-right: 85px;
	margin-left: 85px;
	border-bottom: 1px solid #C0C0C0;
}

#nav
{
	margin-right: 85px;
	margin-left: 85px;
	padding: 0px;
	font-size: 18px;
	text-align: center;
}

ul
{
	padding: 0px;
}

#nav li
{
	list-style: none;
	margin-left: 20px;
	margin-right: 20px;
	display: inline-block;
}

li
{
	margin-right: 155px;
	margin-left: 155px;
	padding: 0px;
	line-height: 1.4em;
}

h1
{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	margin-right: 85px;
	margin-left: 85px;
	padding: 0px;
	line-height: 1.4em;
}

h2
{
	text-align: left;
	font-weight: bold;
	margin-right: 85px;
	margin-left: 85px;
	padding: 0px;
	line-height: 1.4em;
}

p
{
	text-align: left;
	font-weight: normal;
	margin-right: 125px;
	margin-left: 125px;
	padding: 0px;
	line-height: 1.4em;
}

img
{
	border:none
}


a:link 		{ text-decoration: none; font-weight: normal; color: #C0C0C0; border-bottom: 1px dotted; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: color 0.3s linear }
a:visited 	{ text-decoration: none; font-weight: normal; color: #C0C0C0; border-bottom: 1px dotted }
a:hover 	{ text-decoration: none; font-weight: normal; color: #FFFFFF; border-bottom: 1px solid }
a:active 	{ text-decoration: none; font-weight: normal; color: #FFFFFF; border-bottom: 1px solid }


@font-face {  
  font-family: 'Sansation';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/Sansation/Sansation_Regular-webfont.eot') format('eot');
  src: local('☺'),
       url('../fonts/Sansation/Sansation_Regular-webfont.woff') format('woff'),
       url('../fonts/Sansation/Sansation_Regular-webfont.ttf') format('truetype'),
       url('../fonts/Sansation/Sansation_Regular-webfont.svg#webfontS2K4V4Bt') format('svg');
}

@font-face {  
  font-family: 'Sansation';
  font-weight: bold;
  font-style: normal;
  src: url('../fonts/Sansation/Sansation_Bold-webfont.eot') format('eot');
  src: local('☺'),
       url('../fonts/Sansation/Sansation_Bold-webfont.woff') format('woff'),
       url('../fonts/Sansation/Sansation_Bold-webfont.ttf') format('truetype'),
       url('../fonts/Sansation/Sansation_Bold-webfont.svg#webfontatyWcKTw') format('svg');   
}