/*====================================
Kurze Beschreibung, für welche Website die Datei ist
Datei: css
Autor: alberts
Aufbau: 
1. Kalibrierung und allgemeine Styles
2. Styles für Layoutbereiche und Buttons
3. Sonstige Styles und Listenelemente
=====================================*/

															/* 1. Kalibrierung und allgemeine Styles*/ 

body {
	/* background-color:#A5A5A5;*/
	background-color:#A5A5A5;
	font-family:arial;
	font-size:100%;
	color:#112266;
	margin:0px;
		}
		
		
																/* 2. Styles für Layoutbereiche */
	
#wrapper {
	width:1000px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
		}

#header {
		width:1000px;
		height:121px;
		}	

#inhalt {
	width:1000px;
	height:442px;
	background-image:url("bilder/inhalt.jpg");}
	
	#inhalt-neu {
	width:1000px;
	height:478px;
	background-image:url("bilder/inhalt-neu.jpg");}
	
	.inhalt-folge {
	width:1000px;
	background:#fff;
	min-height:442px;
	}
	
	#rechte-spalte
{
float:right;
width:180px;
margin-top:26px;
margin-right:50px;
}

	#rechte-spalte-folge
{
float:right;
width:180px;
margin-top:42px;
margin-right:20px;
margin-bottom:10px;
}



#spruch-start1
{
padding-left:478px;
padding-top:200px;
font-weight:bold;
color:#ffffff;
font-size:100%;
width:280px;
}	

#spruch-start2
{
padding-left:435px;
padding-top:250px;
font-weight:bold;
color:#ffffff;
font-size:80%;
width:310px;
text-align:justify;
}	

#spruch-start-neu
{
padding-left:435px;
padding-top:125px;
font-weight:bold;
color:#ffffff;
font-size:80%;
width:310px;
text-align:justify;
}	

#spruch-start3
{
padding-left:365px;

font-weight:bold;
color:#ffffff;
font-size:100%;
width:380px;
}	
	
	
	#spruch-start4
{
padding-left:335px;

font-weight:bold;
color:#ffffff;
font-size:100%;
width:380px;
}	
#fuss	{

	width:1000px;
	background-image:url("bilder/fuss1.jpg");
	margin:0 0 0 0;
	font-weight:bold;
	text-align:left;
	display:block;
		}

#nummer	{
	width:340px;
	border:1px solid #112266;
	background-color:#FFFFFF;
	
	margin-top:15px;
	margin-bottom:15px;
	
	margin-left:40px;
	text-align:center;
	
		}
		
		
		
		.nummer-folge	{
	width:165px;
	border:2px solid #112266;
	background-color:#FFFFFF;
	font-size:110%;
	margin:auto;
	margin-top:30px;
	text-align:center;
	
	margin-bottom:30px;
	z-index:10px;
	padding:4px;
		}
		
#spruch	{
	width:400px;
	float:right;
	font-size:170%;
	padding-right:4px;
	padding-top:15px;
	padding-bottom:15px;
		}
		
		

		
#text	{
	font-size:85%;
	background-color:#eeeeee;
	
	padding:20px;
	padding-left:40px;
	padding-right:40px;
	
		}
		
		
		
	
.text-folge	{
	font-size:90%;
	float:right;
	width:510px;
	padding:10px;
	padding-right:35px;
	padding-top:42px;
		}
		
		
		.text-modelle	{
	font-size:90%;
	float:right;
	width:690px;
	padding:10px;
	padding-right:30px;
	padding-top:42px;
		}
		
		
		/* Navigation links */	
		
		
		

		.menu
		{
		width: 220px;
		font-size:90%;
		padding-top:42px;
		}
		
		.menu a
		{
		
		font-weight:bold;
		text-decoration:none;
		color:#112266;
		}
						
						#navi3	{
	margin: 0;
		
		padding-top:10px;
		padding-left:40px;
				font-weight:bold;
	   
		}
		
		
		ul#navi3 a:hover, ul#Navigation span, ul#navi3 li a#aktuell {
   
	color: #E44231;
  	}
	
	ul#navi3 li {
float: none;
list-style: none;
	display: block;
	text-align:left;
	padding-right:0px;
	padding-left:12px;
	border-bottom:1px dotted #112266;
	line-height:30px;
	background : url("bilder/li-pfeil.gif") no-repeat ;
	
  		}
							/* Hauptnavigation Klickereigniss/Rollover/Aktiv/Dropdown */		



#kontakt	{
	border-right:1px solid #fff;
	padding-left:25px;
	padding-right:25px;
	color:#FFFFFF;
	overflow:hidden;
		  	}
			
			
			

			
#ueberuns	{
	padding-left:25px;
	padding-right:0px;
	color:#FFFFFF;
		  	}

					
					
																	/* 3. Sonstige Styles */
	
																

#Rahmen {
    	width:1000px;
		height:48px;
		background-color:#E44231;
		
  			}
ul#Navigation {
		margin: 0;
		font-size:15px;
		padding-top:15px;
		padding-left:13px;
		color:#FFFFFF;
		font-weight:bold;
	    text-align: center;
		z-index:1px;

  		}

ul#Navigation li {
    list-style: none;
    float: left;
	
  		}


ul#Navigation li ul {
    margin: 0; 
	padding: 0;
    display:none; 
 /* Unternavigation ausblenden */
	position: absolute;
	float: left;
	padding-top:5px;
		background-color:#E44231;
  }


ul#Navigation li:hover ul {
    display:block;   /* Unternavigation in modernen Browsern einblenden */
	font-size:13px;
	line-height:18px;
	color:#E44231;
	  }
  


ul#Navigation a, ul#Navigation span {
    display: block;
    text-decoration: none;
    color:#FFFFFF;
	
	}

ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    color:#102065;
	
  	}
  
li a.aktuell {  /* aktuelle Rubrik kennzeichnen */
  	color:#102065;
  	}
  
ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
	color:white;
	}
	

#kontakt a:hover	{
	background-color:#E44231;
			}
			
ul#Navigation li ul li {
	float: none;
	display: block;
	text-align:left;
	padding-right:21px;
	padding-left:15px;
	border-bottom:1px dotted #fff;
	line-height:30px;
	background : url("bilder/li-pfeil2.gif") no-repeat #E44231;
	margin:5px;
	margin-top:0px;
}		

ul#Navigation li ul li.borderlos {
	float: none;
	display: block;
	text-align:left;
	padding-right:14px;
	padding-left:15px;
	border-bottom:0px dotted #000;
	line-height:30px;
	background : url("bilder/li-pfeil2.gif") no-repeat #E44231;
	margin:5px;
	margin-top:0px;
}
	
							
												 /* 2. Navi Formatierung */
												 
.unternavi	{
	
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:80%;
		  	}				
															
																	

.Rahmen2 {
   	width:960px;
	background:#E44231;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:40px;
	
  			}


			

.unternavi a:hover	{
	background-color:#E44231;
			}
			
			
	
	 
	 /* Buttons */
	 
 .raised {background: transparent; width:181px;margin-bottom:5px;font-weight:normal;font-size:75%;color: #000066 }
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#fff; border-left:1px solid #000066; border-right:1px solid #000066;}
.raised .b3 {background:#fff; border-left:1px solid #000066; border-right:1px solid #000066;}
.raised .b4 {background:#fff; border-left:1px solid #000066; border-right:1px solid #000066;}
.raised .b4b {background:#fff; border-left:1px solid #000066; border-right:1px solid #000066;}
.raised .b3b {background:#fff; border-left:1px solid #000066; border-right:1px solid #000066;}
.raised .b2b {background:#fff; border-left:1px solid #000066; border-right:1px solid #000066;}


.raised .b1 {margin:0 5px; background:#000066;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#000066;}
.raised .boxcontent {display:block;  background:#fff; border-left:1px solid #000066; border-right:1px solid #000066;}

.raised a, .raised a:visited
{
font-weight:bold;
}
.kasten-rechts
{
border:2px solid #112266;
padding:3px;
}


 /* Bilder */
			
#treppenlift-start
{
float:right;
width:187px;
margin-left:15px;
}

#treppenlift-660-bild
{
float:right;
width:250px;
margin-left:15px;
}

#kontakt-bild
{
float:right;
width:250px;
margin-left:15px;
}

#rueckruf-bild
{
float:right;
width:193px;
margin-left:25px;
}

.mod_einzelbild {
width : 250px; 
float : left; 
font-size : 90%; 
padding : 0; 
white-space : nowrap; 
height : 370px; 
font-weight : normal; 
text-align:center;

} 

.mod_einzelbild a, .mod_einzelbild a:visited
{
color:#0000ff;
font-size:120%;
}

#preise-bild
{
float:right;
width:250px;
margin-left:15px;
font-size:80%;
margin-bottom:15px;
}

#ueber-bild
{
float:right;
width:129px;
margin-left:15px;
font-size:80%;
margin-bottom:15px;
}

#angebot-bild
{
float:right;
width:187px;
margin-left:15px;
font-size:80%;
margin-bottom:15px;
}

#zuschuesse-bild
{
float:right;
width:198px;
margin-left:15px;

margin-bottom:15px;
}

#beratung-bild
{
float:right;
width:227px;
margin-left:15px;
font-size:80%;
margin-bottom:15px;
}

#karte-bild
{
position:relative;width:620px;height:840px;background-image:url(bilder/d-karte.jpg);-adbe-g:p,4,4;
}

#karte-bild a, #karte-bild a:visited
{
color:#000000;
}

img
	 {
	 border:0px;
	 }

 /* sonstiges */

ol li
{
margin-left:-10px;
}

h1
{
font-size:120%;
margin-top:0px;
}

h2
{
font-size:110%;
}

#tel-oben
{
font-size:190%;
font-weight:bold;
}

#tel-oben-pos
{
margin-left:33px;
text-align:center;
}

#but-treppenlift
{
width:180px;
height:66px;
background-image:url(bilder/Treppenlift_Button_a.gif)
}

#but-treppenlift:hover
{
width:180px;
height:66px;
background-image:url(bilder/Treppenlift_Button.gif)
}

#but-angebot
{
width:180px;
height:66px;
background-image:url(bilder/Angebots_Button_a.gif)
}

#but-angebot:hover
{
width:180px;
height:66px;
background-image:url(bilder/Angebots_Button.gif)
}


#but-anruf
{
width:180px;
height:66px;
background-image:url(bilder/Anruf_Button_a.gif)
}

#but-anruf:hover
{
width:180px;
height:66px;
background-image:url(bilder/Anruf_Button.gif)
}


#but-berater
{
width:180px;
height:66px;
background-image:url(bilder/Berater_Button_a.gif)
}

#but-berater:hover
{
width:180px;
height:66px;
background-image:url(bilder/Berater_Button.gif)
}


#but-aktion
{
width:300px;
height:108px;
background-image:url(bilder/treppenlift-aktion.gif)
}

#but-aktion:hover
{
width:300px;
height:108px;
background-image:url(bilder/treppenlift-aktion-a.gif)
}


#but-absenden
{
background:#ffffff;border:2px #E44231 solid;color:#112266;width:100px;font-weight:bold
}

#confirm
{
background:URL('bilder/confirm-pfeil.gif') no-repeat right; background-color:#E44331;color:#fff;font-weight:bold;padding:5px;cursor:pointer;padding-right:28px;font-family:Verdana;font-size:100%;
}

#confirm-b
{
background:URL('bilder/confirm-pfeil-b.gif') no-repeat right; background-color:#1F2D6E;color:#fff;font-weight:bold;padding:5px;cursor:pointer;padding-right:28px;font-family:Verdana;font-size:100%;
}

#confirm-b-angebot
{
background:URL('bilder/confirm-pfeil-b.gif') no-repeat right; background-color:#1F2D6E;color:#fff;font-weight:bold;padding:5px;cursor:pointer;padding-right:28px;font-family:Verdana;font-size:100%;;box-shadow:2px 2px 2px #666;text-decoration:none
}

.but-rechts
{
color:#E44231;text-decoration:none;display:block;padding-left:35px;width:200px;line-height:25px;
}