/* -------------------------
   (c) 2006 Christian Kohout

	FARBEN:
	weiss:			#FFFFFF
	rot:			#DF0006
	grau hell:		#999999
	grau dunkel:	#666666

    BEREICHE:
    - Allgemein
    - Header 1
    - Header 2
    - Leftmenu
    - Menu2a, Menu2b
    - Content Allgemein
    - Content Bild
    - RightCol
    - Footer
    - ContentTable
    - Rechter Bereich
    - Loginbereich
    
    ERWEITERUNGEN:
    - 2spaltig fuer default_2spaltig.htm
*/

#kontaktbutton {
	margin-left: 5px;
	margin-top: 5px;
	text-align: center;
	padding-top: 2px;
	padding-bottom 5px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	background: #DF0006;
	border: 2px solid #DF0006;
	color: #FFFFFF;
	width: 236px;
	display: block;
}

/* ALLGEMEIN */

* 
{
 font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
	
body 
{
	margin: 0px;
	background: #ffffff;
}

#outerframe {
  padding-left: 155px;
  padding-right: 250px;
  margin-top: 10px;
  background: url(../SystemImages/back_right.jpg) repeat-y top right;
}

#innerframe {
	width: 100%;
}

#leftcol {
  float: left;
  position: relative;
  width: 150px;
  padding: 0px;
  margin-left: -155px;
}

#rightcol {
  float: right;
  position: relative;
  width: 250px;
  padding: 0px;
  margin-right: -250px;
}

#mainmenu 
{
	height: 44px;
	margin-left: 155px;	
}

.separator {
  display: block;
  clear: both;
  float: none;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
  padding: 0px;
  border: 0px;
  margin: 0px;
}

/* HEADER 1 */

#header1
{
	background-color: #df0006;
	border-bottom: 1px solid #ffffff;
	width: 100%;
	height: 54px;
	display: block;
	clear: both;
}

#logo 
{
	padding: 15px;
	float: left;
	clear: right;
}

#topmenu1 
{
	float: right;
	margin-right: 5px;
	margin-top: 17px;
}

#header1, #header1 a, #header2, #header2 a
{
	font-weight: bold;
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
	word-spacing: 2px;
}

#header1 a:link, #header1 a:visited, #header2 a:link, #header2 a:visited 
{
	text-decoration: none;
}

#header1 a:focus, #header1 a:hover, #header1 a:active, #header2 a:focus, #header2 a:hover, #header2 a:active 
{
	text-decoration: underline;
}

/* HEADER 2 */

#header2
{
	border-bottom: 3px solid #666666;
	background-color: #999999;
	width: 100%;
	height: 28px;
	display: block;
	margin-bottom: 15px;
}

#loginbox 
{
	padding-left: 15px;
	padding-top: 7px;
	float: left;
	clear: right;
}

#topmenu2
{
	float: right;
	margin-right: 5px;
	margin-top: 7px;
}

/* LEFTMENU */

#leftcol ul {
	padding-bottom: 35px;
}

/* - Layer 1 */

#leftcol li {
	display: inline;
}

#leftcol li a {
	display: block;
	text-decoration: none;
	color: #000000;
	background: #FF0000 url(../SystemImages/Themen/nav_dreieck5.gif) no-repeat;
	padding: 0px 0px 0px 17px;
	margin: 5px 3px 5px 9px;
	font-size: 11px;
	height: 17px;
	line-height: 17px;
	letter-spacing: 1px;
}

/* MENU2A, MENU2B */

#menu2a, #menu2b
{
	height: 22px;
}

#menu2a li, #menu2b li
{
	display: inline;
}

#menu2a li a, #menu2b li a
{
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	border: 0px;
	line-height: 22px;
}

#menu2a li a
{
	color: #ffffff;
}

#menu2a li a.selected, #menu2b li a 
{
	color: #000000;
}

/* CONTENT Allgemein */

#content
{
	border: 2px solid #f0f0f0;
	padding: 10px;
	margin-right: 5px;
	position: relative;
  display: block;
}

#content h1
{
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}

#content h2 {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #cc0000;
	margin-bottom: 5px;
}

#content h3 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 5px;
}

#content ul
{
	padding-left: 20px;
}

#content strong
{
  font-weight: bold;
}

#content p
{
  margin-bottom: 5px;
}

/* CONTENT mit Bild */

#innercontent 
{
	width: 100%;
}

#imgcontent75
{
	padding-left: 85px;
}

#imglist75
{
	background: #ff0000;	
	 float: left;
  position: relative;
  width: 75px;
  padding: 0px;
  margin-left: -85px;
}

#imgcontent200
{
	padding-left: 210px;
}

#imglist200
{
	background: #ff0000;
	float: left;
	position: relative;
	width: 200px;
	padding: 0px;
	margin-left: -210px;
}

/* RIGHTCOL */

#rightcol 
{
	background: #f0f0f0;
	padding-bottom: 5px;
}

#rightcol h1
{
	font-weight: bold;
	font-size: 18px;
	color: #cc0000;
}

#rightcol h2
{
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	margin: 5px 5px 0px 5px;
	padding: 2px;
	position: relative;
	width: 236px;
}

#rightcol ul
{
  list-style-type: none;
}

.box, .csc-boxed .boxcontent
{
	margin: 5px 5px 0px 5px;
	padding: 3px;
	border: 2px solid #cccccc;
	background: #ffffff;
	display: block;
	position: relative;
}

.csc-boxed * {
	position: relative;
	display: block;
}

/* .csc-boxed .csc-textpic 
{
	border: 2px solid #cccccc;
	background: #ffffff;
	margin: 5px 5px 0px 5px;
	padding: 3px;
	display: block;
	position: relative;}
*/

.rightoverview
{
	padding-left: 20px;
	background: #ff0000;
	list-style-image: url(../SystemImages/Icons/pfeil.gif);
}

.rightcontact
{
	list-style-image: url(../SystemImages/Icons/pfeil.gif);
	padding-left: 20px;
}

.rightdownload
{
	list-style-image: url(../SystemImages/Icons/pfeil.gif);
	padding-left: 20px;
}

/* FOOTER */

#footer 
{
	margin-top: 15px;
	border-top: 1px solid #f0f0f0;
	padding: 2px;
	text-align: center;
}

/* CONTENTTABLE */

.contenttable
{
  margin-top: 10px;
  width: 100%;
}

.contenttable th
{
	font-weight: bold;
	background: #DF0006;
	color: #FFFFFF;
	padding: 3px 10px;
}

.contenttable strong
{
  font-weight: bold;
}

.contenttable .tr-even
{
background: #EFEFEF;
}

.contenttable .tr-odd
{
  background: #F8F8F8;
}

.contenttable td
{
  padding: 1px 3px;
  border-bottom: 1px solid #cccccc;
}

/* INHALTSVERZEICHNIS */

.tx-jppageteaser-pi1-list-entry
{
  clear: none;
  display: block;
  height: 120px;
  position: relative;
}

.tx-jppageteaser-pi1-list-entry h4 a
{
  text-decoration: none;
}

.tx-jppageteaser-pi1-list-entry h4 a:hover
{
  text-decoration: underline;
}

.tx-jppageteaser-pi1-list-entry-image img
{
  border: 0px;
}

/* INHALTSVERZEICHNIS NEU */
.iv-item h4 a {
	text-decoration: none;
	color: #999999;
	border-bottom: 1px solid #999999;
	display: block;
	width: 100%;
}

/* RECHTER BEREICH */

#rightcontent
{
	display: block;
	position: relative;
	float: left;
}

#rightmenu
{
	display: block;
}

#sideTitle
{
	color: #df0006;
	font-weight: bold;
	font-size: 18px;
	padding: 10px;
}

/* Abstand fürs Inhaltsverzeichnis */

div.csc-textpic-intext-left-nowrap {
	padding-bottom: 5px;
	margin-bottom: 15px;
}

.csc-textpic-intext-right, .csc-textpic-intext-right img
{
  position: relative;
  display: block;
}

.csc-textpic-image
{
  position: relative;
  display: block;
  float: none;
  clear: none;
}



.csc-textpic-imagewrap
{
  position: relative;
}

h4
{
  position: relative;
}

/* LOGINBEREICH */

.h2input
{
  font-weight: bold;
  color: #FFFFFF;
  border: 0px;
  background-color: #999999;
  cursor: pointer;
  margin-left: 4px;
}

.h2input:active, .h2input:focus, .h2input:hover
{
 background-color: #999999;
}

/* +EXT: 2spaltig fuer default_2spaltig.htm */

#contentleft
{
  float: left;
  width: 39%;
}

#contentright
{
  float: right;
  width: 60%;
}

/* Content - Tabelle im Text */

.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}