html, body {
	height:100%; }

body {
	margin:0;
	padding:0;
	text-align:center;
	background:#EFEFEF url(../img/page_bg.gif) repeat-y center 0; }

body, body .fontSmall {
	color:#000;
	font-family:Verdana,Arial,Helvetica,sans-serif; }
body, h1 {
	font-size:12px;
	line-height:18px; }
body .fontSmall, h2, h3 {
	font-size:11px;
	line-height:17px; }
body .fontXSmall {
	font-size:10px;
	line-height:16px; }

h1, h2, p {
	margin:0;
	padding:0;
	font-weight:normal; }

a {
	outline:none;
	text-decoration:underline; }
a, a:visited {
	color:#666; }
a:hover {
	color:#000; }

img	{
	border:0; }

.clearBothHidden {
	clear:both;
	font-size:0;
	line-height:0; }


/*----------------------------------------------------------------------------------------/
/ Farbige Streifen oben und unten
/----------------------------------------------------------------------------------------*/
.barOuter {
	position:relative;
	text-align:left; }
.barOuter .barInner {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:15px;
	overflow:hidden;
	background:#57bfbe url(../img/bar_bg.gif) no-repeat center 0; }
.barOuter #barBottom {
	top:-15px; }


/*----------------------------------------------------------------------------------------/
/ Hauptbereiche
/----------------------------------------------------------------------------------------*/
#page {
	width:801px;
	min-height:100%;
	text-align:left;
	margin:0 auto;
	background-color:#FFF; }
* html #page {
	height:100%;
	overflow:visible; }


/*------------------------------------------------------------------/
/ Streifen / Linien
/------------------------------------------------------------------*/
.stripe, .line {
	line-height:0;
	font-size:0; }
.stripe {
	height:7px;
	background:url(../img/stripes_bg.gif) repeat-x; }
.line {
	overflow:hidden;
	background-color:#000; }
.line.large {
	height:2px; }
.line.small {
	height:1px; }

.stripe.spaceTop {
	margin-top:2px; }
.stripe.spaceBottom {
	margin-bottom:2px; }


/*------------------------------------------------------------------/
/ Bereiche
/------------------------------------------------------------------*/
.section {
	padding:0 40px; }

.sectionLinks {
	padding:7px 17px 24px 40px; }
.sectionLinks p {
	float:left;
	width:163px;
	overflow:hidden;
	margin-right:23px;
	line-height:15px; }
.sectionLinks p a {
	display:block;
	float:left; }
.sectionLinks div {
	height:8px; }

.sectionIcons {
	padding:11px 17px 12px 40px; }
.sectionIcons span {
	display:block;
	float:left;
	width:161px;
	height:78px;
	border:1px solid #999;
	margin:0 23px 23px 0;
	background-position:50% 50%;
	background-repeat:no-repeat; }
* html .sectionIcons span {
	width:163px;
	height:80px; }

/* IE */
* html .sectionLinks, * html .sectionIcons {
	width:801px;
	overflow:hidden; }


/*------------------------------------------------------------------/
/ Header
/------------------------------------------------------------------*/
#header {
	padding-top:52px; }
#header #info {
	text-align:right;
	padding-bottom:7px; }
#header #logo {
	height:340px;
	background:url(../img/pagefrank_logo.jpg) no-repeat 50% 50%; }


/*------------------------------------------------------------------/
/ Blöcke & Abstände
/------------------------------------------------------------------*/
.blockTxtElm {
	padding:18px 0 31px; }
.blockTxtTop {
	padding-top:18px; }

.paraTxt {
	padding-bottom:6px; }


/*------------------------------------------------------------------/
/ Footer
/------------------------------------------------------------------*/
#footer {
	padding-bottom:73px; }
#footer p.text {
	line-height:12px;
	text-align:center;
	padding-top:27px; }