/**
 * 
 * 1. Header
 * 2. Content
 * 2.1 ContentBottom
 * 
 */

html{width: 100%;}
body{width: 100%; background: #fff url(../img/elements/bg.body.gif) repeat-x scroll 0px 0px; font-family: Arial, Helvetica, sans-serif;}
a{color: #52bcc2;}

h2,h3,h4{font-family: Georgia; font-size: 1.4em; line-height: 1.1em; font-weight: normal; color: #58585a; padding-bottom:12px;}
h3{font-size: 1.2em; }
h4{font-size: 0.86em;}

sup {font-size:0.82em; vertical-align: top; vertical-align: text-top;}

p{padding-bottom: 1.0em; font-size: 0.82em; line-height: 1.3em; width:541px;}

#content ul{padding-bottom:0.5em;}
#content li{padding: 0px 0px 0.5em 13px; font-size: 0.82em; background: url(../img/elements/icon.list.bullet.gif) no-repeat scroll 3px 4px;}


#wrapperBody{width: 980px; margin: 0 auto;}

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

/**
 * 1. Header
 */
#header{height: 108px; position: relative;}

#header #logo{padding: 0 0 0 72px; float:left;}

#header #mainNav{
	position: absolute;
	z-index: 1;
	bottom: 0px;
	right: 0px;
	width: 734px;
	height: 30px;
	background: url(../img/elements/bg.mainNav.left.gif) no-repeat scroll 0px 0px;
}

#header #mainNav ul{
	background: url(../img/elements/bg.mainNav.right.gif) no-repeat scroll right top;
	padding: 4px 0px 0px 25px;
	height: 20px;
}

#header #mainNav ul li{float: left; padding: 3px 24px 0px 20px; position: relative; font-size: 0.86em;}
#header #mainNav ul li a, #header #mainNav ul li a:visited, #header #mainNav ul li a:link{color: #fff; text-decoration: none;}
#header #mainNav ul li a:active, #header #mainNav ul li a:hover{color: #ccc7b8; text-decoration: none;}
#header #mainNav ul li.active a{color: #ccc7b8;}
#header #mainNav ul li img{position: absolute; right: 0px; top: 0px; z-index: 1;}


/**
 * 2.Content
 */
#contentWrapper{
	background: #fff url(../img/elements/bg.content.gradient.gif) repeat-x scroll left bottom;
	border-right: 1px solid #ccc7b8;
	position: relative;
}
#content{
	padding: 29px 0px 0px 35px; 
	background: url(../img/elements/bg.content.border.top.gif) no-repeat scroll 0px 0px;
	width: 946px;
	position: relative;
}
#contentBgBottom{height: 10px; line-height: 0px; font-size: 0px; width: 979px; background: url(../img/elements/bg.content.border.bottom.gif) no-repeat scroll left bottom;}

#content #contentTopText{height: 230px;}
#content #contentTopText h2 ,#content #contentTopText h3{width: 370px; padding-bottom: 0px;padding-top: 0px;}
#content #contentTopText h3{width: 370px; padding-bottom: 12px;}
#content #contentTopText p{width: 370px;}


#content #picGallery {clear: left; width: 410px;}
#content #picGallery li{
	width: 122px;
	height: 86px;
	overflow: hidden;
	float: left;
}
#content #picGallery .picGalleryOverlay{
	width: 225px;
	height: 86px;
	position: absolute; 
	z-index: 1;
	background: url(../img/elements/overlay.picGallery.gif) no-repeat scroll 0px 0px;
	left: 108px;
}
#content #picGallery img{margin-left:73px;}

#content #bigPicture{float:right; position: absolute; right: 8px; z-index: 2; width: 534px;}
#content #bigPicture img{z-index: 2; position: relative;}


/* 2.1. Content Bottom */
#contentBottom{clear: both; margin-top: 64px; padding-bottom: 35px;}
#contentBottom #col1, #contentBottom #col2{float:left; width: 49.9%;}
#contentBottom h2 {
	background: url(../img/elements/icon.headline.cols.home.gif) no-repeat scroll 15px 6px;
	font-family: Georgia;
	font-size: 1.2em;
	font-weight: normal;
	color: #58585a;
	padding-left: 35px;
	padding-bottom: 0.75em;
}
#contentBottom p{
	padding-left: 35px;
	padding-right: 15px;
	font-size: 0.82em;
	line-height: 1.3em;
	width: 80%;
}

/* 2.2 Inhaltsblock Bild links, Text rechts */
#content .picture{float:left; padding-left: 19px; position: relative;}
#content .picture img{background: url(../img/elements/overlay.picture.center.gif) repeat-y scroll left top; padding:2px 4px 6px;}
#content .picture .pictureOverlayTop{width: 338px; background: url(../img/elements/overlay.picture.top.gif) no-repeat scroll left top; height: 6px;position:absolute; top: 0px; right: 0px;}
#content .picture .pictureOverlayBottom{width: 338px; background: url(../img/elements/overlay.picture.bottom.gif) no-repeat scroll left bottom; height: 8px; position:absolute; bottom: 0px; right: 0px;}
#content .text{float:right; padding: 0px 25px 35px 19px;}
#content .text h2, #content .text h3, #content .text p{width:541px;}
#content .text p {line-height:1.3em;}



/* Login-Box */
.tx-newloginbox-pi1 label{color: #58585a; font-size: 0.82em; font-family: Georgia; padding-right: 20px;font-weight: normal;}
.tx-newloginbox-pi1 td{padding-bottom: 0.5em;}
.tx-newloginbox-pi1 th{text-align: left;}