/*  
Theme Name: MediaArchitecture.de
Theme URI: 
Description: 
Version: 
Author: Jens Weber
Author URI: 
*/

@media all
{

/* ######################################################################################################
** ### Vorbereitende Maßnahmen | Reset ##################################################################
** ######################################################################################################
*/
	/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
	
	* { margin:0; padding:0; font-size: 100%; } 
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	html { height: 100% } 
	
	body { 
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
		min-height: 101%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		font-size: 100.01%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser 
			Fensters geändert wird. */
		position: relative; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color: #000;        
		background: url('http://mediaarchitecture.de/wp-content/themes/ma/img/bg_stripes.gif') repeat #fbfbfc;
		text-align: left; 
	} 
	
	/* Standardrahmen zurücksetzen */
	fieldset, img { border:0; }
	
	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
	select, input, textarea { font-size: 99% }
	
	#centerDiv{
		width: 80%;
		text-align: left; 	
		margin: 0 auto;
		min-width:39em;
		max-width:52em;
	}
	
	.skip {
		position: absolute;
		left: -1000em; 
		width: 20em;
	}
	
/********************************/
/* 	Boxen						*/
/********************************/

#header {width: auto;padding-top:3em}
#header h1.left {
	float:left;
	width:4.5em;
	text-align:right;
}
#header h1.right {float:left;width:10em;}
#header #impressum {float:right;}

#content {
	clear:both;
	width: auto;
	margin: 3em 0em 0em 5em;
}


#footer {
	clear:both;
	width: auto;
	margin: 3em 0em 3em 5em;
}


hr.clear_columns {	
		clear: both; 
		float: left; 
		content: "."; 
		display: block;  
		height: 0; 
		line-height: 0px; 
		visibility: hidden; 
		border: 0; 
		padding: 0;
		margin: -1.1em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
	}
	


/********************************/
/* 	Allg. Schriften, Links usw.	*/
/********************************/
h1,h2,h3,h4,h5,p,li,#impressum,.subcl,#footer{
	font-size: .8em;
	color: #223;
	font-family: 'Lucida Sans','Lucida Sans Unicode','Trebuchet MS','Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
}

a:link,a:visited,a:active{
	text-decoration: underline;	
	color: #484040; 	
}
a:hover{
	text-decoration: underline;	
	color:#fff;
	background: #336699; 	
}
.hilite{/* search-plugin */
	color:#fff;
	background: #336699; 
}

/* Links ohne Unterstreichung und Invertierung */
#impressum a,
h2 a{
	text-decoration: none;	
}
#impressum a:hover,
#footer a:hover,
small a:hover{
	color:#336699;
	background:none;
	text-decoration: underline;	
}

/* mediaarchitecture */
#header h1 {
	font-size: 1.1em; 
	font-weight:bold; 
	color: #222; 
}
#header h1.left span{
	padding:0 .2em;
	color:#FFF;
	background:#62819A;
}

/* Trenner */
h2 {	
	color: #444; 
	padding:.2em 0;
	margin: .8em 0;
	width:auto;
	border-top: 1px dashed #444;
	border-bottom: 1px dashed #444;
}


/* SubHeadline Artikel */
h3 {
	padding:.5em 0 .2em 0;
	color: #444; 
}

small,#footer p{color:#666;}
small,#footer p,#impressum {font-size: .75em;}

p,ul {
	line-height: 1.6em;
	padding:.5em 0;
}

address {
	font-style:normal;	
	line-height: 1.5em;
	margin: 0 0 1em 0;
}

strong,b {font-weight: bold;}
em,i { font-style:italic; }

blockquote { 
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; 
	color: #666; 
	background: transparent; 
	border: 0;
}

acronym, abbr {
	letter-spacing: .07em;
	border-bottom: 1px dashed #c00;
	cursor: help;
}

ul.linklist {
 list-style-type: none;
}

ul.linklist li {margin:0;}

	
	
	
/********************************/
/* 	Menu						*/
/********************************/	
	
.menu{
	list-style:none;
	margin:0 0 3em 0;
	
}	
.menu li{
	line-height:1.4em;
}	
.menu li a{
	text-decoration:none;
}	
.menu li a:hover, 
.menu li.current_page_item a{
	font-weight:bold;
	color:#336699;
	background: none; 	
}	


/* ######################################################################################################
** ### Bildpositionierung links- und rechtsbündig als Fließobjekte ######################################
** ######################################################################################################
*/

.smallImage img, .largeImage img, .flvPlayer, .slidePlayer {
	padding:1px;
	border:1px dashed #000;
} 

img.left {
	float: left;
	margin-right: 1em; 
	margin-bottom: 0.15em; 
	border:0;
}

img.right {
	float: right;
	margin-left: 1em; 
	margin-bottom: 0.15em; 
	border:0;
}

img.center {
	text-align:center;
	background: #fff;
	padding: 4px;
	border:1px #ddd solid;
}





/* ######################################################################################################
** ### Subtemplates #####################################################################################
** ######################################################################################################
*/

	.subcolumns { 
		width: 100%;
		padding: 0 1px 0 1px;
		margin: 0 -1px 0 -1px;
		overflow: hidden; 
	}
	
	.c50l, .smallImage, .largeImage {float: left; overflow:hidden; }
	.c50r, .smallText, .largeText {float: left; overflow:hidden;}
	
	.c50l, .c50r { width: 49.999%; }
	.smallImage { width: 64px;}
	.largeImage { width: 369px; }
	.smallText { width: 34%; }
	.largeText { width:88%; }

	
	.subcl { padding: 1em .6em 1em 0em; overflow: hidden; }
	.subcr { padding: 1em 0em 1em .6em; overflow: hidden; }
	
	.smallImage .subcl,.largeImage .subcl  { padding-top: 2.1em;}


}/* /media! */



/* ######################################################################################################
** ### Skiplink-Navigation ##############################################################################
** ######################################################################################################
*/
@media screen, print
{

	.skip {
		position: absolute;
		left: -1000em; 
		width: 20em;
	}

}/* / @media */


@media print
{

	ul.menu,#impressum {
		display:none;
	}

}/* / @media */