/*
 * Stylesheet fuer Riedler-Anhaenger
 * Erstellt am: 08. November 2007
 */

/*
 * -----------------------------------------------
 *              Globale Einstellungen
 * -----------------------------------------------
 */

.divider {
	margin:20px 0;
	height:1px;
	background:#D2D6DA;
	clear:both;
}

.latest_subheader p.bodytext {
	margin:0;
	padding:0;
	margin-bottom:5px;
}

body {
	margin: 0px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*background:url(../images/bgkachel.gif) repeat;*/
	background:#919191;
}

a:link, 
a:visited {
	text-decoration: underline;
}

a:hover,
a:active {
	text-decoration: none;
}
 
 
 
.fotoboek {
	width:520px;
	overflow:visible;
}
.fotoboek .counter {
	padding-top:26px;
	padding-bottom:16px;
}
*+html .fotoboek .counter {
	padding-top:14px;
}
* html .fotoboek .counter {
	padding-top:18px;
}
.fotoboek .thumbnails {
}
.fotoboek .gallery_nav {
	width:500px;
}
.fotoboek .top {
	margin-top:-27px;
}
* html .fotoboek .top {
	position:absolute;
	margin-top:-27px;
	z-index:4;
}

.fotoboek .gallery_nav .float_wrapper {
	float:right;
	width:auto;
}
.fotoboek .thumbnails {
}
.fotoboek .thumbnails .row {
	height:130px;
	clear:both;
}

.fotoboek .thumbnails .row .thumb {
	height:130px;
	width:130px;
	float:left;
}
.fotoboek .thumbnails .row .thumb A {
	border:1px solid #D2D6DA;
	padding:1px 1px;
	display:block;
	width:115px;
	height:auto;
}
.fotoboek .image {
	padding:40px 0;
}

/*
 * -----------------------------------------------
 *                ID - Selektoren
 * -----------------------------------------------
 */

/*
 * Dieser Container beinhaltet alle anderen Elemente.
 * Er dient zum horizontalen Zentrieren.
 */
#wrap {
	width: 950px;
	margin: 0px auto;
}

/*
 * Dieser Container beinhaltet alle Elemente, die sich über
 * dem Hauptmenü befinden, also:
 * #quicklinks, #riedlerLogo und #transportMitVorsprung
 */
#header {
	width: 950px;
	height: 92px;
	background: url(../images/header_bg.jpg) repeat;
}

/*
 * Container für die Quicklinks rechts oben
 */
#quicklinks {
	float: right;
	padding-right: 10px;
	padding-top: 10px;
}

/*
 * Beinhaltet alle Elemente, die etwas mit dem Hauptinhalt zu tun haben.
 */
#main {
	background-color: #FFFFFF;
	padding: 0px 10px;
	width: 930px;
}

/*
 * Container für die Hauptmenü-Punkte
 */
#menu {
	 width: 931px;
	 height: 35px;
	 margin-bottom: 10px;
	 background-color: #656565;
	 margin-left: -1px;
}

/*
 * Container für die drei Bilder über  dem Content-Bereich
 */
#imagesTop {
	background-color: #CCCCCC;
	margin-bottom: 10px;
	width: 930px;
	height: 170px;
}

/*
 * Linkes der drei Bilder über dem Content-Bereich
 */
#imageTopLeft {
	height: 170px;
	width: 200px;
	float: left;
	overflow: hidden;
}

/*
 * Mittleres der drei Bilder über dem Content-Bereich
 */
#imageTopMiddle {
	height: 170px;
	width: 540px;
	border-left: 10px solid #FFFFFF;
	float: left;
	overflow: hidden;
}

/*
 * Rechtes der drei Bilder über dem Content-Bereich
 */
#imageTopRight {
	height: 170px;
	width: 170px;
	border-left: 10px solid #FFFFFF;
	float: left;
	overflow: hidden;
}

/*
 * Container für den Content-Bereich mit 3 Spalten
 * Hintergrundbild für 3 Spalten
 */
#contentWrap_3Spalten {
	background-image: url(../images/contentWrap_3Spalten_bg.gif);
}

/*
 * Container für den Content-Bereich mit 2 Spalten
 * Hintergrundbild für 2 Spalten
 */
#contentWrap_2Spalten {
	background-image: url(../images/contentWrap_2Spalten_bg.gif);
}

/*
 * Container für die Inhaltspalten
 * Dient dazu, den Container mit den Icons für "Drucken" und
 * "nach Oben" immer unter den Spalten zu positionieren
 */
#columns {
	width: 930px;
}

/*
 * Clearfix
 */
#contentWrap_3Spalten:after,
#contentWrap_2Spalten:after,
#columns:after {    
	content: ".";    
	display: block;    
	clear: both;    
	visibility: hidden;    
	line-height: 0;    
	height: 0;
} 

/*
 * Clearfix
 */
#contentWrap_3Spalten,
#contentWrap_2Spalten,
#conlumns {    
	display: inline-block;
} 

/*
 * Clearfix
 */
html[xmlns] #contentWrap_3Spalten,
html[xmlns] #contentWrap_2Spalten,
html[xmlns] #columns {    
	display: block;
} 

/*
 * Clearfix
 */
* html #contentWrap_3Spalten,
* html #contentWrap_2Spalten,
* html #columns {    
	height: 1%;
}

/*
 * Linke Inhaltsspalte
 * Menü-Styles ausgelagert nach "accordionMenu.css"
 */
#left {
	width: 200px;
	margin-right: 10px;
	float: left;
	min-height: 385px;
}

/*
 * Mittlere Inhaltsspalte
 * Beinhaltet den eigentlichen Content-Bereich und 
 * die Pfadangabe
 */
#middle {
	width: 540px;
	min-height: 385px;
	float: left;
}

/*
 * Große mittlere Inhaltsspalte (keine rechte Spalte)
 * Beinhaltet den eigentlichen Content-Bereich und 
 * die Pfadangabe
 */
#middle.big{
	float: left;
	min-height: 385px;
	width: 720px;
}

/*
 * Rechte Zusatzspalte
 */
#right {
	width: 160px;
	min-height: 335px;
	margin-left: 10px;
	padding-left: 10px;
	padding-top: 50px;
	float: left;
	background:url(../images/spalte_right_bg.jpg) no-repeat;
}

/*
 * IE6 "Mindesthöhe"
 */
* html #left,
* html #middle,
* html #middle.big,
* html #right {
	height: 335px;
}

/*
 * Formatierung der Überschrift in der linken Spalte
 */
#left h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	width: 150px;
	padding: 15px 35px 15px 15px;
	text-align: left;
	text-transform: uppercase;
	background-color: #D2D6DA;
	border-bottom: 1px solid #FFFFFF;
}

/*
 * Container für die Pfadangabe
 */
#path {
	padding: 15px 0px 15px 10px;
	color: #999999;
}

/*
 * Linkformatierungen für die Pfadangabe
 */
#path a:link, 
#path a:visited {
	text-decoration: none;
	color: #999999;
}

/*
 * Linkformatierungen für die Pfadangabe
 */
#path a:hover,
#path a:active {
	text-decoration: none;
}

/*
 * Content-Bereich
 */
#content {
	padding: 0px 10px 10px 10px;
	width: 520px;
}

/*
 * Content-Bereich ohne rechte Spalte
 */
#content.big {
	padding: 0px 20px 10px 10px;
	width: 690px;
}

#content table,
#content.big table {
	width: 100%;
}

/*
 * Formatierungen für h1 im Content-Bereich
 * und in der rechten Spalte
 */
#content h1,
#content.big h1,
#right h1{
	color: #848D97;
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

/*
 * Formatierungen für h2 im Content-Bereich
 * und in der rechten Spalte
 */
#content h2,
#content.big h2,
#right h2{
	color: #848D97;
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

/*
 * Linkformatierungen für Content-Bereich und 
 * die rechte Spalte
 */
#content a:link,
#content a:visited,
#content.big a:link,
#content.big a:visited,
#right a:link,
#right a:visited {
	color: #666666;
	
}

/*
 * Linkformatierungen für Content-Bereich und 
 * die rechte Spalte
 */
#content a:hover,
#content a:active,
#content.big a:hover,
#content.big a:active,
#right a:hover,
#right a:active {
	color: #FF0000;
	
}

/*
 * Rahmen um Link-Bilder entfernen
 */
#content a img {
	border: 0px;
}

/*
 * Container unter #main
 * Beinhaltet #impressum und #viamedia
 */
#footer {
	background-color: #535353;
	width: 950px;
	height: 33px;
	/*margin-bottom: 15px; */
}

#footer-bottom {
	height:15px;
	background:#535353;
	width:950px;
}
/*
 * Beinhaltet den Impressumstext
 */
#impressum {
	color: #CCCCCC;
	float: left;
	margin-left: 20px;
	margin-top: 5px;
	display: inline; /*IE6 Double Margin*/
}

/*
 * Linkformatierungen für Impressumstext
 */
#impressum a,
#impressum a:link,
#impressum a:visited {
	color: #CCCCCC;
	text-decoration:none;
}

/*
 * Linkformatierungen für Impressumstext
 */
#impressum a:hover {
	text-decoration:underline;
}

/*
 * Beinhaltet den Link zur Viamedia-Homepage
 */
#viamedia {
	float: right;
	margin-right: 20px;
	margin-top: 5px;
	display: inline; /*IE6 Double Margin*/
}

/*
 * Linkformatierungen für Viamedia-Link
 */
#viamedia a:link,
#viamedia a:visited {
	color: #CCCCCC;
	text-decoration: none;
}

/*
 * Linkformatierungen für Viamedia-Link
 */
#viamedia a:hover, 
#viamedia a:active {
	color: #FFFFFF;
	text-decoration: none;
}

/*
 * Container, der die "Drucken" und "Nach oben"-Icons
 * an den unteren Rand positioniert
 */
#featureWrap {
	width: 170px;
	margin: 30px 5px 5px 750px;
}

/*
 * Container, der die Icons rechts ausrichtet
 */
#featureIcons {
	float: right;
}

/*
 * "Riedler-Anhänger" - Logo im Header
 */
#riedlerLogo {
	position:absolute;
	margin-top: 45px;
	margin-left: 20px;
}

/*
 * "Transport mit Vorsprung" - Bild im Header
 */
#transportMitVorsprung {
	position:absolute;
	margin-left: 565px;
	margin-top: 40px;
}

/*
 * Schraffierte Hintergrundgrafik unter dem Menü
 * in der linken Spalte
 */
#spacerLeft {
	width: 200px;
	height: 50px;
	border-top: 1px solid #FFFFFF;
	background:#FFFFFF url(../images/spalte_left_bg.jpg) no-repeat;
}

/*
 * -----------------------------------------------
 *                    Klassen
 * -----------------------------------------------
 */

/*
 * Rahmen, die nach oben abgerundet sind 
 * über #main und #footer
 */
.borderTop {
	width: 950px;
	height: 10px;
	background:#fff;
}
.borderTop-bottom {
	background:#535353;
	height:10px;
	width:950px;
}

/*
 * Rahmen, die nach unten abgerundet sind
 * unter #main und #header
 */
.borderBottom {
	width: 950px;
	height: 10px;
	/*margin-bottom: 10px; */
	background:#fff;
}

/*
 * Quicklink - Item rechts oben
 */
.quickLinkItem,
.quickLinkItem_Active {
	float: left;
	padding: 0px 10px;
	border-right: 1px solid #CCCCCC;
}

/*
 * Letztes Quicklink-Item
 */
.quickLinkItem_Last,
.quickLinkItem_Last_Active {
	float: left;
	padding: 0px 10px;
}

/*
 * Linkformatierungen für die Quicklinks
 */
.quickLinkItem a:link,
.quickLinkItem a:visited,
.quickLinkItem_Last a:link,
.quickLinkItem_Last a:visited {
	text-decoration: none;
	color: #CCCCCC;
}

/*
 * Linkformatierungen für die Quicklinks
 */
.quickLinkItem a:hover,
.quickLinkItem a:active,
.quickLinkItem_Active a:link,
.quickLinkItem_Active a:visited,
.quickLinkItem_Active a:hover,
.quickLinkItem_Active a:active  {
	text-decoration: none;
	color: #CCCCCC;
}

/*
 * Linkformatierungen für die Quicklinks
 */
.quickLinkItem_Last a:hover,
.quickLinkItem_Last a:active,
.quickLinkItem_Last_Active a:link,
.quickLinkItem_Last_Active a:visited,
.quickLinkItem_Last_Active a:hover,
.quickLinkItem_Last_Active a:active  {
	text-decoration: none;
	color: #CCCCCC;
}

/*
 * Hauptmenü-Items (inkl. aktive)
 */
.menuItem,
.menuItem_Active{
	float:left;
	height:35px;
	border-left:1px solid #FFFFFF;
	width:auto;
}
* html .menuItem,
* html .menuItem_Active {
	width:50px;
}

/*
 * Linkformatierungen für die Hauptmenüpunkte
 */
.menuItem a:link,
.menuItem a:visited,
.menuItem_Active a:link,
.menuItem_Active a:visited,
.menuItem_Active a:hover,
.menuItem_Active a:active {
	height:35px;
	display:block;
	padding:0 13px;
	text-transform:uppercase;
	line-height:35px;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	background:none;
}

/*
 * Linkformatierungen für die Hauptmenüpunkte
 */
.menuItem a:hover,
.menuItem a:active,
.menuItem_Active a:link,
.menuItem_Active a:visited,
.menuItem_Active a:hover,
.menuItem_Active a:active {
	background:url(../images/mainnav_border.gif) bottom left repeat-x;
	color: #FFFFFF;
	font-weight: bold;
}

/*
 * IE6-Fix
 */
* html .menuItem a:link,
* html .menuItem a:visited,
* html .menuItem a:hover,
* html .menuItem a:active,
* html .menuItem_Active a:link,
* html .menuItem_Active a:visited,
* html .menuItem_Active a:hover,
* html .menuItem_Active a:active {
	display:inline-block;
}

/*
 * Klasse für Menüpunkt "Konfigurator"
 * Soll rechts ausgerichtet sein
 */
.rightItem {
	float: right;
}

/*
 * Linkformatierungen für rechtes Item
 */
#menu .rightItem a:link,
#menu .rightItem a:visited,
#menu .rightItem a:hover,
#menu .rightItem a:active {
	padding-right: 20px;
}

/*
 * Linkformatierungen für rechtes Item
 */
#menu .leftItem a:link,
#menu .leftItem a:visited,
#menu .leftItem a:hover,
#menu .leftItem a:active {
	padding-left: 20px;
}

/*
 * Klasse für die "Drucken" und "Nach oben"-Symbole
 */
.featureIcon {
	float: left;
	padding: 0px 7px 0px 5px;
}

/*
 * Linkformatierungen für diese Symbole
 */
.featureIcon a, 
.featureIcon a img {
	border: 0px;
}

*+html .csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow {
	margin-bottom:10px;
}
.contenttable td p,
.contenttable td p.bodytext {
	padding:0;
	margin:0;
}

.news-amenu-item-year {
	margin-top: 15px;
}