/***********************************************/
/* skat.css                              */
/* Use with template Skat_Home.html           */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

*{margin:0; padding:0;}

option{
padding-left:0.4em
}

html{
height:100%
}

body{
min-height:101%;
font-size:80%;
color:#333399;
background:#c0c0c0;	
text-align:center;
width:1000px;
left: 50%;
margin-left: -500px;
position: absolute;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
					
fieldset, img {
border:0;
}
	
select,textarea {
font-size:99%
}

#page{text-align:left;
padding: 5px 0px 0px 0px;
}

#page_margins{
min-width: 756px;
max-width: 100em; 
margin:auto;
border-right-color:#FFFFFF solid 1px;
border-left-color:#FFFFFF solid 1px;
width:1000px;
}

a{
color: #ffffff;
text-decoration: none;
}

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

a:visited{
color: ffffff;
text-decoration: none;
}

a:hover{
color: #333399;
text-decoration: underline;
}

h1{
font-size: 1.9em;
color:#ffffff;
}

h2{
font-size: 1.6em;
color:#ffffff;
}

h3{
font-size: 1.3em;
color:#ffffff;
}


ul, ol, dl { 
margin: 0 0 1em 1em 
}

li { 	
list-style-type:none;
margin:1em 0em 1em 0em;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;	
font-weight:normal;
line-height: 25px;
overflow:hidden;
padding:0;
color:#fff;		
border-bottom: 1px #fff solid;
white-space: nowrap;
}
	
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#header{
clear:both;
width:994px;
}

#main{
text-align:left;
clear:both;
width:auto;
background-image: url(../Skat_Bilder/streifen.gif);
background-repeat:repeat-y;				
}
	

#col1{
float:left;
width:187px;
z-index:3;
}

#nav {
position:relative;
padding:25px;
z-index:4;
}

#col3{
width:auto;
margin-left:187px;	
margin-right:112px;
min-height:100%;
z-index:1;
}

#inhalt {	
position:relative;
z-index:2;
padding:25px;
min-height:400px;
background-image: url(../Skat_Bilder/Hand.jpg);
background-repeat:no-repeat;
background-position:bottom;
	
}

#col2{
float:right;
width:112px;
z-index:5;
}

#rechts {
position:relative;
padding:25px;
z-index:6;
}

#footer{
clear:both;
text-align:center;
padding:5px;
font-size: 75%;
color: #333399;
height: 15px;	
}

#footer  a {
color: #333399;
text-decoration: underline;
}

#col1 {
z-index: 3;
}

#col2 {z-index: 5;}
#col3 {z-index: 1;}
#nav {z-index: 4;}
#inhalt {z-index: 2;}
#rechts {z-index: 6;}
#nav, #inhalt, #rechts{ position:relative;}

/***********************************************/
/* Components                                  */
/***********************************************/




/************** .feature styles ***************/

.feature{	
font-size: 80%;
}

.feature h3{
padding: 30px 0px 5px 0px;
text-align: right;
}

.feature img{
float: left;
padding: 10px 10px 0px 0px;
}


/************** .story styles *****************/

.story{
clear: both;
padding: 10px 0px 0px 10px;
font-size: 80%;
}

.story p{
padding: 0px 0px 10px 0px;


/*********** Navigation ************/

ul .nav	{	
list-style-type:none;
margin:1em 0em 0em 0em;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;	
font-weight:normal;
/*line-height: 25px;*/
overflow:hidden;
padding:0;
color:#fff;		
border-bottom: 1px #fff solid;
white-space: nowrap;
}


li .nav, li .nav_act	{
list-style-type:none;
margin:1em 0em 0em 0em;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;	
font-weight:normal;
/*line-height: 25px;*/
overflow:hidden;
padding:0;
color:#fff;		
border-bottom: 1px #fff solid;
white-space: nowrap;
text-decoration:none;
}	


li .nav a, li .nav_act a { 
margin:1em 0em 0em 0em;
/*line-height: 25px;*/
padding:0;
text-decoration: none;
color: #ffffff;	
display:block;
text-align:left;
	}


li .nav a:hover {
margin:1em 0em 0em 0em;
/*line-height: 25px;*/
padding:0;
text-decoration: none;
color:#333399;	
display:block;
text-align:left;
}


li .subnav, li .subnav_act {
list-style-type:none;
margin: 0;
padding:0;
margin-bottom:0.2em;	
padding-left:1em;
margin-left:0;
font-weight:bold;
color:#fff;
/*overflow: hidden;*/
display:block;
text-align: left;
font-size:70%;	
}


li .subnav a, li .subnav act_a {
padding:0.2em 0.2em;		
text-decoration:none;
color:#3333ff;
font-weight:normal;			
display:block;
padding:0.1em 0.4em;
margin-left:0;
}


li .subnav a:hover 
{	}

/* Navigation Ende */