/**********SPAW*****************************************************************************/
tr,td, table {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

.style1 {
	color: green;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight : bolder;
	font-size: 10pt;
}
.style2 {
	color: red;
  background-color: #dddddd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight : bolder;
	font-size: 12pt;
}
/*****************************************************************************************/

body {
	
	background-repeat:no-repeat;
	background-color: #ffffff;
	font-size: 9pt;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#666666;
	padding:10px;
	margin:0px;
}

body.bg{
background-image: url('../img/bodybg.gif');
}

/**********SPAW*****************************************************************************/
tr,td, table {
	color: #333333;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-size: 9pt;
}

.style1 {
	color: green;
}
.style2 {
	color: red;
}
/*****************************************************************************************/


a {color: #333333; text-decoration:none;}
a:visited {color:#333333;}
a:hover {color: #333333;}
a:active { color:#333333;}

h1,h2,h3,h4,h6 {
	margin:0px;
	margin-left:10px;
}

h1 {
color: #d5001e;
font-size:11pt;
font-weight: bold;
padding: 0px;
}

h2 {
color: #d5001e;
font-size:10pt;
font-weight: bold;
padding: 0px;
}

h3 {
color: #ffffff;
font-size: 9pt;
width:793px;
height:31px;
padding-top:15px;
padding-left:29px;
background-image: url('../img/headerbar.gif');
background-repeat: no-repeat;
background-position:0px 45%; 
 }

h4 {
font-size:10pt;
font-weight: bold;
padding: 0px;
margin:0px;
}

h6 {
color: #ffffff;
font-size: 11pt;
text-transform:uppercase;
background-color: #80a1ca;
border-top:1px solid #365397;
border-bottom:1px solid #365397;
padding:5px 15px;
 }

.error{
	color: red;
	font-weight:bold;

}

div.packages {
	color: #333333;
	font-size: 8pt;

	border:1px solid #365397;
	padding:5px 15px;
	margin-bottom: 5px;
	margin-top: 0px;
}

p.packages {
	color: green;
	font-size: 8pt;
	background-color: #ffffff;
	border:1px solid #365397;
	padding:5px;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
}

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
width: 1009px;
padding:0px;
margin: 0px;
margin-left: 50px;
margin-top: 50px;
border: 0px solid #646464;
}

#cms_container {
width: 1200px;
padding-right:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
border: 1px solid #ff0000;
}

/* ----------banner for logo-------------- */

#cms_header{
	width:100%;
	height:20px;
	background-color: #ff0000;
	color: #ffffff;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

#banner {
	width:1009px;
	height:141px;
	padding: 0px;
	margin: 0px; 
	background-image: url('../img/header.gif');
}

#logo	{
	padding: 0px;
	margin: 0px;
	width:204px;
	height:120px;
	float:left;

}

#headline {
	padding: 0px;
	margin: 0px;
	width:796px;
	height:80px;
	padding-top: 40px;
/*	
	background-image: url('../img/headerbar.gif');
	background-repeat: no-repeat;
	background-position:0px 45%;*/ 
	float:left;
}

 .clearfix:after {
    content: ".";
        display: block;
        font-size:0;
        height: 0;
        clear: both;
        visibility: hidden;
   }


/* ----------outer und inner----------------- */
#outer{
	min-height:300px;
	/*border-left: solid 213px #ffffff;*/  /* linke Menue Spalten Farbe  */
	background-image: url('../img/bar_left.gif');
	background-repeat:repeat-y;
	background-color: #ffffff; /* Farbe fuer Inhalt Spalten  */
}

#cms_outer{
	min-height:300px;
	/*border-left: solid 213px #ffffff;*/  /* linke Menue Spalten Farbe  */
	background-color: #ffffff; /* Farbe fuer Inhalt Spalten  */
}

#inner{ margin:0px; width:100%; } /* die IE PC schlaufe */

/* --------------left navigavtion------------- */
#left {
padding:10px;
 width:213px;
 float:left;
 position:relative;
 margin-left:-213px;
 margin-right:1px;
 }

#cms_left {
 padding:10px;
 width:200px;
 height:400px;
 float:left;
 position:relative;
 border-right: 1px solid #365397;
 margin-left:-200px;
 margin-right:1px;
 }


.clear {
	margin:0px;
	padding: 0px;
   	clear: both;
   	line-height: 0px;
   	font-size: 0px;
   	height: 0px;
	visibility: hidden;
}


/* -----------------Inhalt--------------------- */
#content{
padding:0px;
position: relative;
margin: 0px; }

#cms_content{
padding:10px;
padding-left:40px;
position: relative;
margin: 0px; }

p{
padding: 0px;
margin: 0px;
margin-left:10px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}




/*  ----------------footer---------------------- */

#footer {
	width: 1009px;
	height: 30px;
	padding:0px;
	margin:0px;
	text-align:right;

}

#cms_footer {
	width: 100%;
	height: 20px;
	padding:0px;
	margin:0px;
	font-weight:normal;
	background-color: #ffffff;
	text-align:right;

}


input[type="password"], input[type="text"], input[type="submit"], select, textarea {
	border:solid #999999 1px;
	background-color: #ffffff;
	padding-left:2px;
	font-size: 11px;
}

/*------------------------------------------------------------*/

.iconlist
{
	list-style: none;
	margin: 0;
	margin-left: 30px;
	padding: 0;
}

li.reddot
{
	background-image: url(../img/reddot.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding: 0px 0 3px 18px;
	margin: .2em 0;
}

li.close
{
background-image: url(../img/cross.png);
background-repeat: no-repeat;
background-position: 0 3px;
padding: 3px 0 3px 18px;
margin: .2em 0;
}

li.nolog
{
background-image: url(../img/user_add.png);
background-repeat: no-repeat;
background-position: 0 2px;
padding: 3px 0 3px 18px;
margin: .2em  0;
}

li.log
{
background-image: url(../img/user_delete.png);
background-repeat: no-repeat;
background-position: 0 2px;
padding: 3px 0 3px 18px;
margin: .2em 0;
}

li.all
{
background-image: url('../img/accept.png');
background-repeat: no-repeat;
background-position: 0 2px;
padding: 3px 0 3px 18px;
margin: .2em 0;
}