/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06  
**  Datei       : basemod.css
**  Funktion    : Basis-Modifikation f�r das Layout des YAML-Tutorials
**
*/

@media all
{

/* Formatierung der Seite */
body {
	background: black;
	padding:  0 0 10px 0;
	background-image: url(../../img/bg_body_v.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-attachment: fixed;
	
}

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

/* Formatierung der Kopfbereiches */
#header {
	/* height: 140px; color: #fff; */ height: 70px;
	background: url(../../img/logo_gstudios.jpg) no-repeat;
	background-position: 10px 0px;	
	}
#header img {/* margin: 48px 0 0 40px; */ font-size:208%;}

/* Formatierung der Fu�zeile */
#footer {
	color:#888; /* background:#fff; */
	text-align: center;
	margin: 0 1em;
	padding: 1em 0;
	/*border-top: 1px #ddd solid; */
	line-height: 2em;
	font-size: 0.8em;
}

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main { /* background: #fff; */ padding: 1em 0; } 

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

/* Rechte Spalte */
#col2 {	/* width: 280px; */ width: 245px; }
#col2_content {	margin-left: 1em; margin-right: 1em; }

/* Mittlere Spalte */
#col3
{
  	/* margin-left: 22.5%; */ margin-left: 19.5%;
   	margin-right: 245px; 
	border-left: 0px dotted #ddd;
	border-right: 0px dotted #ddd;
	width: 680px;
}

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


/* ######################################################################################################
** ### Formatierung des Teasers der Startseite ##########################################################
** ######################################################################################################
*/

#teaser { 
	margin: 0em 1em 0em 1em; 
	background: #f4f4f4; 
	border-bottom: 1px #ccc solid; 
	padding: 0.5em 0em 0em 30px; 
	color: #5f5d75; 
}

#teaser div {float:left; width: auto; margin-right: 1em; }
#teaser .block1 {padding-top:1em; font-size: 0.82em; }
#teaser .block3 {width: 50%; padding-top:0.5em; font-size: 0.82em; }

#teaser .block3 .title {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	display:block;
	font-size: 1.2em; 
	font-weight:bold; 
	color: #336699;  
	background:inherit;  
	margin: 0 0 0.5em 0; 
}

/* ######################################################################################################
** ### Formatierung des Teasers der SearchBOX ##########################################################
** ######################################################################################################
*/

#searchbox {
	position: relative;
	top: -10px;
	right: 30px;
	width: 200px;
	background-color: black;
}

#searchbox_content {
	
}


#searchbox ul {
    float:left;
    display:inline;		/* Fix f�r IE Doubled Float Margin Bug    */ 
    margin:0;			/* Standard-Listendefinition zur�cksetzen */
    padding: 0;
	font-size: 0.8em;
}

#searchbox ul li {
    float: left;
    display:inline;     /* Fix f�r IE Doubled Float Margin Bug    */ 
    margin: 0;
	margin-right: 20px;
    padding: 0;
    font-size: 1.0em;
    line-height: 1em;
    list-style-type: none;
}

#searchbox ul li a {
    display:block;
    width: auto;
    font-size: 1em;
    font-weight: normal;
    background: transparent;
    text-decoration: none;
    color: grey;
    margin: 0;
    padding: 0.25em 0.8em 0.25em 0.8em;
}

#searchbox ul li a:hover {
    background: #eee;
    color: #333;
    text-decoration: none;
}



}