/*************************/
/*                       */
/*   aloba ag            */
/*   Kirchbergstrasse 23 */
/*   CH-3400 Burgdorf    */
/*                       */
/*************************/

/** Global **/
body {
	margin: 0;
	background-color: #FFF;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

html {
	overflow: hidden;
}

/** Header **/
.header {
	text-align: right;
	margin-top: 7px;
	margin-bottom: 8px;
}

/** Navigation **/
.navigation {
	border-top: 1px solid #A9CA35;
	border-bottom: 1px solid #A9CA35;
	width: 100%;
	overflow: hidden;
	padding: 4px 0px 2px 0px;
	text-align: center;
}

.navigation a {
	color: #a0a0a0;
	font-family: Verdana, monospace;
	font-weight: 600;
	font-size: 12px;
	line-height: 150%;
	text-transform: uppercase;
}

.navigation a:hover {
	color: #a9ca35;
	text-transform: uppercase;
	text-decoration: underline;
}

.navigation table {
	text-align: center;
}

/** Menu **/
#menu {
	position: relative;
	top: 0px;
	width: 209px;
	bottom: 0px;
	background-color: #98BF0E;
	height: 100%;
}

.menu{
	padding-left: 15px;
	padding-top: 20px;
	position: absolute;
	background-color: #98BF0E;
	z-index: 1;
	width: 194px;
}

#menu img {
	position: absolute;
	bottom: 0px;
	z-index: 0;
}

/** Content **/
.content {
	position: absolute;
	top: 133px;
	width: 800px;
	bottom: 52px;
	overflow-x: hidden;
	overflow-y: hidden;
	background-color: #FFF;
	height: expression(documentElement.clientHeight-185);
}

#maincontent_1,#maincontent_2 {
	position: absolute;
	left: 209px;
	
	width: 580px;
	bottom: 0px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #E4EEBC;
	height: 100%;
	margin-left: 10px;
	margin-right: 20px;
}

.rightContent {
	height: 100%;
	padding: 15px;
	margin-top: -15px;
	padding-bottom: 0px;
	text-align: justify;
	color: #9c9d9f;
}

.leftContent {
	background-color: #98BF0E
}

/** Footer **/
.footer {
	position: absolute;
	width: 800px;
	height: 20px;
	bottom: 20px;
	color: #9c9d9f;
	border-bottom: 1px solid #A9CA35;
}

/** Home **/
#homecontent {
	height: 100%;
	padding-bottom: 0px;
	overflow-y: auto;
	overflow-x: hidden;
}

#home {
	background-color: #98BF0E;
	height: 235px;
	width: 541px;
	margin-left: 214px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 25px;
}

#homeContainer {
	width: 100%;
	height: 100%;
	color: #FFF;
}

#homeImageLeft {
	width: 214px;
	height: 255px;
	float: left;
	background-color: #FFF;
	float: left;
}

#homeNews {
	clear: both;
	padding-top: 20px;
	color: #000;
	background-color: #FFF;
}

#homeNews h1 {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	color: #000;
}

/** Table **/
table {
	border-collapse: collapse;
}

table,tr,td,img,ul,ol {
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

table.kundenTabelle tr td {
	width: 250px;
	height: 95px;
	text-align: left;
	vertical-align: middle;
	padding-bottom: 15px;
}

table.mitarbeiterTabelle tr td {
	padding: 10px;
	padding-left: 4px;
	padding-right: 4px;
	border-bottom: 1px solid #9c9d9f;
}

h1 {
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 12px;
}

h2 {
	font-size: 14px;
	padding-top: 8px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 8px;
}

h3 {
	font-size: 12px;
	padding-top: 4px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 2px;
}

p {
	padding: 0;
	padding-bottom: 5px;
	margin: 0;
}

ul,ol {
	padding-left: 20px;
	padding-bottom: 5px;
}

ol li,ul li {
	padding-top: 2px;
	padding-bottom: 2px;
}

.greenTxt {
	color: #97bf0d;
	font-weight: bold
}


div.codeblock {
	width: 100%;
	overflow: auto;
	color: #9c9d9f;
}

div.codeblock pre {
	background-color: white;
	border: 1px solid #98BF0E;
	padding: 5px;
}
/* Blauton:Hue:225, Brightness:100%  */
/* AlobaRot:Hue:11, S�ttigung: 90: Brightness:91% RGB:E93F17 */
div.bilderListe {
	width: 100%;
	text-align: center;
}

div.bilderListe img {
	padding-right: 15px;
	padding-bottom: 10px;
}

img.leftFloat {
	float: left;
	margin-top: 10px;
	margin-right: 15px;
	martin-bottom: 10px;
	margin-left: 0px;
	border: 1px solid #9c9d9f;
}

img.rightFloat {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	martin-bottom: 10px;
	margin-left: 15px;
	border: 1px solid #9c9d9f;
}

img.ausflug {
	margin: 2px 1px;
	border: 1px solid #97bf0d;
}

img.hosting {
	border: 1px solid #9c9d9f;
}

.alobaRed {
	color: #E93F17;
}

/* Links */
a {
	color: #4172FF;
	text-decoration: none;
}

a.currentLnk {
	font-size: 16px;
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}

a.greenLnk {
	font-size: 12px;
	color: #97bf0d;
	text-decoration: underline;
}

a.greenLnk:hover {
	text-decoration: none;
}

a.greyLnk {
	font-size: 12px;
	color: #9c9d9f;
	text-decoration: underline;
}

a.greyLnk:hover {
	text-decoration: none;
}

a.whiteLnk {
	font-size: 13px;
	color: #FFF;
	text-decoration: underline;
}

a.whiteLnk:hover {
	text-decoration: none;
}

a.fatLnk {
	font-size: 13px;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}

a.fatLnk:hover {
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

p.hosting {
	text-align: center;
	vertical-align: text-bottom;
	margin: 45px 0px 15px 0px;
}