/* ###################################################################
** # arya-samaj.org (c) by CI Solutions (http://www.ci-solutions.de) #
** ###################################################################
*/



@media all
{

/* Formatierung der Seite */
body { background: #E9D9B5; padding: 0px;	}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{ border: 1px #667 solid; background: #F7F6E9 ;}
#page_margins {border: 0px #dddddd solid; min-width: 756px; max-width: 80em; margin:auto; }

/* Festlegung der Layoutbreite und Zentrierung*/
#page_margins { 
	width:100%;
        margin-left: auto;
 	margin-right: auto;
	max-width:inherit;  /* min-width für fixes Layout abschalten */
	min-width:inherit;  /* max-width für fixes Layout abschalten */
        }

/* Formatierung der Kopfbereiches */
#header {
	position:relative;
	height: 200px;
	color: #ff0000;
	background-image: url(../../images/header_bg.jpg);
	background-color: #E9D9B5;
	background-repeat: repeat-x;
	border-bottom: 0px #667 solid;
}

#header img {position:absolute; top: 0px; left: 0px; font-size:208%;}

/* ######################################################################################################
** ### Formatierung des Navigationsparts der Startseite #################################################
** ######################################################################################################
*/

#navblock {
	
	padding: 0px 0em 0em 2px;
	background-image: url(../../images/headers/nav_background.jpg);
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}

/* Formatierung der Fußzeile */
#footer { color:#888; margin: 1em; padding: 1em 0 0 0; border-top: 1px #ddd solid; line-height: 2em; }

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main { color: #000; padding: 1em 0 0 0; } 

/* linke Spalte */
#col1 {	width: 22.5%; }	
#col1_content {	padding-top:0em; margin-left: 0em; margin-right: 0em; color: #444; background:inherit; }

/* Rechte Spalte */
#col2 {	width: 25%; }
#col2_content {	padding-top:1.5em; margin-left: 1em; margin-right: 1em; }

/* Mittlere Spalte */
#col3
{
  	margin-left: 22.5%; 
   	margin-right: 25%; 
	border-left: 0px solid #ddd;
	border-right: 0px dotted #ddd;
	margin-bottom: 1em;
        background-image: url(../../images/col3_bg.jpg)
}

#col3_content { padding-top:0em; margin-left: 1em; margin-right: 1em; }


}