/*********************************************************************************

	Project		:	Pennhip
	Copyright	:	WEDOSYS webDesign - www.wedosys.de

**********************************************************************************/

body, html {
	margin:0px;
}
html {
	min-height: 99%;
	margin-bottom: 1px;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-color:#D9D8FF;
}

h1, h2, h3, h4, h5, p, input, form {
	margin:0px;
	padding:0px;
}

.all {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	text-align:center;
}

.all_inh {
	position:relative;
	top:0px;
	left:0px;
	width:887px;
	margin:auto;
}

#con {
	float:left;
	width:700px;
	background-color:#FFFFFF;
	text-align:left;
}

#con2 {
	float:left;
	width:887px;
	background-color:#D9D8FF;
}

#con h1 {
	padding:15px 15px 0 15px;
	font-size:16px;
}

#con h2 {
	font-weight:bold;
	padding:10px 15px 0 15px;
	font-size:14px;
}

#con h3 {
	font-weight:bold;
	padding:25px 15px 0 15px;
	font-size:13px;
}

#con ul {
	margin-top:10px;
	margin-bottom:15px;
	padding-right:15px;
	font-weight:bold;
	font-size:14px;
}

#con li {
	padding:7px 0 0 0;
}

#con p {
	padding:15px 15px 0 15px;
}

#con .p1 {
	font-size:10px;
}

#con .p2 {
	text-align:center;
}

#con .p3 {
	text-align:right;
	padding:15px 15px 0 0;
}

#con2 .p4 {
	color:#D9D8FF;
}

#con td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#con .bc1 {
	background-color:#D9D8FF;
}

#con .bc2 {
	background-color:#efefef;
}

#con .bo {
	font-weight:bold;
}

#con .d1 {
	padding:10px 15px 5px 15px;
}

#con .tab1 {
	border:1px solid #B3B3B3;
}

#con a:link,
#con a:visited {
	color:#000000;
	text-decoration:underline;
}

#con a:hover {
	color:#9998B3;
	text-decoration:underline;
}

#con2 h1 {
	padding:15px 15px 0 15px;
	font-size:20px;
}

#con2 h2 {
	font-weight:bold;
	padding:10px 15px 0 15px;
	font-size:14px;
}

#con2 h3 {
	font-weight:bold;
	padding:25px 15px 0 15px;
	font-size:13px;
}

#con2 p {
	padding:15px 15px 0 15px;
}

#con2 a:link,
#con2 a:visited {
	color:#000000;
	text-decoration:underline;
}

#con2 a:hover {
	color:#9998B3;
	text-decoration:underline;
}

#menu {
	float:left;
	width:185px;
	text-align:left;
}

#menu ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#menu li {
	width:185px;
	padding:5px;
	border-bottom:1px solid #D9D8FF;
}

#menu .m1 {
	background-color:#CFCEF3;
}

#menu .m2 {
	background-color:#C5C5E8;
}

#menu .m3 {
	background-color:#BBBADC;
}

#menu .m4 {
	background-color:#B1B0D0;
}

#menu .m5 {
	background-color:#A7A6C4;
}

#menu .m6 {
	background-color:#9D9CB8;
}

#menu .m7 {
	background-color:#9291AA;
}

#menu .m8 {
	background-color:#87869C;
}


#menu a:link,
#menu a:visited {
	color:#000000;
	text-decoration:none;
}

#menu a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

#menu a.ak:link,
#menu a.ak:visited,
#menu a.ak:hover {
	color:#FFFFFF;
	text-decoration:none;
}

.fl_1 {
	float:left;
	width:1px;
}

.fl_443 {
	float:left;
	width:443px;
}

.fl_444 {
	float:left;
	width:444px;
}

.coi {
	float:left;
	width:885px;
	background-color:#B3B3B3;
}

#ko {
	width:885px;
	height:111px;
	background-color:#D9D8FF;
}

#ko .d1 {
	float:left;
	width:323px;
}

#ko .d2 {
	float:left;
	width:562px;
}

/*
#ko h1 {
	font-size:48px;
	color:#C5C5E8;
	font-style:italic;
	padding:18px 0 0 0;
}
*/

#ko h1 {
	padding:30px 0 0 0;
	font-size:20px;
	font-style:italic;

}

#ko h2 {
	font-weight:bold;
	padding:10px 0 0 0;
	font-size:14px;
}

#footi {
	clear:both;
	background-color:#D9D8FF;
	width:885px;
}

#footi p {
	font-size:10px;
	text-align:right;
	padding:5px 15px 5px 0;
}

#footi a:link,
#footi a:visited,
#footi a:hover {
	color:#000000;
	text-decoration:underline;
}


/* System */

/* \*/ * html body { text-align:center; font-size: xx-small; } /* *//* IE 5.5 Hack */

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.floatLeft { float:left; }
.floatRight { float:right; }

.warning { color:#f00; background: inherit; }

/* ### Teaser ##################################################################### */

#main-teaser {
	text-indent:-700em;
	height: 220px;
}

/* ### Content #################################################################### */


#content {
	display:block;
	clear:both;
	position:relative;
	padding:0 0 0 0;
}


/* hide from IE/MAC \*/
* html #content, * html #main-content {
	height:1px;
}
/* end hide */


#main-content {}

#main {
	float:right;
	width:630px;
}


/* ### main-block => MainContent ################################################### */

#main-block {
	float:left;
	width:630px;
	color: #fff;
}


#main-content-block {
	padding:20px;
	display:block;
}