/********************************/
/* ANGEL Internet Services GmbH */ 
/* www.angel.de                 */
/* Erstellt 24.03.2009          */
/********************************/

html { height: 100%; }
body {
	background-color:#424242;

	font-family:Arial, Helvetica, sans-serif;
	min-height: 100%; height: 100%;
	padding:0;
	color:#000;
	
	text-align: center;
}
.wrapper {
	background-color:#FFF;

	margin-top:-20px;

	display: -moz-inline-block;
	display:inline-block;
	width:960px;
	margin:-20px auto;
	text-align: left;
}
.head {
	padding-top:20px;
	height:170px;
	width:100%;
	text-align:center;
}
.head img {
	margin:40px 0 0 0;
}
.main {
	float:left;
}


/***********************
/*        menu        */
/**********************/
.menu {
	float:left;
	width:200px;
	font-size:14px;
}
.menu ul li { margin-bottom:14px; }
.menu ul li a {
	display:block;
	background-image:url(../img/menu-bg.jpg);
	background-repeat:no-repeat;
	height:26px;
	color:#FFF;
	text-decoration:none;
	padding:10px 0 0 25px;
}
.menu ul li a:hover { font-weight:bold; }
.menu ul li a:active { color:#999; }
.menu ul li a.active {
	background-image:url(../img/menu-bg.jpg);
	color:#ffcc00;
	font-weight:bold;
}

/* Sub-Navigation */
.menu ul li ul { margin:15px 0 -10px 5px; padding:0 0 0 9px; }
.menu ul li ul li { margin:0; padding:0; }

.menu ul li ul li a {
	background-image:none;
	height:15px;
	color:#000;
	font-size:12px;
	padding:5px 0 0 15px;
	color:#000;
}
.menu ul li ul li a.active {
	background-image:url(../img/submenu-active.jpg);
	font-weight:normal;
	text-decoration:underline;
	margin-left:10px;
	color:#000;
}
.menu ul li ul li a:hover { background-image:url(../img/submenu-hover.jpg); text-decoration:underline; font-weight:normal; color:#000; }
.menu ul li ul li a:active { color:#666; }

/***********************
/*       content      */
/**********************/
#content {
	margin-left:200px;
	width:600px;
    background: #fff;
}
#content h1 {
	font-size:30px;
	font-weight:normal;
	margin-bottom:8px;
}
#content h2 {
	font-size:18px;
	font-weight:normal;
	color:#595959;
	margin-bottom:8px;
}
#content p {
	margin:0 10px 15px 10px;
	font-size:13px;
	line-height:18px;
}
#content p a {
	color:#38618c;
	text-decoration:underline;
}
#content p a:visited {color:#38618c; text-decoration:underline; }
#content p a:active { color:#999; text-decoration:underline; }
#content p a:hover {color:#102c4a; text-decoration:none; }
#content p strong {
	font-weight:bold;
}
#content ul {
	margin:10px 0 10px 10px;
	font-size:13px;
	padding-left:25px;
	line-height:16px;
}
#content ul li {
	margin:0 0 3px 0;
	list-style-image: url(../img/ulli.jpg);
}
#content ul li strong {
	font-weight:bold;
}
#content ul li a {
	color:#38618c;
	text-decoration:underline;
}
#content ul li a:visited {color:#38618c; text-decoration:underline; }
#content ul li a:active { color:#999; text-decoration:underline; }
#content ul li a:hover {color:#102c4a; text-decoration:none; }

#content ul li ul {
	list-style-type:none;
	padding-left:25px;
}
#content ul li ul li {
	list-style-image: url(../img/ulliulli.jpg);
}
#content ul li ul li strong {
	font-weight:bold;
}
.important {	 
	 margin-bottom:15px;
	 text-align:center;
}
.important div {
	padding:10px 0 0 0;
	background-image:url(../img/important.gif);
	background-repeat:no-repeat;
	background-position:top;
	 
}
.important div div {
	background-image:url(../img/important.gif);
	background-repeat:no-repeat;
	background-position:bottom;

	padding:0 0 5px 0;
}
.important div div p {
	margin:0 10px 0 10px;
}
.lastmod {
	position:absolute;
	right:20px;
	top:0;
	color:#FFF;
}

/***********************
/*  CLEARFIX footer   */
/**********************/
html, body { height: 100%; }
body > .wrapper {height: auto; min-height: 100%;}
#content { padding-bottom: 20px; background: #fff;}
.footer {position: relative;
	height: 20px;
	clear:both;
	background-color:#424242;
}
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}


/***********************
/*    footer style    */
/**********************/
.footer { width:960px; margin:0 auto; padding:0; text-align:left; }
.footer span#fl {
	position:absolute;
	top:-8px;
	left:0px;
	background-image:url(../img/corner-bottom-left.jpg);
	background-repeat:no-repeat;
	width:8px;
	height:8px;
}
.footer span#fr {
	position:absolute;
	top:-8px;
	right:0px;
	background-image:url(../img/corner-bottom-right.jpg);
	background-repeat:no-repeat;
	width:8px;
	height:8px;
}
.footer p {
	padding:4px 0 0 15px;
	font-size:12px;
}
.footer p a {
	color: #eee;
	text-decoration:none;
    padding: 0 15px 0 0;
}
.footer p a:visited { color:#eee; }
.footer p a:hover { color:#FFF; text-decoration: underline; }
.footer p a:active { color:#666; font-weight: bold; }


/*********************
*	KONTAKTFORMULAR  *
*********************/

#contact-area {
	width:600px;
	font-size:13px;
	margin-top:10px;
}
#contact-area input, #contact-area textarea {
	padding:5px;
	width:340px;
	margin:0px 0px 10px 0px;
	border:1px solid #999;
}
#contact-area input:focus, #contact-area textarea:focus {
	border:1px solid #000;
}
#contact-area input.radio { width:auto; border:none; margin:0 0 6px 10px; padding:0; height:13px; }
#contact-area textarea {
	height:100px;
}
.captcha img {
	float:left;
}
#contact-area input.submit-button {
	width:100px;
	margin:10px 0 0 270px;
	border:1px solid #000;
}
label {
	float:left;
	text-align:right;
	margin-right:15px;
	width:160px;
	padding-top:5px;
}
.captcha input {
	text-align:center;
	width:40px !important;
	margin: 0 0 0 10px !important;
}