/* Seniorsky index.css  */

@charset "utf-8";

/* HTML-Tags, IDs (#), Klassen(.), Pseudoklassen (:) */

*{
	/*No MARGIN & PADDING for all elements */
	margin: 0;
	padding:0; /* Innerer Abstand der Elemente */
}

body{
	font-family:Tahoma, Arial, Verdana;
	font-size: 12pt; /*px, em*/
	color:#000000;   /* black */
/*  color:#686C78;   /* grey  */
/*  color:#8EA4D4;   /* blue lila */	
	}

	iframe{
		border: 0;
	}
	
	table, th, tr{	/* hier ist Tag */
    padding:5px;	/* padding: 10px;*/
	border: 0;
	}
	
	td {	/* hier ist Tag */
    padding:5px;     /* padding: 0px;*/
	border: 0px solid grey;
	}
	
	aside{			/* hier ist Tag */
		width:250px;
		height:200px;
		float;left;
	}
	
	h1{				/* Header, hier ist Tag */
		margin-top:5px;
		margin-bottom:1;		
		margin-left: 0;		
		margin-right:0;
		padding:0;	
		font-size:24pt; 
		font-weight: bold;
		color:#FFFFFF;  /* white */
		display: block;
		text-align:center;
	} 
	
	h2{	         	/* Subtitle hier ist Tag */
		margin-top:5px;	
		margin-right:5;
		padding:5;	
		font-size:20pt;
		color:#686c78;  /* grey */
		text-align:center;
	}  
		
	h3{				/* Category hier ist Tag */	
		margin-top:0;
		margin-bottom:5px;
		margin-right:5;
		padding:5;	
		font-size:16pt;
		color:#8EA4D4;  /* blue lila */
	}
	
	h4 {			/* Subtitle, hier ist Tag */
		margin-top:1px;
		margin-bottom:1px;
		margin-right:5;
		padding:0;
		font-size:4pt;
		text-align:center;
		color:#8EA4D4;  /* blue lila */
	}
	
	h5{			/* Subtitle, hier ist Tag */
		margin-top:1px;
		margin-bottom:1px;
		margin-right:5;
		padding:0;
		font-size:12pt;
		color:#8EA4D4;  /* blue lila */
	}
	
	h6{				/* Text, hier ist Tag */
		margin-top:1px;
		margin-bottom:1px;
		margin-right:5;
		padding:0;
		font-size:12pt;
		color:#000000;   /* black */
	}	
	
	p{				/* hier ist Tag */
		margin-top:2px;
		font-size:10pt;
		margin-right:5;
		color:#000000;   /* black */
	} 
	
	#header{	     /* ID wird benutzt in HTML */
		width:100%; /* px */
		height:100px;
		background-image: url(../pics/subdomain/00_seniorsky_subdomain_header_background1.jpg); 
		background-color:#8EA4D4;  
		padding:0px; /* Innerer Abstand der Elemente */
		margin:center-right;
		border:none;
		clear:both;
		}
	
	#title{			/* ID wird benutzt in HTML */
		width:30px;
		height:30px;
		float:left;   /* clear float left und right*/
		}
	
	#nav{			/* ID wird benutzt in HTML */
		width:100%; /* px */
		height:30px;
		background-color:#686c78;  /* grey */
		font-size:12pt;
		font-style:bold;
		padding:20px; /* Innerer Abstand der Elemente */
		margin:center-right;
		}
	
	#content{     	/* ID wird benutzt in HTML */
		padding:10px;
		width:100%;
		height:500px;
		border:2px solid #ccc;
	    clear:both;   /* clear float left und right*/
		}
	
	#contentcube{     	/* ID wird benutzt in HTML */
		padding:10px;
		width:100%;
		height:200px;
		border:0px solid #ccc;
	    clear:both;   /* clear float left und right*/
		}
		
		
	#text{      	/* ID wird benutzt in HTML */
		padding:10px;
		width:100%;
		height:125px;
		border:1px solid #ccc;
		font-style:italic;
	    clear:both;   /* clear float left und right*/
		}	

	#button{		/* ID wird benutzt in HTML */
		width:30px;
		height:30px;
		background-color:#ccc;
		}	
		
	#footer{		/* ID wird benutzt in HTML */
		padding:8px;
		width:100%;
		height:35px;
		font-size:12px;
		font-style:bold;
		display:inline-block;
		background-color:#686c78;  /* grey */
		position:fix;   /* ganz unten */
		bottom:5px;     /* 0=0px  */
		}
	
	#counter{ 		/* ID wird benutzt in HTML */    
		padding-right:15px;
	    float:right;
		top:0;
		}
		
	#impressum{		/* ID wird benutzt in HTML */
		padding:10px;
		width:100%;
		height:250px;
		font-size:12px;
		font-style:bold;
		display:inline-block
		top:0;
		}
	
	#cube{     	/* ID wird benutzt in HTML */
		padding:2px;
		width:100px;
		height:100px;
		text-align:center;
		border:none;
		background-color:#FFFFFF;
	    clear:both;   /* clear float left und right*/
		}	
		
	#cubebig{     	/* ID wird benutzt in HTML */
		padding:2px;
		width:150px;
		height:150px;
		text-align:center;
		border:none;
		background-color:#FFFFFF;
	    clear:both;   /* clear float left und right*/
		}			

	#cubemini{     	/* ID wird benutzt in HTML */
		padding:2px;
		width:40px;
		height:40px;
		text-align:center;
		border:none;
		background-color:#FFFFFF;
	    clear:both;   /* clear float left und right*/
		}			

	#slide{     	/* ID wird benutzt in HTML */
		position:fixed;		
		left:350px;
		top:5px;
		padding:2px;
		width:600px;
		height:330px;
		text-align:center;
		border:none;
		background-color:#FFFFFF;
	    clear:both;   /* clear float left und right*/	
		}	

	#slidesmall{     	/* ID wird benutzt in HTML */
		position:fixed;		
		left:480px;
		top:5px;	
		padding:10px;
		width:520px;
		height:350px;
		text-align:center;
		border:1px solid #ccc;
		background-color:#FFFFFF;
	    clear:both;   /* clear float left und right*/
		}			
		
	#slidemiddle{     	/* ID wird benutzt in HTML */
		position:fixed;		
		left:350px;
		top:180px;	
		padding:10px;
		width:600px;
		height:330px;
		text-align:center;
		border:none;
		background-color:#FFFFFF;
	    clear:both;   /* clear float left und right*/
		}	
		
	#slidewide{     	/* ID wird benutzt in HTML */
		position:static;		
		left:250px;
		top:180px;	
		padding:10px;
		width:800px;
		height:90px;
		text-align:center;
		border:none;
		background-color:#FFFFFF;
	    clear:both;   /* clear float left und right*/
		}		
		
	#article{     	/* ID wird benutzt in HTML */
		padding:15px;
		width:70%;
		height:0px;
		font-size:16px;
		text-align:center;
		border:none;
		background-color:#FFFFFF;
	    clear:both;   /* clear float left und right*/
		}			
				
	#marketing{     	/* ID wird benutzt in HTML */
		padding:15px;
		width:100%;
		height:400px;
		border:5px solid #ccc;
	    clear:both;   /* clear float left und right*/
		}

	#schedule{     	/* ID wird benutzt in HTML */
		padding:5px;
		width:100%;
		height:60px;
		border:2px solid #ccc;
		background-color:#CCCCCC;
		clear:both;   /* clear float left und right*/
		}
			

	.picture{		/* class wird benutzt in HTML */
		width:90px;
		height:75px;
		background-color:#ccc;
	}

	.picturebig{		/* class wird benutzt in HTML */
		width:600px;
		height:350px;
		background-color:#ccc;
	}
	
	.picturesmall{		/* class wird benutzt in HTML */
		width:45px;
		height:35px;
		background-color:#ccc;
	}	
	
	.picturemini{		/* class wird benutzt in HTML */
		width:10px;
		height:8px;
		background-color:#ccc;
	}
	
	
	.symbol{		/* class wird benutzt in HTML */
		width:40px;
		height:40px;
		background-color:#ccc;
	}
	
	.fon{		/* class wird benutzt in HTML */
		width:40px;
		height:30px;
	}	
	
	.icon{		/* class wird benutzt in HTML */
		width:30px;
		height:30px;
		background-color:#FFFFFF;
	}
	
	.miniicon{		/* class wird benutzt in HTML */
		width:15px;
		height:15px;
		background-color:#FFFFFF;
	}
		
	
	.newspaper {		/* class wird benutzt in HTML */
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
		-moz-column-count: 3; /* Firefox */
		column-count: 3;
	}
	
	.red{   		/* class wird benutzt in HTML */
		color:red;
	}
	
	.font12pt{  		 /* class wird benutzt in HTML */
		font-size:12pt;
	}
	
	.font16pt{  		 /* class wird benutzt in HTML */
		font-size:16pt;
		color:#8EA4D4;
	}
	
	.font24pt{   		/* class wird benutzt in HTML */
		font-size:24pt;
	}
	
	.border{	/* class wird benutzt in HTML */
		border:1px solid grey;
	}		
	
	.left{			/* class wird benutzt in HTML */
		float:left;
		padding:10px;
		margin:0;
	}

	.right{			/* class wird benutzt in HTML */
		float:right;
	}
	
	.logo{			/* class wird benutzt in HTML */
		padding:0px;
		margin:0;
		width:100px;
		height:97px;
		border:none;
		background-color:#FFFFFF;
		float:left;			
	}
	
	.section-left{	/* class wird benutzt in HTML */
		float:left;
		margin-right:10px;
		border:none;
	}
		
	fieldset.contactform {  /* class form wird benutzt in HTML  */
		display: block;
		margin-left: 2px;
		margin-right: 2px;
		padding-top: 0.35em;
		padding-bottom: 0.625em;
		padding-left: 0.75em;
		padding-right: 0.75em;
		border: 2px groove (internal value);
		} 
	
	h5.colorblue{    /* class wird benutzt in HTML */
	color:#8EA4D4;   /* blue lila */
	}	

	h5.colorblack{    /* class wird benutzt in HTML */
	color:#000000;   /* blue black */
	}	
	
	li.colorgrey{   		/* class wird benutzt in HTML */
		color:#686c78;
	}	
	
	a.colorwhite{   		/* class wird benutzt in HTML */
		color:#FFFFFF;
	}

	a.colorgrey{   		/* class wird benutzt in HTML */
		color:#686c78;
	}	
	
	a.colorblack{   		/* class wird benutzt in HTML */
		color:#000000;
	}	

	a:hover {
    background-color: red;
	}
	
	nav.colorgrey{   		/* class wird benutzt in HTML */
		color:#686c78;
	}
	
	address.font{   		/* class wird benutzt in HTML */
		font-style:normal;
	}