@charset "utf-8";

html,body {
	margin:0;
	padding:0;
	background-color: #333;
}
body  {
	font-family: 'Ubuntu', Verdana, Geneva, sans-serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
}

/* ~~ Element/tag selectors ~~ */
h1, h2, h3, h4, h5, h6, p, img, pre, blockquote, form, address, ul, ol, li, hr, br {
	margin: 0; /* neutralize browser spacing for vertical elements */
	padding: 0;
}

h1 {
	font-size: 2em;
	padding: 40px 0 10px 0;
	font-weight: 500;
	color: #b81141;
	letter-spacing: 0.1em;
	line-height: 1.3;
}
h2 {
	font-size: 1.7em;
	padding: 0 0 0 50px;
	font-weight: 500;
	color: #505050;
	letter-spacing: 0.1em;
}
h3 {
	font-size: 1.5em;
	padding: 0 0 0 50px;
	font-weight: 500;
	color: #505050;
	letter-spacing: 0.1em;
	line-height: 1.4;
}
h4 {
	font-size: 1.3em;
	padding: 0;
	font-weight: 500;
	color: #505050;
	letter-spacing: 0;
	line-height: 1.5;
}
hr {
	text-align: left;
	border: none;	
}
hr.bio {
	display: block;
	width: 514px;
	margin: 16px 0 5px;
	padding: 0px;
	height: 1px;
	border-top: 1px solid #b81141;	
}
p {
	font-size: 1.4em;
	line-height: 1.5;
	text-align:left;
	font-weight: 500;
	letter-spacing: 0em;
	color:#505050;
	padding: 10px 10px 15px 0;
}

a {
	color:#b81141;
	text-decoration: none;
}

img { border: none;}

table { 
	border: none;
	padding: 0;
	margin: 0;
}
/*table tr{
	padding: 0;
	margin: 0;
}*/
table td{
	vertical-align: top;
	padding: 0;
	color: #444;
}
table p{ padding: 0 15px 20px 0; }
table h2{
	font-size: 1.7em;
	line-height: 1.3;
	padding: 0 0 5px;
	color: #b81141;
}

/* ~~ Arnold Krohne Box ~~ */

#container_N {
	margin:75px auto;
	width: 556px;
	background-color: #daef8d;
	height: 527px;
}

#content_N {
	margin:75px auto;
	width: 610px;
	background-color: #daef8d;
	height: 100%;
/*	height: 400px;*/
}

#content_N a.pfeil:link, #content_N a.pfeil:visited {
	background: url(../_nav/pfeil_hoch_rot.gif) no-repeat;
	border: 0px;
	margin: 0 0 0 500px;
	height: 17px;
	width: 15px;
	display: block;
}
#content_N a.pfeil:hover, #content_N a.pfeil:active {
	background: url(../_nav/pfeil_hoch_rot.gif) no-repeat;
	border: 0px;
}

#programme {
	margin:0 56px 97px 58px;
	width: 495px;
}
#programme table {	
	padding:0;
	margin:0;
	text-align: left;
}
#programme table h1 {
	font-size: 1.9em;	
	padding: 40px 0 20px 0;	
	text-align: center;
}
#programme table h2 {
	color: #fdf5de;
	padding:10px 0 20px 12px;
}
#programme table p {
	padding: 10px 10px 10px 12px;
}
a.pfeilZur:link, a.pfeilZur:visited {
	background: url(../_nav/pfeil_zurueck_rot.gif) no-repeat;
	background-position: left center;
	padding: 5px 0 5px 15px;	
	border: 0px;
}
a.pfeilZur:hover, a.pfeilZur:active {
	background: url(../_nav/pfeil_zurueck_rot.gif) no-repeat;
	background-position: left center;
	padding: 5px 0 5px 15px;	
	border: 0px;
}
a.pfeilVor:link, a.pfeilVor:visited {
	background: url(../_nav/uMenu_rot.gif) no-repeat;
	background-position: right center;
	padding: 5px 21px 5px 0;	 	
	}
a.pfeilVor:hover, a.pfeilVor:active { 
	background: url(../_nav/uMenu_rot.gif) no-repeat;
	background-position: right center;
	padding: 5px 21px 5px 0;		
	}

.bio {
	margin:30px 45px 0 50px;
	width: 514px;
}
.bio table {	
	padding:0;
	margin:0;
	text-align: left;
}
.bio table h2 {
	padding:10px 0 4px 0;
}
.bio table h2.uTitel {
	font-size: 2em;
	font-weight: 500;
	color: #b81141;
	padding: 10px 0 15px 0;
	letter-spacing: 0.1em;
	line-height: 1.3;
}
.bio table p {
	font-size: 1.3em;
	padding: 0 10px 7px 0;
}

#content_N #uMenu h3 a:link, #content_N #uMenu h3 a:visited {
	background: url(../_nav/uMenu_gr.gif) no-repeat;
	background-position: left center;
	padding: 5px 3px 5px 15px;	 
	color: #505050;
	border: 0px;	
	}
#content_N #uMenu h3 a:hover, #content_N #uMenu h3 a:active { 
	background: url(../_nav/uMenu_rot.gif) no-repeat;
	background-position: left center;
	padding: 5px 3px 5px 15px;	
	color: #b81141;
	border: 0px;	
	}
	
.Bsp h4 a:link, .Bsp h4 a:visited {
	background: url(../_nav/uMenu_gr.gif) no-repeat;
	background-position: left center;
	padding: 5px 0 5px 15px;	 
	color: #505050;
	border: 0px;	
	}
.Bsp h4 a:hover, .Bsp h4 a:active { 
	background: url(../_nav/uMenu_rot.gif) no-repeat;
	background-position: left center;
	padding: 5px 0 5px 15px;	
	color: #b81141;
	border: 0px;	
	}

#termine {
	margin:30px 30px 30px 50px;
	width: 514px;
}
#termine table {	
	padding:0;
	margin:0;
	text-align: left;
}
#termine table hr {
	display: block;
	width: 514px;
	margin: 5px 0 16px 0;
	padding: 0px;
	height: 1px;
	border-top: 1px solid #b81141;	
}
#termine table p {
	font-size: 1.3em;
	padding: 0 0 20px 0;
	text-align: left;
	width:auto;
}
#termine table h2 {
	font-size: 1.7em;
	line-height: 1.3;	
	text-align: left;
	color: #b81141;
	padding:0 0 10px;
}

/* ------ Menu mit Submenu --------- */

#menu {
	width: 540px;
	font-size: 14px;
	color: #5C5C5C;
	padding: 25px 0 43px 44px;
	font-family: Ubuntu, Verdana, Helvetica, sans-serif;
	font-weight: 500;
	letter-spacing: 0.1em;
}

#menu ul {
	list-style-type:none;
	text-align: justify;
	line-height: 1.2;
}

#menu li.topmenu {
	float:left;
	display: block;
	padding: 0 4px;
	margin: 0;
	font-weight: 500;
}

.topmenu a {
  float:left;
  text-align:left;
	display: block;
}

.topmenu ul{
  display:none;
}

.topmenu a, .submenu a{
	border-collapse:collapse;
	color: #5C5C5C;
	border: none;
	text-decoration:none;
	margin:0;
	background-image: url(../_nav/krone_gr.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px 3px 5px 30px;
}

.topmenu a.current {
	border-collapse:collapse;
	float:left;
	display: block;
	color:#b81141;
	background-image: url(../_nav/krone_rot.gif);
}

#menu a:hover, .topmenu.on a {
  	color:#b81141;
	background-image: url(../_nav/krone_rot.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px 3px 5px 30px; 
}

.topmenu:hover ul {
  display:block;  
  z-index:500;
}