*{
	font-family:Arial, Helvetica, sans-serif;
}

body
{
    margin:0px;
    padding:0px;
	font-size: 12px;
}

html 
{
    height:100%;
}

/* 
	Beispielstyles: 
	background-image: url(../images/arrow_small.gif);	--> Hintergrundbild
	background-repeat: no-repeat;						--> Ausbreitung des Hintergrundbildes
	text-transform: uppercase;							--> Text in Großbuchstaben
	list-style-type: none;  							--> Aufzählungstyp
	list-style-image: url(../images/arrow_small.gif);	--> Bild für Aufzählungszeichen
*/

/* ******************************* DIV's ****************************** */

#container
{
	margin: auto;
	text-align: center;
	width: 994px;
}

#innercontainer{
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}

#topMenu {
	width: 969px;
	height: 16px;
	text-align: right;
	padding: 4px 10px 2px 4px;
}

#header {
	width: 983px;
	height: 206px;
	margin: 0px;
	padding: 0px;
}

#mainMenu {
	width: 726px;
	height: 16px;
	background-image: url(../images/bg_navi.gif);
	background-repeat: no-repeat;
	padding: 14px 194px 4px 63px;
	text-align: left;
}

#pagePath {
	height: 13px;
	width: 753px;
	text-align: left;
	padding: 10px 20px 7px 210px;
}

#mainArea {
	background-image: url(../images/bg_contentarea.gif);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	width: 983px;
	position:relative;
}

#leftMenu {
	width: 150px;
	_width: 150px;
	margin: 0px 21px 167px 21px;
	_margin: 0px 21px 167px 11px;
	float: left;
	text-align: right;
}

#content {
	width: 579px;
	margin: 0px 18px 0px 18px;
	float: left;
	text-align: left;
	padding-top: 10px;
}

#rightArea {
	width: 176px;
	float: left;
	position: absolute;
	top: -47px;
	right: 0px;
	margin-bottom: 76px;
	text-align: left;
}

#newsArea {
	width: 176px;
	margin-bottom: 20px;
	_margin:0px;
}

#newsTopBackground {
	background-image: url(../images/bg_news_top_winter.gif);
	background-repeat: no-repeat;
	width: 176px;
	height: 17px;
}

#newsBody {
	padding: 6px;
	background-color: #67B0D9;
}

#newsBottomBackground {
	background-image: url(../images/bg_news_bottom_winter.gif);
	background-repeat: no-repeat;
	width: 176px;
	height: 9px;
}

#informationArea {
	width: 164px;
	padding: 0px 6px 0px 6px;
}

#bottomArea {
	width: 929px;
	height: 14px;
	margin-top: 8px;
	background-image: url(../images/bg_bottominformation.gif);
	background-repeat: no-repeat;
	text-align: left;
	padding: 5px 10px 5px 44px;
}

#address {
	float: left;
	width: 750px;
}

#webBy {
	float: left;
	text-align: right;
	width: 168px;
}

#bottomLine {
	position: relative;
	height: 1px;
}

#smallPictures {
	position: absolute;
	left: 21px;
	top: -183px;
	height: 150px;
	width: 150px;
}

#pictureOne, #pictureTwo, #pictureThree, #pictureFour {
	width: 66px;
	height: 66px;
	background-color: #BCE0F2;
	padding: 2px;
	float: left;
}

#pictureOne, #pictureThree {
	margin-right: 10px;
}

#pictureThree, #pictureFour {
	margin-top: 10px;
}

#familyFoto {
	position: absolute;
	width: 138px;
	height: 91px;
	left: 827px;
	top: -117px;
	/*background-image: url(../images/family.jpg);
	background-repeat: no-repeat;*/
}

/* *********************** Formatierungsklassen *********************** */

.topMenu, .topMenu a, .topMenu a:visited, .topMenu a:link { font-size: 11px; color: #000000; text-decoration: none; }
.topMenu a:hover { font-size: 11px; color: #67B0D9; text-decoration: none; }
.topMenu a:active { font-size: 11px; color: #000000; text-decoration: none; }

.topMenuActive { font-size: 11px; font-weight: bold; color: #67B0D9; }

.mainMenu, .mainMenu a, .mainMenu a:visited, .mainMenu a:link { font-size: 14px; color: #4E4E4E; text-decoration: none; }
.mainMenu a:hover { font-size: 14px; color: #67B0D9; text-decoration: none; }
.mainMenu a:active { font-size: 14px; color: #67B0D9; text-decoration: none; }

a.mainMenuActive:visited, a.mainMenuActive:link, a.mainMenuActive:hover, a.mainMenuActive:active { font-size: 14px; color: #67B0D9; text-decoration: none; }

.pagePath, .pagePath a, .pagePath a:visited, .pagePath a:link { font-size: 11px; color: #98989C; text-decoration: none; }
.pagePath a:hover { font-size: 11px; color: #67B0D9; text-decoration: underline; }
.pagePath a:active { font-size: 11px; color: #67B0D9; text-decoration: none; }

a.pagePathActive:visited, a.pagePathActive:link, a.pagePathActive:hover, a.pagePathActive:active { font-size: 11px; color: #67B0D9; text-decoration: none; }

.leftMenu, .leftMenu a, .leftMenu a:visited, .leftMenu a:link { font-size: 11px; color: #4E4E4E; text-decoration: none; }
.leftMenu a:hover { font-size: 11px; color: #67B0D9; text-decoration: none; }
.leftMenu a:active { font-size: 11px; color: #67B0D9; text-decoration: none; }

a.leftMenuActive:visited, a.leftMenuActive:link, a.leftMenuActive:hover, a.leftMenuActive:active { font-size: 11px; color: #67B0D9; text-decoration: none; }

.information, .information a, .information a:visited { font-size: 11px; color: #4E4E4E; text-decoration: none; }
.information a:link, .information a:hover { font-size: 11px; color: #67B0D9; text-decoration: none; }
.information a:active { font-size: 11px; color: #67B0D9; text-decoration: none; }

.address, .address a, .address a:visited, .address a:link { font-size: 11px; color: #000000; text-decoration: none; }
.address a:hover { font-size: 11px; color: #000000; text-decoration: none; }
.address a:active { font-size: 11px; color: #000000; text-decoration: none; }

.star {
	color: #67B0D9;
	padding: 4px 8px 4px 8px;
	vertical-align: middle;
}

/* ********************** spezielle Formatierungen für bestimmte Bereiche ********************** */

#newsBody h1, #newsBody h2, #newsBody h3, #newsBody h4, #newsBody h5, #newsBody h6 {
	color: #FFFFFF;
	margin: 0px 0px 10px 0px;
}

#content ul li {
	list-style-image: url(../images/list_element.gif);
}

#leftMenu ul {
	list-style: none;
}

#leftMenu li {
	margin-bottom: 3px;
}

#bottomArea p {
	margin: 0px;
	padding: 0px;
}

#informationArea h1, #informationArea h2, #informationArea h3, #informationArea h4, #informationArea h5, #informationArea h6, #informationArea p {
	margin: 0px;
	padding: 0px;
}

#newsBody a {
	color: #FFFFFF;
}

#newsBody p {
	margin: 0px 0px 10px 0px;
}

/*
#content img {
	border: 2px solid #BCE0F2;
}
*/
#leftMenu ul {
	width: 150px;
	margin: 0px;
	padding: 0px;
}

#leftMenu li {
	width: 150px;
}

#leftMenu li ul li {
	width: 140px;
	padding-right:10px;
	background-image:url(../images/list_quader.gif);
	background-position: right;
	background-repeat: no-repeat; 
}

#content .csc-uploads-icon a img {
	border: 0px;
}

/* *********************************** globale Formatierungen ********************************** */

a {
	color: #67B0D9;
	text-decoration: none;
}

table { 
	border-collapse:collapse;
}

/* ************************************ Überschriften ********************************** */
h1
{
	font-size: 14px;
	font-weight: bold;
	color: #67B0D9;
}
h2
{
	font-size: 14px;
	font-weight: bold;
	color: #98989C;
}
h3
{
	font-size: 13px;
	font-weight: bold;
	color: #98989C;
}
h4
{
	font-size: 13px;
	font-weight: bold;
	color: #67B0D9;
}
h5
{
	font-size: 12px;
	font-weight: bold;
	color: #67B0D9;
}
h6
{
	font-size: 12px;
	font-weight: bold;
	color: #98989C;
}


/* ************************************ Formulare ************************************** */
input
{
	margin-top: 3px;
	border: 1px solid #4E4E4E;
}

.button
{
	border: 0px;
	background-color: #CFCFCF;
	text-transform:uppercase;
	font-size: 11px;
	margin: 4px 0px 0px 0px;
	float: right;
	padding: 0px;
}

/* ******************** Formatierung Dateiverweise & Bildbeschreibung ****************** */

.csc-uploads-fileName p	/* Name der Datei */
{
	margin: 0px;
	padding-bottom: 6px;
}

.csc-uploads-icon
{
	vertical-align: top;
}

.csc-uploads-fileSize	/* Dateigröße bei Dateiverweisen/-links */
{
	vertical-align: top;
	width: 40px;
	text-align: right;
}

.csc-uploads-fileSize p 
{
	margin: 0px;
	padding: 0px;
}

.csc-textpic-caption 	/* Bildbeschreibung */
{
	font-size: 10px;
	padding-top: 6px;
	padding-bottom: 10px;
}

/* ******************** Formatierungen Kontaktformular (pi1_mailform) ****************** */

.error
{
	color: #FFA200;
}

.tx-pilmailform-pi1 label
{
	display:table-cell;
	width:130px;
	float:left;
	vertical-align:middle;
	padding-top:3px;
	text-align: right;
	padding-right: 7px;
}

.tx-pilmailform-pi1 input, .tx-pilmailform-pi1 textarea
{
	font-weight: normal;
	margin-top: 3px;
	border: 1px solid #9D9D9F;
	width: 350px;
}

.tx-pilmailform-pi1 input
{
	width: 350px;
}