/* Standard-CSS für www.tetridia.com - perspective 703
copyright :tetridia ltd */


body
{background-color: #ffffff;
color: #000000;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 101%;
padding: 0px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
width: 800px;
text-align:center;
 } 
 
#out
{ position: relative;

  text-align:left;
  width:800px;
  margin-left:10px;
  border-left:5px solid #E2E2E2;
  border-right:5px solid #E2E2E2;

  
}

/*navigation */
#navigation {
position:absolute;

/*float:right;*/
color:#333366;
 font-size: 80%;
 text-decoration: none;
margin-bottom:25px;
width:190px;
padding:0px 5px 0px 5px;
z-index:50;
}

#navigation ul{
	list-style: none;
	margin-left: 0; 
	padding-left: 0;
	
}

#navigation a
{display: block;
	width: 14em;
color:#333366;
 font-weight: bold;
 text-decoration: none;
 border-bottom: 1px solid #cccccc;
 line-height: 1.7em;
}

#navigation a:hover
{color:#999999;
 font-weight: bold;

}

/*selected navigation item*/
#navigation .sel
{color:#666666;
 font-weight: normal;
 margin-left:20px;
}
		.clear{
			clear:both;
		}
#banner{
position:relative;
border-top: 3px solid #cccccc;
border-bottom: 3px solid #cccccc;
padding-left: 193px;
z-index:1;

}
 
a:link
{color:#3366cc;
font-weight: normal;
text-decoration: underline;
}

a:visited
{color:#3366cc;
font-weight: normal;
text-decoration: underline;
}

a:hover 
{
font-weight: normal;
text-decoration: none;
}
 
img
{
border:0px;
}

.upa
{ float:left;
padding:5px; 
}
 
.kon
{ float:left;
padding-right:2px;
}

.center
{ text-align:center;
padding:5px; 
}

.left
{font-size: 70%;
}
 
ul
{ margin-bottom:20px; 
}
 
li
{list-style-image:url(../images/dot1.gif);
}


#topleft /*was image*/
{ position : absolute;
  top : 0px;
  right : 0px;
  z-index : 1;
  margin-right: 34px;
}

#logo
{ position : relative;
  top : 3px;
  left : 15px;
  width:100%;
  z-index : 50;
  margin:0px 0px 0px 0px;
  font-size: smaller;
}

.title
{	position: absolute;
top: 55px;
left: 170px;
font-size: 120%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	
}

#breadcrumbs
{text-align: right;
font-size: 70%;
margin-right: 15px;
margin-bottom: 5px;
margin-top: 0px;
}

/*main area box*/
#mainarea
{	width:100%;
	z-index : 20;
	/*padding:0px;
	margin:0px;*/
	padding-top:5px;
}

/*content box*/
#content {
	background-color:#FFF;
	margin:0px 10px 0px 238px; 
	padding:0px 0px 0px 10px; 
	font-size:85%;
	border-left: 1px solid #cccccc;
}

#content h1{
	margin-left:0px;
	font-size:120%;
	font-weight:bold;
	margin-top: 0px;
	padding:5px 10px 0px 0px;
	color:#2F3467;
}

#content h2{
	margin:0px 0px 0px 0px;
	font-size:90%;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	color:#2F3467;
}

#content h3 {
	font-size:1.2em;
	font-weight:bold;
	padding:.4em 10px .6em 10px;
	color:#2F3467;
}

#content p{
	color:#000;
		font-size:80%;
		margin-left: 3px;

}


#content table{
font-size:80%;
	margin: 0px;
	padding: 0px;
}

#content div.con1{
    margin:10px 20px 10px 20px;
	padding:5px 5px 10px 5px;
	border-bottom: 1px dashed #cccccc;
}

/*#content div.con{
    margin:10px 20px 10px 20px;
	padding:5px 5px 10px 5px;
	font-size:90%;
}*/

/*content box links*/
#content a:link
{color:#3366cc;
font-size:100%;
font-weight:normal;
text-decoration: none;
}

#content a:visited
{color:#3366cc;
font-size:100%;
font-weight:normal;
text-decoration: none;
}

#content a:hover
{color:#666666;
text-decoration: none;
}

/*column right*/
#col {
	position:absolute;
	top:249px; 
	left:3px;
	width: 230px;
	z-index:1;	
	background-color: #f0f0f0;
}

#col p{
	padding:0px 10px 2px 10px;
	margin-bottom:2px;
	margin-top:2px;
	font-size: 70%;
	text-align:justify;
	
}

#col div.col_box{
	margin-top:20px;
	margin-left:15px;
	margin-right:15px;
	/*border-left: 1px dashed #2F3467;*/
	
}

#col h3{

 font-weight: bold;
 font-size: 75%;
 margin:5px 0px 2px 10px;
}

#col p.trans
{text-align: right;
color:#F2F2F2;
 margin:0px 20px 0px 10px;
}

#col a
{color:#3366cc; 
font-size: 95%;
}
#col ul
{ 	padding:0px 0px 0px 15px;
	margin-bottom:2px;
	margin-left:15px;
	margin-top:2px;
	font-size: 70%;
} 
#col li
{list-style-image:url(images/arrow.gif);
}


/*footer*/
#footer {
 margin:0px 0px 0px 0px; 
 font-weight: normal;
 text-align:right;
 font-size: 75%;
 color: #7B7263;
 border-top: 1px dashed #cccccc;
}


#footer a:link
{color:#666666;
font-weight: normal;
}

#footer a:visited
{color:#666666;
font-weight: normal;
}

#footer a:hover 
{color:#3366cc;
font-weight: normal;
}

.small
{font-size:85%;}

.ssmall
{font-size:75%;}

.cone
{ position: relative;
border-bottom: 1px solid #cccccc;	
margin-bottom: 10px;

}

.ctwo
{
width: 47%;
float: left;
padding: 9px;
border-right: 1px solid #cccccc;	
}

.cthree
{
	width: 46%;
	float: left;
	
padding: 9px;
}

#content img
{
	float: left;
	padding: 3px;
	border: 1px solid #cccccc;
	margin: 3px;
}

#content ul
{
	font-size: 80%;
}

#content li
{list-style-image:url(images/arrow.gif);
}