/*
Colors:

red: 				DE1E26
dark blue:	384E60
mid blue:		5D8197

*/

/** Layout **/
.header {
	height: 190px;
	background-image:url('../images/layout/header.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: right;
	vertical-align: top;
}

#popup_header {
	height: 86px;
	background-image:url('../images/layout/popup_header.jpg');
	background-repeat: no-repeat;
	text-align: right;
	vertical-align: top;
}

#topmenu {
	margin-top: 17px;
}

#topmenu td {
	height: 23px;
	background-color: transparent;
	background-image: url('../images/layout/topmenu_bg.gif');
	background-repeat: repeat-x;
}

#topmenu td.slope {
	background-color: transparent;
	background-image: url('../images/layout/topmenu_slope.gif');
	background-repeat: no-repeat;
}

#topmenu A {
	color: #FFFFFF;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 7px;
	text-decoration: none;
	text-transform: uppercase;
}

#topmenu A:active, #topmenu A:hover, #topmenu .sel {
	text-decoration: underline;
}

#rootmenu {
	background-image:url('../images/layout/bg_rootmenu.jpg');
	background-repeat:no-repeat;
	height: 30px;
}

#rootmenu th {
	width: 2px;
	background-image:url('../images/layout/rootmenu_delimiter.jpg');
	background-repeat:no-repeat;
}

#rootmenu td {
	padding: 0;
	margin: 0;
}

#rootmenu A {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	background-image:url('../images/layout/rootmenu_button.gif');
	background-repeat: repeat-x;
	background-position: left top;
	border-left: 1px solid #9D0D15;
	border-right: 1px solid #F5222A;
	padding: 7px 10px;
	display:block;
	float:left;
}

#rootmenu A:active, #rootmenu A:hover, #rootmenu .sel {
	text-decoration: underline;
}

#rootmenu A:active {
	background-position: left bottom;
}

#rootmenu .sel {
	background: none;
	background-color: #1F384C;
	border-left: 1px solid #000000;
	border-right: 1px solid #1E5078;
}

.content {
	/*width: 715px;/**/
	text-align: left;
	vertical-align: top;
	padding-top: 10px;
	padding-left:15px;
}

.content_table1 TD {
	padding: 5px;
}

.content_table2, .content_table3, .content_table4 {
	border-collapse: collapse;
}

.content_table2 TD {
	padding: 5px;
	border: 1px solid #000;
}

.content_table3 TD {
	padding: 5px;
	border-bottom: 1px solid #cfdfef;
}

.content_table4 TD {
	padding: 5px;
	vertical-align: bottom;
	/*border: 1px solid #cfdfef;/**/
}


#footmenu td {
	padding: 0;
	margin: 0;
}

#footmenu A {
	color: #1F384C;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 10px;
	display:block;
	float:left;
}

#footmenu A:active, #footmenu A:hover, #footmenu .sel {
	text-decoration: underline;
}

#footmenu A:active {
	color: #5D8197;
}


<!-- Bei neuen content_tableN styles die Eigenschaft border-collapse (siehe oben) eintragen -->

.content_active_link {
	font-weight: bold;
}

/*
.contenttxt {
	position: relative;
	top: 10px;
	width: 710px;
	margin-right: auto;
	margin-top:auto;
	margin-bottom:auto;
	margin-left:15px;
}
*/

.footer {
	margin-top: 24px;
	padding-top: 6px;
	background-image:url('../images/layout/bg_footer.jpg');
	background-position:top;
	background-repeat: repeat-x;
}

.footer {
	margin-top: 11px;
	background-image:url('../images/layout/bg_footer.jpg');
	background-position:top;
	background-repeat: repeat-x;
}

.footertxt {
	padding-top: 6px;
	padding-bottom: 4px;
	text-align: left;
	vertical-align:top;
}

.footmenu {
	padding-top: 6px;
	padding-bottom: 4px;
	text-align: left;
	vertical-align:top;
}

.leftbg {
	width: 9px;
	background-image:url('../images/layout/bg_leftbg.jpg');
	background-color: #425868;
	background-position: left top;
	background-repeat: no-repeat;
}

#left {
	text-align: left;
	vertical-align: top;
	width: 192px;
	padding-top: 10px;
	padding-left: 6px;
}

#left #nav {
	text-align: left;
	width: 186px;
	border-right: 1px solid #1f384c;
}

#left #nav td {
	background-image:url('../images/layout/bg_leftnav.jpg');
	background-repeat:no-repeat;
	background-position: left;
	width:140px;
	padding-bottom: 3px;
	padding-top: 2px;
	padding-left: 28px; 
}

#left A {
	font-size: 11px;
	color: #1f384c;
	text-decoration: none;
}

#left A:active, #left A:hover {
	font-size: 11px;
	color: #305676;
	text-decoration: none;
}
#left .leftnavi_active A {
	text-decoration: underline;
	}

#left .box {
	margin-top:10px;
	width:170px;
	padding-left: 16px;
	padding-top: 30px;
	padding-bottom: 11px;
	margin-bottom: 24px;
}

#left .box A {
	color: #DE1C24;
	text-decoration: none;
}

.box#katalog {
	background-image: url('../images/layout/hl_neydorffkatalog.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}

.box#newsletter {
	background-image: url('../images/layout/hl_neydorffnewsletter.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}

.box#kontakt {
	background-image: url('../images/layout/hl_neydorffkontakt.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}

#startnews {
	background-image: url('../images/layout/hl_neydorffaktuell.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 43px;
}

#startnews .item {
	margin-bottom: 1.5em;
}

#startnews H3 {
	margin: 0;
}

#startnews H4 {
	color: #DE1E26;
}

/***********************************************/

.examples H3 {
	background-image: url('../images/layout/list_blue.gif');
	background-repeat: no-repeat;
	background-position: left 0.4em;
	padding-left: 12px;
	margin-bottom: 0.5em;
}

.examples P {
	margin-bottom: 1.5em;
}

/***********************************************/

UL.L1 {
	margin: 0;
	padding: 0;
}

UL.L1 LI {
	font-weight: bold;
	margin-top: 0.5em;
	margin-left: 15px;
	padding-left: 12px;
	background-image: url('../images/layout/list_blue.gif');
	background-position: left 0.4em;
	background-repeat: no-repeat;
	list-style-type: none;
}

UL.normal LI {
	font-weight: normal;
}

UL.L2 {
	margin-bottom: 1.5em;
	padding-left: 0;
}

UL.L2 LI {
	font-weight: normal;
	list-style-image: none;
	list-style-type: none;
}

.highlight {
	color: #de1c24;
}