/*=============================================
***********************************************
MASTER STYLE SHEET FOR JUWEL Fertiggaragen
Copyright by netlop

Last edited by: Sebastian Sprungmann (sprungmann@gmail.com)
Last edited on: Okt-15-2007 10:00

special note: nothing

structure:
    1. ......import external styles
    2. ......basic elements
    3. ......layout/design elements

**********************************************
=============================================*/


/* 01 */
/* start - import external styles */

@import url(link.css);
@import url(typo.css);
@import url(formular.css);

/* end import external styles */




/* 02 */
/* start - basic elements */

html, body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: normal 100% Verdana, Helvetica, Arial, Sans-Serif;
	background: #fff url(../images/wallpaper.gif);
}

#hide {
    display: none;
}

#language_select {
	margin: 10px auto 0;
	border: 0px solid red;
	width: 760px;
	text-align: right;
	font-size: 80%;
	letter-spacing: 1.5px;
}

#top {
	border-top: 0px solid red;
	width: 760px;
	height: 4px;
	margin: 20px auto 0;
	/*background: transparent url(../images/top_bg.png) center 0 no-repeat;*/
	background: transparent;
}

#centering {
    width: 760px;
    margin: 0px auto;
	padding-left: 5px;
	padding-right: 5px;
    text-align: left;
    /*border-top: 4px solid #777;
    border-bottom: 4px solid #777;*/
    background: transparent url(../images/shadow.png) left 0 repeat-y;
}

#cd_element {
	width: 15px;
	height: 110px;
	background: transparent url(../images/cd_element.gif) 0 0 no-repeat;
	position: relative;
	top: 0;
	left: -50px;
	float:right;
	background-image: url(../images/cd_element_02.gif);
}

#header {
	background: #d0d5e3 url(../images/header_bg.png) 0 0 repeat-x;
	height: 156px;
}

#logo {
	height: 129px;
	position: relative;
	background-color: transparent;
	background-image: url(../images/diamant_header.png);
	background-repeat: no-repeat;
	background-position: 40px 50px;
}
#auxNavigation {
    float: right;
    width: auto;
    padding: 2px;
    background: #fff;
    font-size: 85%;
    border-right: 1px solid #d0d5e3;
    border-bottom: 2px solid #777;
}

#logo_text {
	position: absolute;
	left: 270px;
	top: 25px;
}

#usp {
	margin: 0 0 0 245px;
	clear:both;
}

#gallery {
    float: right;
    width: auto;
    max-width: 490px !important;
    height: auto;
    max-height: 85px !important;
	border: 1px solid green;
}

#navigationCol {
    float: left;
    width: 210px;
    background: transparent url(../images/navigation_bg_02.gif) 0 0 no-repeat;
}

#content {
	float: right;
	width: 480px;
	margin: 0 10px 30px 0;
	color: #333333;
	background: #d0d5e3 url(../images/diamant_content_bg.jpg) 51% 50% no-repeat;
    font-size: 80%;
}

#content_bottom {
	margin-top: 0;
	padding-top: 15px;
	width: 480px;
	text-align:center;
	font-size: 90%;
	line-height: 140%;
	border-top: 1px solid #A4ABC0;
}

#cont_nav {
    background: #d0d5e3 url(../images/cont_nav_bg.gif) 0 0 repeat-y;
	height: 1%; /*for ie 5.5*/
}

ul#firstNavigation {
    list-style: none;
    margin: 50px 10px;;
    padding: 2px;
}
ul#firstNavigation li {
    margin: 4px 0;
    border-bottom: 1px dotted #669;
}

ul#seccondNavigation {
    list-style: none;
    margin: 5px 0 10px 15px;
    padding: 0;
    font-size: 80%;
}

#news {
	margin: 0 0 10px;
	padding: 0 4px;
	font-size: 90%;
	line-height: 110%;
	color: #222;
	border: 1px solid #669;
}

#footer {
	width: 750px;
	margin: 2em auto;
	padding-right: 15px;
	text-align: right;
	color: #999;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 75%;
}

/* end basic elements */




/* 03 */
/* start - layout/design elements */

img {
	border: 0;
}

.preview {
    border: 1px solid #777;
    margin: 5px;
    padding: 2px;
    background: #ddd;
}   /* for the (clickable) thumbnails */


.table_home {
	margin-top: -12px;
}

#jumpToTop {
	margin-top: 25px;
	background: transparent url(../images/diamant_bottom.gif) bottom right no-repeat;
	height: 55px;
	font-size: 75%;
	letter-spacing:1px;
}

.thumbAnfahrt {
	padding: 2px;
	margin-right: 20px;
	border: 1px solid #777;
	vertical-align: middle;
}

#karte {
	margin: 20px auto 10px;
	padding: 20px;
	height: 100%;
	border: 1px solid #333;
	background: #d0d5e3;
	text-align: center;
}

#garage_img_big {
	margin: 20px auto 10px;
	padding: 20px;
	height: 100%;
	border: 1px solid #333;
	background: #424f89;
	text-align: center;
}


#content ul {
	list-style-image: url("../images/common/list_img.gif");
	list-style-type: square;
	line-height: 1.7em;
}

thead, tfoot {
	font-weight: 900;
	color: #444;
	font-style: italic;
	letter-spacing: 1px;
	text-align: center;
}

tbody.alterOdd {
	background: #E7E9F0;
}
tbody.alterEven {
	background: #d3daef;
}

ul#sitemap * {
	list-style-image: url(../images/arrow_right.gif);
	line-height: 1.6em;
}

.pdfList dd {
	margin: 0;
	padding: 0 5px;
	line-height: 1.8em;
}

.newseintrag {
	margin: 4px 0;
	padding: 6px 4px;
	border-bottom: 0px groove #eee;
}

#callbackBox {
	margin-left: 12px;
	border: 0px solid red;
}

#address {
	margin: 0 0 30px 12px;
}

/* ===--- ppnews ---=== */
.news_record_title {
	font-weight: 900;
	font-size: 110%;
}
.news_record_entry {

}
.news_record_date {
	font-size: 85%;
}


/* end layout/design elements */
