/* 	Layout CSS
	V1.0 für maier24.net
	Fonts und Farben ausgelagert
	(c) by Andreas Riedl
	
	Letzte Änderung: 27.01.2007
*/
	

/* Diese CSS beinhaltet
	- Allgemein
	- Header
	
	- Content
	- Navigation
	- Topic
	- Footer
	
-*/



/* ****************************************************************************** */
/* Allgemeine Layoutobjekte */
* {
	padding: 0;
	margin: 0;
}

body {
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* ****************************************************************************** */
/* Schriftgrößen */

/* Links */
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}

#content a {text-decoration: underline;}

/* p */
p {font-size: 0.9em;font-weight:normal;}
p.text12 {font-size: 1.3em;}
p.text10 {font-size: 1.1em;}
p.text09 {font-size: 1.0em;}
p.text08 {font-size: 0.9em;}
p.text06, p#position, p#a_top {font-size: 0.7em;}

/* Überschriften */
h1 {font-size: 1.5em;}
h2 {font-size: 1.1em;}
h3 {font-size: 1.0em; }
h4 {font-size: 1.0em;}
h5 {font-size: 0.9em;}


/* ****************************************************************************** */
hr {
	vertical-align:middle;
	overflow:hidden;
	border:0 none;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#ddd;
}

/* ****************************************************************************** */
/* Gesamtes Containerelement, welches alle Elemente enthält */
#wrap {
	width:52em; margin:0 auto;margin-top:1em;
	position:relative;
	border-width:1px; border-style:solid;
	border-color:#E4E4E4;
}

/* ****************************************************************************** */

#header {
	width:52em;
	margin-bottom:-4px;
}

#header img {
	width:52em;
	border-style:none;
}

/* Alle Elemente im Header */

#sub_navbar {
	padding:0.2em 0 0 0em;
	position:relative; 
	margin-top:1em;
}

	#sub_navbar li {display:inline;}
	
	#sub_navbar img {border-style:none;margin-right:0.5em;}
			
		#sub_navbar li a, #sub_navbar a:link, #sub_navbar a:active, #sub_navbar a:visited {
			text-decoration:none; 
			padding: 0.2em 0.6em 0.15em 0.6em; 
			position:relative;
		}
		
		#sub_navbar a:hover {
			text-decoration:underline;
		}

/* ****************************************************************************** */


/* ****************************************************************************** */
/* Elemente für Content rechts oder auch statt Navigation */
	/* für Content */
	
	/* 
	content_center
	*/
	
table#content {
	width:100%;
	border-width:0px;
	position:relative; 
}
	
	td#content_center {
		vertical-align:top;
		padding-left:2em; 
		padding-right:2em;
	}
		
		/* Akutelle Navigationsposition */
		p#position {
			text-align:left;
			margin-top:1em;
		}
		p#position a {
			text-decoration:underline;
		}	
		
		td#content_center #mainpic {
			width:7em;float:left;margin-right:0.8em;margin-left:-2em;
		}

/* ****************************************************************************** */

/* Elemente für die Leistungen */

#leistungen {width:48em;}

#leistungen a.hid em 
{display:none;}

#leistungen a.hid 
{text-decoration:none;}

#leistungen a.hid:active img, #leistungen a.hid:focus img
{display:none;}

#leistungen a.hid:active em, #leistungen a.hid:focus em
{text-decoration:none;display:block;font-style:normal;cursor:default;margin-top:-1.2em;}

#leistungen td {vertical-align:top;}


.leistungen_obj {width:11em;}

	.leistungen_obj img {
		margin-bottom:-0.2em;
		width:11em;
		/*opacity: 0.7; 
		-moz-opacity: 0.7;	
		filter:alpha(opacity=70); */
	}
	
	/* Topic Inhalt */
	.leistungen_obj .leistungen_obj_content {
		overflow:hidden;
		border-style:solid;
		border-width:1px;
		text-align:left;
		padding:0.3em;		
		/* opacity: 0.7; 
		-moz-opacity: 0.7;	
		filter:alpha(opacity=70); */
	}
	
	.leistungen_obj .leistungen_obj_content p {
		font-size:0.8em;
	}
	
	.leistungen_obj .leistungen_obj_content .bottom {
		margin:-0.3em;
		padding:0em;
		border-style:none;
		width:13.4em;
	}
		

/* ****************************************************************************** */
/* Alle Elemente im Footer */

	/* Fußzeile DIV */
div#footer {
	border-top-width:1px;
	border-top-style:solid;
	margin-bottom:0em;
}
		
		/* Fußzeile Right */
		div#footer p{
			margin-left:1em;
			padding:0.2em;
			font-size:0.6em;
		}

/* ****************************************************************************** */