BODY {	margin: 0px;	padding: 0px;	background: #f7f7f7 ;}

/* Designelemente */
#owner {position: fixed; top: 0px; right: 10px; font-size: 11px; font-family: Tahoma, sans-serif; color:#666; background-color: transparent; z-index:20;}

#head {
	position: fixed;	top: 0px; left: 150px;
	width: 100%; height: 35px;	margin: 0px;	padding-left: 25px; ;
	background: #f7f7f7 url(../images/phef.gif) no-repeat;
	color: #FFF; font-family: Georgia, serif; font-size: 1.6em; font-weight:bold; line-height: 2.1em; z-index:20;
}

#maintopics {position: fixed; top: 35px; left: 160px; text-align: left;
	background: #f7f7f7 url(../images/phef.gif) no-repeat;
	width: 100%;	height: 30px;	margin: 0px;	padding: 5px 0px 0px 0px;
	opacity: 1;	z-index:30;
}

#maintopics ul {margin:0px;	padding:0px;
	list-style-type: none;	color: #333;
}

#maintopics li {display: inline;}

#maintopics li a {
	margin: 0px; padding: 5px 8px 5px 8px;
	color: #005ca2; text-decoration: none;font-weight: bold; font-size:95%;
	background : transparent url(../images/pmenu.gif) no-repeat bottom right;
	border-right: 1px solid #009f98;
}

#maintopics li a img {vertical-align : middle;}
#maintopics li a.sel {color: #999; background: url(../images/spmenu.gif) no-repeat bottom right; 
					border-bottom: 2px solid #df043e;}

#maintopics li a:hover {
	background: url(../images/hpmenu.gif) no-repeat bottom right;
	color: #005ca2;
}

.addthis_button {position: absolute; top: -5px; left: 5px; background-color: #009f98; z-index:30;}

#commontop {
	position: fixed;	left: 160px;	top: 70px;		
	width: 900px; height: 16px;	padding: 0px;
	background-color: #009f98;
	text-align: right;	text-valign: top; z-index:30;
}

#commontop p  {
	color: #666;	font-size: 90%; 	display: inline;
	background-color: #f7f7f7;
	margin: 0px;	padding: 5px 0px 0px 0px;
}

#commontop a.small {
	color: #666;	font-size: 90%;	text-decoration: none;
	background-color: #f7f7f7;
	margin: 0px;	padding: 5px 0px 0px 0px;
}

#umenu {
	position: fixed;	top: 85px;	left: 160px;
	width: 150px;	height: 700px;padding: 0px;	margin: 0px;
	text-align: left;
	background: transparent url(../images/pmenf.gif) no-repeat; z-index:20;
}

#umenu ul {margin: 0px;	padding: 0px;
	width: 150px; list-style-type: none;
}

#umenu li a img {	vertical-align : middle;}
#umenu li {	display: inline;}

#umenu li a {	display: block;
	text-decoration: none;	font-weight: bold;
	border-top: 1px solid #009f98;
}

#umenu li a.sel {border-top: 1px solid #df043e; border-bottom: 1px solid #df043e;}

#umenu li a:hover {display: block;
	color: #009f98;
	background: transparent url(../images/hpumenu.gif) no-repeat top left; 
}
.domain { display: block;padding: 7px;
	background-color: #009f98;
	border-bottom: 2px solid #df043e;
}
.domain-net { display: block;padding: 7px;
	background-color: #009f98;
	border-bottom: 2px solid #df043e;
}

.maintopic {padding: 7px; display: block; font-decoration: none;
	color: #FFF;	font-size: 100%;	font-weight: bold;
	background : #009f98 url(../images/pmumenu.gif) no-repeat top left;
}
.maintopicsel {	padding: 7px; display: block;
	color: #df043e; font-size: 100%;	font-weight: bold;
	background-color: #f7f7f7;
	border-top: 2px solid #009f98;
}

.topic { padding: 7px; display: block;
	color: #5c5c5c;	font-size: 87%;	font-weight: normal;
	background : transparent url(../images/pumenu.gif) no-repeat top left;
}
.topicsel {	padding: 7px; display: block;
	color: #df043e;	font-size: 95%;	font-weight: bold;
	background-color: #f7f7f7;
	border-left: 4px solid #009f98;
}

.sublink {	padding: 5px; display:block; text-align: right;
	color: #333;	font-size: 87%;	font-weight: normal;
	background : transparent url(../images/psmenu.gif) no-repeat top left;
}
.subsel {	padding: 5px 5px 5px 15px; display: block;
	color: #df043e;
	font-size: 90%;	font-weight: bold;
	background-color: #f7f7f7; 
	border-left: 4px solid #009f98;
}

#eyecatcher {position: fixed;	top: 0px;	left: 0px;
	width: 160px;	height: 100%; margin: 0px;	padding: 0px;
	background: #f7f7f7 url(../images/peyesh.gif) repeat-y right;z-index:40;	
}

#social {position: absolute; top: 430px; left: 0px; width: 140px; margin: 5px 0px 0px 0px;	padding: 0px 0px 0px 5px;
	text-align: center;
}

/* Suchfeld */
#search {width:140px; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 5px; text-align: right;}
form.search {padding: 0px;	margin: 0px;}
form.search input {	padding: 0px 2px 0px 2px;	margin: 0px;	vertical-align : middle;}

input.search {
	border: none;	width: 90px;	background-color: transparent;
	font-size: 80%;	color: #009f98;
}


/* Absatztype Formular */

input.box {
	border : 1px solid #009f98;
	width: 400px;	vertical-align: top;
	padding: 1px;	margin: 0px 0px 10px 0px;
}

form.formular textarea  {
	border : 1px solid #009f98;
	width: 400px;	height: 200px;	vertical-align: top;
	padding: 1px;	margin: 0px 0px 10px 0px;
}

form.formular .formcaption {width: 210px;	line-height: 200%;	float: left;	clear: left;}
form.formular .formnote {color: #009f98;	line-height: 160%;	padding: 2px 0px 10px 202px !important;}

.buttoncaption {line-height: 200%;}

/* Content */

#contents p, #content1 p {
	margin: 0px;	padding: 2px 0px 0px 0px;	
	font-size: 95%;	line-height: 180%; color: #000;
}

#contents a, #content1 a {
	text-decoration: none;	font-weight : bold;
	color: #005ca2;
}

#contents a:hover, #content1 a:hover, #sidebar a:hover {text-decoration: underline;}

#contents h1, #content1 h1 {font-size: 170%; color: #5c5c5c;	margin: 0;	padding: 0; width: 700px;
	background: transparent url(http://office-life-fun.at/picture_library/navi/trennlinie.jpg) no-repeat bottom left;
}

#contents h2, #content1 h2 {
	font-size: 100%;	font-weight: bold;
	margin: 0px;	padding: 15px 0px 5px 0px;	
	color: #df043e;
}

#contents h3, #content1 h3 {
	font-size: 100%;	font-weigth: normal;
	margin: 0px;	padding: 10px 0px 2px 0px;	
	color: #009f98;
}

/* Absatzbild */
#sidepicture {float: left; width: 160px; padding: 0px;	margin: 4px 20px 0px 0px;}
#sidepicture p {font-size: 80%;	color: #333; margin: 0px 0px 10px 0px; line-height:1.2em;}

#contents .clearer, #content1 .clearer {	clear: both;}


/* Aufzählung */
#contents ul, #content1 ul {list-style: none;	padding: 0px 15px 0px 0px;	margin: 0; line-height: 1.5em;}
#contents li, #content1 li {padding: 2px 0px 2px 16px;	margin: 0px 0px 0px 20px; line-height: 1.4em; background: url(../images/pbull.gif) no-repeat top left;}

#contents ul.sidepicture, #content1 ul.sidepicture {list-style: none;	padding: 0px 5px 0px 170px;	margin: 0;}

#sidebar ul {list-style: none;	padding: 5px 5px 6px 0px;	margin: 6px 0px 0px 5px;}
#sidebar li {padding: 0px 0px 2px 14px;	background: url(../images/pbulls.gif) no-repeat top left;	font-size: 80%;}

/* Tabelle */
#contents table.cells, #content1 table.cells {border: 1px solid #009f98;}
#contents tr.odd, #content1 tr.odd {background-color: #fff;}
#contents tr.even, #content1 tr.even {background-color: #dbf2f0;}
#contents tr.header, #content1 tr.header {background-color: #ccdeec; font-size: 100%; color:#FFF;padding: 5px;}

#contents td.headercell, #content1 td.headercell {padding: 5px;	margin: 0px; background-color: #ccdeec;
	font-size: 100%;font-weight: bold;	color: #333;}
#contents td.cell, #content1 td.cell {	padding: 5px;	margin: 0px;	font-size: 95%; line-height: 180%;}


/* Teaser */
div.teaser {margin: 0px;	padding: 2px 0px 2px 0px;}
div.teaserelement {float: left;	margin: 0px 10px 0px 0px;	padding: 0px 10px 0px 0px; 
					border-right: 1px solid #999; border-bottom: 1px solid #999;}

.teasertext {margin: 0px; 	padding: 4px 0px 4px 0px;font-size: 90%; line-hight: 130%;}

.teaserlink {float: left;	margin: 0; padding: 0px 10px 0px 0px; }
.teasernav {clear: both; padding: 5px;	margin: 0px; text-align: right; font-size: 80%; font-style: italic;}

div.teaserpic {float: left; width: 132px; border: none; padding: 0px;	margin: 4px 10px 10px 0px;}
div.teaserpic2 {float: left; width: 92px; border: none; padding: 0px;	margin: 4px 10px 5px 0px;}
div.teaserpic3 {float: left; width: 52px; border: none; padding: 0px;	margin: 4px 10px 5px 0px;}


/* Plugin-Styles */

P.s2d  {
	font-size: 150%;font-weight: bold; line-height: 180%;
	color: #009f98;
	margin: 0px;	padding: 2px 0px 2px 0px;
}

P.s2dsmall  {font-size: 80%;}

a.s2dsmall, a.s2dinfo  {text-decoration:underline !important;}

/* RSS-Feeds */
#sidebar p.rss {font-size: 85%; width:165px; margin:1px; padding:3px; background-color: #fff; border-bottom: 1px solid #009f98}
#sidebar a.rss {font-size: 90%; color:#df043e; border: none; text-decoration: none; font-weight: bold; margin:0; padding:0; line-height:1.3em;}
#sidebar a:hover.rss {color:#009f98; text-decoration: none; }

#contents p.rss, #content1 p.rss {font-size: 90%; margin-left:25px; width:80%; padding:5px; 
				background-color: #fff; border-bottom: 1px solid #b1b1b1; border-right: 1px solid #b1b1b1; }
#contents a.rss, #content1 a.rss {font-size: 95%; color:#df043e; border: none; text-decoration: underline; font-weight: bold; margin:0; padding:0;}
#contents a:hover.rss, #content1 a:hover.rss {color:#009f98; text-decoration: none; }

/* Rahmen und Farbe Formularelemente */
table.formtab select.tx,
table.formtab input.tx,
table.formtab textarea.tx {
	border: 1px solid #009f98;
	background-color: #fff;
}

/* Weitere Styledefinitionen für Formularelemente */