/* ========================================================================
   Stylesheet für medandmore communications 
   Stand: 		Juni 2009
   Datei: 		medandmore.css
   Autorin: 	Viola Renno • www.viopix.de • Spessartring 18 • 63110 Rodgau
   Aufbau: 		1. Kalibrierung und allgemeine Styles
   				2. Styles für die Layoutbereiche
======================================================================== */


/*	=========================================================
	1. Kalibrierung und allgemeine Styles
	=========================================================	*/


*				{
	margin: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}	/*setzt am Anfang allgemeine Stylesheets auf Null, für alle Browser */

h1, h2, p, ul, ol	{
	margin-bottom: 0em;
}	/*Abstand nach unten */
ul ul			{	margin-bottom: 0;	}	/* Verschachtelte Liste ohne Abstand*/
/*li				{	margin-left: 1em;	}	/* Abstand von Links */

.bildlinks		{
	float:left;
	padding: 3px;
	margin-right: 10px;
	margin-bottom: 5px;
	display: inline;		/*	behebt doppelabstand-bug in IE 6 */
				}
				
.bildrechts		{	float: right;
					padding: 3px;
					/* border: 5px solid #ccc; */
					margin-bottom: 50px;
					margin-left: 10px;
					display: inline;		/*	behebt doppelabstand-bug in IE 6 */  
				}
				
						
				
.clearing		{	clear: both;	}

/*	Allgemeine Selektoren */

html			{ height: 101%; }

body			{
				color: white;
				/* background-color: #cccccc; */
				font-family: Verdana, Arial, Helvetica, "sans serif";
				font-size: 0.8em;
				line-height: 120%;
				}
				
h1				{ font-size: 150%;
				 padding: 1em 0 0.5em 0;
				 line-height: 120%;
				}
				
.hstartseite	{ font-size: 150%;
					font-weight: bold;
					padding: 0 0 0.5em 0;				
				}
				
.h2				{ font-size: 130%;
					font-weight: bold;
					padding: 0 0 1em 0;				
				}	
				
				

h2				{ font-size: 110%;
				}

h3				{ font-size: 90%;
				font-weight: normal;
				line-height:0.2em;
				padding: 0 0 0.8em 0;
				}
				
/* table			{   margin-bottom: 1em;	}			Abstand von unten */

address			{
				text-align: center;
				font-size: 80%;
				font-style: normal;
				letter-spacing: 2px;
				line-height: 1.5em;
				}

blockquote		{
				color: #999999;
				font-size: 180%;
				font-weight: bold;
				padding: 2em 0 1em 0;
				/*letter-spacing: 1px;*/
				line-height: 1.4em;
				}
				
.bildzitat		{
				padding: 4em 0 5em 0;
				}				
				
				
				

/*	Hyperlinks allgemein */
/* Reihenfolge: 1. a:link; 2. a:visited; 3. a:hover, a:focus; 4. a:active; */

/* a				{
				text-decoration: none;
				outline: none;
				}
				
a:link			{color: #d90000;}
a:visited		{color: #cc6666;}
a:hover, a:focus {
				border-bottom: 1px solid #d90000;
				}

a:active		{
				color: #d90000;
				/* background-color: #d90000; 
				}*/


.skiplink		{
				position: absolute;
				top: -2000px;
				left: -3000px;
				width: 0px;
				height: 0px;
				overflow: hidden;
				display: inline;
				}								/* Barrierefreie Elemente durch große neg px-Werte aus dem sichtbaren Bildschirmbereich ausblenden */

#logo			{
				color: black;
				background-color: red;
				padding: 0px;
				border: 0;
				}
				
/*	================================================
	2. Styles für die Layoutbereiche
	================================================	*/

/* hält aussen alles zusammen */

#wrapper		{
				color: black;
				background-color: white;
				border: 1px dotted #333;
				width: 950px;
				margin: 10px auto 10px auto;
				}								/* Margin rechts & links auto zentriert css-Gestaltung :-) */	

/* Logo, Kästchen und Bild-Zitatleiste */	
			
#kopfbereich	{
				position: relative;				/*	positioniert, aber bleibt im Fluss! (keine Werte)*/
				color: black;
				padding: 0px 20px 0px 0px;
				/* background-position: top-left; */
				
				}
				
		#kopfbereich p	{
				position: absolute;
				top: 10px;
				right: 10px;
				font-weight: bold;
				padding: 0px 50px 0px 0px;
				margin-bottom: 1em;				/*	War 1em */
				}

		/* #kopfbereich p span	{					/*	nur in span text einfärben 
				color: #d90000;
				} */

#bildleiste		{
				padding: 0 0 0 50px;
				margin: 0 0 1.5em 0;
				}


/*Navigation*/	

#navigation {
   float:left;
   background-color: transparent;
   margin: 3em 4.5em 0 0;
   padding: 0 0 5em 0;
   width: 170px;
   height: 500px;
   }

/*navigationsbuttons breite */

#navigation LI {
   background-color: transparent;
   padding: 0;
   margin: 0;
   list-style: none;
   width: 170px;   
   }

/*navigationsbuttons Außenrand */

#navigation UL {
   background-color: transparent;
   padding: 0 0 0 0;
   margin: 0;
   }

/*navigationsbuttons Text und Randfarbe*/

#navigation A {
	display:block;
	font: normal 0.9em sans-serif;
	line-height: 1.6em;
	text-decoration: none;
	border: 1px dotted #d90000;
	margin: 4px;
	width: 170px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
   }

#sub A:link, #sub A:visited, #sub A:focus, #sub A:hover {
		font: normal 0.8em sans-serif;
		line-height: 1.6em;
		text-decoration: none;
		text-indent: 0px;
		border: 1px dotted #999999;
		}


/*Navi Textfarbe  Link + Hintergrund */


#standortmarke A:link,  #standortmarke A:visited, #standortmarke A:focus, #standortmarke A:hover{
		font: bold 0.9em sans-serif;
		padding: 0.5em 0 0 0;
		line-height: 2.5em;
		text-decoration: none;
		border: 0;
		}


#navigation A:link, #navigation A:visited {
   color: #000000;
   }/*Textfarbe Navi hover + hintergrund */

#navigation A:hover, #navigation A:focus {
   color: #ffffff;
   background-color: #d90000;
   }  
   

#standort_sub {	
   				font: bold 0.8em sans-serif;
   				line-height: 1.8em;
				text-indent: 0.8em;
				}


/*subnavigation Klassen und Textgröße*/   
   








/* Textbereich */

#textbereich	{
	padding: 0 50px 3em 230px;
	line-height: 1.65em;
	background-attachment: fixed;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center center;
						}
		
#textbereich p  { padding: 0 100px 0 0px;
				}


		
/* Textbereich Links */		
		#textbereich A { 
				/* border-bottom: 1px dotted #cc0000; */
				font-weight: bold;
				font-family: sans-serif;
				color: #000000;
				text-decoration: none;
				}		
		
		#textbereich A:visited  {
				color: #999999;
				}
				
		#textbereich A:hover,
		#textbereich A:focus	{
				border: none;
				color: #d90000;
			
				}

.tab			{
				padding: 0 0 0.8em 1em;
				line-height: 110%;
				color: #000000;
				}


.absatz			{
				padding: 0 0 1.2 0;
				}


#textbereich li {
				font-weight: bold;
				list-style: none;
				}

/* Textbereich Sonderformen */		

a img {border: none;}


marquee p		{ margin: 2em 2em 4.5em 2em;
				} 


#marquee A		{
	font-weight: normal;
	font-family: sans-serif;
	color: #000000;
	text-decoration: none;
				}
				
				
#marquee A:visited	{
					color: #999999;
					}

#marquee A:hover,
#marquee A:focus	{
				border: none;
				color: #d90000;
				}


#textbereich table {
				align: top;
				font-family: Verdana, Arial, Helvetica, "sans serif";
				font-size: 100%;
				color: #000000;
				}
				
				
.tablehead		{ color:#d90000; }





/* Fussbereich */

 #fussbereich	{
				padding: 10px 0px 0px 600px;
				}


#fussbereich p	{
				position: relative;
				top: 10px;
				right: 0px;
				font-weight: bold;
				padding: 0px 0px 0px 0px;
				}


/*	=====================================================
	Ende des Stylesheets
	=====================================================	*/