/* CSS-Datei für www.steidle-garagen.de  01/2009 Martin Rieger - Rieger-Lampprecht GbR <www.rieger-lampprecht.de> */
/* ************************************* */


/* body */
html {
min-height: 100.1%;
}

body {
	margin:0;
	padding:0;
	font-size:12px;
	line-height:16.5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:#17366B;
    }
	
	p, td, th, h1, h2, h3, h4 {
	font-size:12px;
	margin:0;
	padding:0;
	margin-left:10px;
	margin-right:0px;
	}
	table {
	margin-top:0px;
	margin-left:10px;
	}
	td {
	padding-bottom:15px;
	vertical-align:top;
	}
	
	p, li {
	margin-bottom:10px;
	margin-top:10px;
	margin-left:10px;
	line-height:1.5em;
	}

	li {
	margin-bottom:5px;
	margin-top:5px;
	}
	
	ul {
	padding:0px;
	margin:0px;
	margin-left:20px;
	}
	
	h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#3B629F;
	letter-spacing:0.0em;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:10px;
	}
	
	h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	letter-spacing:0.0em;
	margin-top:0px;
	margin-bottom:15px;
	margin-left:10px;
	}
	
	
	a.noli {
	color:#333333;
	text-decoration:none;
	}
    
	form {
	margin:0px;
	padding:0px;
	}
	
    input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    }
	
	textfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
	a {
	/*color:#FF8A00;*/
	color:#19376B;
	}
	
	a.newspics, a.newspics:link, a.newspics:active, a.newspics:visited {
    border:0;
    border:1px solid #CFBF84;
    width: 108px;
	height: 81px; 
    display: block;
    }

	a.newspics:hover {
	border:1px solid #FFFFFF;
	}
	
	.pics {
	border:1 px solid #CFBAA1;
	margin-right:8px;
	}
#header {
position:relative; 
width:950px; 
height:86px; 
margin-left: auto; 
margin-right: auto;
margin-top:15px;
background-image:url(../img-style/bg-header.gif);
background-repeat:no-repeat;
}

#header-logo {
position:absolute; 
right:20px;
top:15px;
}


#navigation {
float:left; width:190px;
min-height:350px;
height:auto !important;  /* für moderne Browser */
height:350px;  /*für den IE */
} 


img{
border:0;
}

.img-border{
border:4px solid #CFBAA1;
}

#content {
position:relative; 
overflow:auto !important;  /* für moderne Browser */
overflow:inherit;
width:950px; 
margin-left: auto; 
margin-right: auto;
min-height:443px;
padding-top:0px;
padding-bottom:0px;
height:auto !important;  /* für moderne Browser */
height:443px;  /*für den IE */
background-image:url(../img-style/bg-content.gif);
background-repeat:y-repeat;
}   

#inhalt{
position:relative;
float:right; width:760px;
margin-right:0px;
min-height:423px;
background-repeat:no-repeat;
height:auto !important;  /* für moderne Browser */
height:423px;  /*für den IE */
padding-bottom:20px;
display: inline;
}

#text-left {
float:left; width:559px; padding-bottom:20px;
}

#text-right {
float:right; width:170px; margin-right:10px; margin-top:60px;
display: inline;
}
#text-right p{margin-left:10px; font-size:12px; color:#19376B;}

#text-right-contact {
float:right; width:190px; margin:0px; height:259px;
display: inline; background-color:#FFFFFF; border-bottom:1px solid #19376B;
}
#text-right-contact p { margin-left:10px;}
#text-right-contact-bottom { float:right; margin-top:30px;width:170px; margin-right:10px;}
#text-right-contact-bottom p{ margin-left:0px;}




#footer {
position:relative;
clear:both; 
width:950px; 
height:24px; 
margin-left: auto; 
margin-right: auto;
margin-bottom:30px;
background-image:url(../img-style/bg-footer.gif);
background-repeat:y-repeat;
border-top:1px solid #19376B;
}

#footer-inhalt {
position:relative;
margin-top:0px;
padding-top:4px;
width:908px; 
margin-left: 30px; 
font-size:10px;
color:#19376B;
height:20px;
}

#footer-left {
float:left; margin-top:3px; color:#19376B; margin-left:200px; display: inline; font-size:11px;
}
#footer-left a { text-decoration:none;}
#footer-left a:hover { text-decoration:underline;}

#footer-right {
float:right; width:170px; text-align:center; margin-top:3px; font-size:11px; margin-right:10px; display: inline;
}


#navi_sub {
margin-top:30px;
margin-bottom:50px;
}
		
		a.sub, a.sub_first, a.sub_aktiv, a.sub_aktivu,
		a.sub:link, a.sub_first:link, a.sub_aktiv:link, a.sub_aktivu:link,
		a.sub:visited, a.sub_first:visited, a.sub_aktiv:visited, a.sub_aktivu:visited {
		display : block;
		width:155px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		letter-spacing:0.00em;
		font-weight : normal;
		text-decoration : none;
		margin-left:10px;
		padding-left : 14px;
		line-height: 32px;
		text-align : left;
		border-bottom: 1px solid #9FB4D6;
		background : url(../img-style/bg-navi.gif) no-repeat ;
		background-position:left center;
		color:#19376B;
		}
		
		a.sub_first {
		border-top: 1px solid #FFFFFF !important;
		}
		
		a.sub:hover, a.sub_first:hover  {
		color:#19376B;
		font-weight :bold;
		}
		
		a.sub_aktiv, a.sub_aktiv:hover {
		background : url(../img-style/bg-navi-active.gif) no-repeat !important; /* !!! Hintergrundfarbe */
		background-position:left center!important;
		color:#19376B !important;
		font-weight:bold !important;
		}
		
		a.sub_aktivu, a.sub_aktivu:hover {
		background : url(../img-style/bg-navi-activeu.gif) no-repeat !important; /* !!! Hintergrundfarbe */
		background-position:left center!important;
		color:#19376B !important;
		font-weight:bold !important;
		border-bottom:0px!important;
		}
		
			a.subsub, a.subsub_aktiv, a.subsub_last,
			a.subsub:link, a.subsub_aktiv:link, a.subsub_last:link,
			a.subsub:visited, a.subsub_aktiv:visited, a.subsub_last:visited {
			display : block;
			color:#19376B;
			font-size:11px;
			letter-spacing:0.0em;
			text-decoration : none;
			padding : 4px;
			padding-top:0px;
			margin-left : 15px;
			padding-left : 15px;
			text-align : left;
			}
			
			a.subsub_last, a.subsub_last:hover {
			border-bottom: 0px !important;
			}
			
			a.subsub_aktiv {
			/* background : url(../img/submenue1.gif) no-repeat 8px 6px;*/
			/* background-color:#FFFFFF;*/
			font-weight:bold!important;
			color:#DF7E00!important;
			}
			
			a.subsub:hover, a.subsub_last:hover {
			color:#DF7E00;
			/*font-weight:bold;*/
			/*background : url(../img/submenue2.gif) no-repeat 8px 6px;*/
			}


#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist li
{
padding-left: 10px;
margin:0px;
margin-left:30px;
margin-bottom:5px;
background-image: url(../img-style/haken.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}

#slideshow{
    position:relative;
	margin:0; padding:0;
	width:569px;
	height:259px;
	border:1px solid #19376B;
	border-left:0; border-top:0;
	/*background:transparent;*/
	/*background-image:url(../img-style/bg-image.gif);*/
	background-image:none; background-color:#9FB4D6;
}






/* ANFANG - Horizontale Navigation */




#horizontal {
position:relative; 
width:950px; 
height:18px; 
margin-left: auto; 
margin-right: auto;
margin-top:0px;
background-color : #FFFFFF;
background-repeat:no-repeat;
line-height:12px;
}




#horizontale_navigation {
position : absolute;
top : 0px;
left : 189px;
width : 760px;
height : 17px;
background-color : #9fb4d6;
border-bottom : 1px solid #19376B;
border-left: 1px solid #19376B;
z-index : 3;
} 
a.top_link {
display : block;
position : absolute;
width : 150px;
color : #17366b;
text-align : center;
height : 18px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
padding-top : 1px;
text-decoration : none;
z-index : 4;
} 
a.top_link:visited, a.top_link:active {
color : #17366b;
} 
a.top_link:hover {
color : #17366b;
text-decoration : underline;
} 
a#unternehmen {
color : #17366b;
left : 15px;
z-index : 4;
} 
a#bereiche {
color : #17366b;
left : 230px;
z-index : 4;
} 
a#kontakt {
color : #17366b;
left : 445px;
z-index : 4;
} 
a#weiteres {
color : #17366b;
left : 630px;
z-index : 4;
} 
#ausklapp_navigation {
position : absolute;
top : 17px;
left : 420px;
width : 160px;
height : 80px;
border-bottom : 1px solid #000000;
border-left : 1px solid #000000;
border-right : 1px solid #000000;
z-index : 100;
visibility : hidden;
} 
#ausklapp_navigation2 {
position : absolute;
top : 17px;
left : 789px;
width : 160px;
height : 64px;
border-bottom : 1px solid #000000;
border-left : 1px solid #000000;
border-right : 1px solid #000000;
z-index : 100;
visibility : hidden;
} 
a.sub_link {
display : block;
width : 145px;
color : #17366b;
text-align : left;
height : 16px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
text-decoration : none;
background-color : #9fb4d6;
padding-left : 15px;
} 
a.sub_link:link, .sub_link:visited, .sub_link:active {
background-color : #9fb4d6;
color : #17366b;
} 
a.sub_link:hover {
background-color : #f0f5ff;
color : #17366b;
text-decoration : underline;
} 
/* ENDE - Horizontale Navigation */


#start-garagenprogramm {width: 540px; height: 90px; margin-left: 10px; margin-top:20px; margin-bottom:20px;}
#start-links{float: left; width: 20px; height: 68px;}
#start-rechts{float: right; width: 20px; height: 68px;}

.start-logos {height:90px; width:495px; overflow: hidden; float: left;}
.start-logos ul {margin:0px; padding:0px;}
.start-logos ul li {width:165px!important; height:90px!important; margin:0!important; padding:0!important; text-align:center!important;}
.start-logos a {text-transform:uppercase; font-size:11px; text-decoration:none;}
.start-logos ul li img { border:1px solid #A3B5DD;}

#vorteile { margin-left:10px; border-top:1px dotted #9FB4D6; border-bottom:1px dotted #9FB4D6; padding:10px; width:148px; margin-top:120px;}
#vorteile ul { margin:0; padding:0;}
#vorteile li {
list-style-image:url(../img-style/gfx_15.png);
line-height:1.5; color:#3B629F;
}