/* Left, center, right and justify alignment of text in block elements*/
p.align-left, td.align-left, th.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align-left { text-align: left; }
p.align-center, td.align-center, th.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-center, address.align-center { text-align: center; }
p.align-right, td.align-right, th.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, address.align-right { text-align: right; }
p.align-justify, td.align-justify, th.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify { text-align: justify; }

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

/* Bullet styles for unordered lists.*/
ul.component-items { color: #186900; list-style-type: circle; }
ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

/* Numbering styles for ordered lists.*/
ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #8A0020; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }

/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}

/* Default selector for indentation.*/
div.indent { margin-left: 2em; }

.black {color: #000000; }
.black-bold { color: #000000; font-weight: bold; }
.headline-h1 {font-size:22px;border-bottom:solid #003399 1px;color:#003399;width:auto;padding-left:30px;padding-bottom:5px;margin:0;}
.redLine_h1 {
	display:block;
	width:300px;
	text-align:center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	padding: 10px;
	left: 100px;
	top: 10px;
	z-index: 2;
}
.villa {
	background-image: url(../images/haus_color.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 280px;
	width: 90%;
	top: -60px;
	left: 10px;
 	position: relative;
	z-index: 0;
}
.blue-frame {background-color: #B0D8FF;display: block;padding: 5px;border: 1px solid #003162;}
.rulerBefore {line-height: 1px; border: 1px solid #FF4300; }
.roteLinie_12px {padding-top: 10px;padding-right: 10px;padding-bottom: 10px;padding-left: 10px;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-bottom-style: solid;border-top-color: #FF0000;border-right-color: #FF0000;border-bottom-color: #FF0000;border-left-color: #FF0000;font-size: 12px;font-family: Arial, Helvetica, sans-serif;}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image:url(../images/bg.jpg);
}
#main {
	height: 600px;
}

a:link {
	text-decoration: none;
	color: #000000;
}

a:visited {
	text-decoration: none;
}
.internal-link {
	text-decoration: none;
	color: #000000;
}
#main #logo_klein {
	text-align: center;
	border-bottom-style: solid;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	font-size: 10px;
	border-bottom-width: 1px;
}
#main #Box_roteLinie_12px {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF0000;
	border-bottom-color: #FF0000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
}
#main #copyright {
	font-size: 10px;
	text-align: center;
}
#main #main_content {
	height: 490px;
	width: 500px;
	margin: 9px;
	margin-top: 30px;
	overflow: auto;
	/*background-image: url(../images/haus_color.gif);
	background-repeat: no-repeat;
	background-position: center center;*/
}

#main #main_bigcontent {
	height: 490px;
	width: 750px;
	margin: 9px;
	margin-top: 30px;
	overflow: auto;
	/*background-image: url(../images/haus_color.gif);
	background-repeat: no-repeat;
	background-position: center center;*/
}

#main #main_menu {
	background-color: #C0C0C0;
	height: 26px;
	padding-top: 2px;
	padding-left:10px;
	position: relative;
	top:-5px;
}
#main #bottom {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #000080;
	height: 35px;
}
#main #left_content {
}
.box {
	position: relative;
	top:-3px;
}

#main #bottom #main_menu .box a {
/*	background-image:url(../images/BtnBlueMiddle.gif);*/
	position: relative;
	top: -8px;
	height: 24px;
	line-height:24px;
	position: relative;
	text-align: center;
     padding: 2px 5px 3px 5px;
     color:#FFFFCC;
	white-space:nowrap;
	text-decoration:none;
	font-weight: bold;
	min-width: 100px;
	background-color: #2D3D77;
}

* html #main #bottom #main_menu .box a{
     padding: 2px 5px 3px 5px;
     left: 10px;
};

#main #bottom #main_menu .box a.active {
    color:#FFFF00;
}

#main #bottom #main_menu .box a:hover{
	color:#FFFF00;
}

#main #topMenu ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 1em 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#main #topMenu a {
	background-image:url(../images/BtnBlueMiddle.gif);
	position: relative;
	top: -9px;
	height: 24px;
	line-height:24px;
	text-align: center;
     min-height:34px;
     padding: 1px 5px 4px 5px;
     color:#FFFFCC;
	white-space:nowrap;
	text-decoration:none;
	font-weight: bold;
}

#main #topMenu a.active, #main #topMenu a:hover {
    color:#FFFF00;
}

#main #topMenu li {
	height:24px;
	margin: 0px;
	float: left;
	list-style-type: none;
	position: relative;
}
#main #logo_klein #underline {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 24px;
}