/* CSS fuer Rugi OHG */

body {
	font: 12px/1.4 Arial, Helvetica, sans-serif !important;
	margin: 0;
	padding: 0;
	background: url(../images/rugi-bg.gif) #F9F9FB;
}

html {
	font: 12px/1.4 Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

.clearer {
	clear: both;
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
}

#seite {
	width: 960px;
	min-height: 550px;
	padding: 0;
	margin: 0 auto;
	border-bottom: 1px dotted #003b79;
	border-left: 1px dotted #003b79;
	border-right: 1px dotted #003b79;
	background-image: url(../images/hg_seite.gif);
	background-repeat: repeat-y;
	background-color: #fff;
}

#kopf {
	height: 186px;
	padding: 0 0 0 0;
	border-bottom: 1px dotted #003b79;
	overflow: hidden;
}

#balken {
	border-top: 21px solid #003b79;
	width: 960px;
	height: 1px;
	overflow: hidden;
}

#logo {
	width: 180px;
	height: 165px;
	padding: 0;
	margin: 0;
	float: left;	
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;	
}

#schmuckfoto {
	width: 780px;
	height: 165px;
	padding: 0;
	margin: 0;
	float: left;	
	background-color: #fff;
}

#navigation {
	width: 180px;
	float: left;
	padding: 0;
	margin: 0 0 36px 0;
	list-style: none;
}

#navigation li ul li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#navigation li ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#navigation li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#navigation li {
	width: 180px;
	padding: 0;
	border-bottom: 1px dotted #003b79;
	line-height: 35px;
}

#navigation li ul li {
	border-bottom: 0!important;
}

#navigation li.cur ul li a {
	color: #555;
}

#navigation li a {
	margin-left: 25px;
	color: #555;
	font-size: 12px;
	text-transform: uppercase;	
	text-decoration: none;
}

#navigation .cur a {
	color: #003b79;
}

#navigation li a:hover, #navigation li ul li a:hover {
	text-decoration: none;
	color: #003b79;
}

#navigation li ul li a {
	text-transform: none;
}

#navigation .subnav2, #navigation li ul li .subnav2 {
width: 165px;
}

#navigation .subnav2 a, #navigation li ul li .subnav2 li a {
margin-left: 40px;
width: 115px;
line-height: 1.3em!important;
display: block;
}

#inhaltmitte {
	width: 780px;
	float: left;
	margin: 0 0 20px 0;
}

#brotkrumen {
	height: 35px; /* vorher 21px */
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px dotted #003b79;
	line-height: 35px; /* vorher 21px */
	width: 560px;
	background-color: #f7f7fa;	
	float: left;
}

#brotkrumen a {
	color: #555;
	text-decoration: none;
}

#brotkrumen a:hover {
	text-decoration: none;
	color: #003b79; 
}

#brotkrumen .erst {
	text-transform: uppercase;
}

#brotkrumen .letzt {
	text-transform: none;
	color: #003b79;
}

/* IE-Star-Hacks: Brotkrumenhoehe anpassen */
*html #brotkrumen {	
	line-height: 35px; /* vorher 20px */
}

*+html #brotkrumen {	
	line-height: 35px;
}
/* ENDE IE-Star-Hacks */

#brotkrumen li {
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none;
	display: inline;
}

/* SUCHE */

#suche {
	width: 220px;
	height: 35px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: right;
	border-bottom: 1px dotted #003b79;
}

#suche h2 {
	font-size: 11px!important;
	font-weight: bold!important;
	color: #003b79!important;
	text-transform: uppercase!important;
	width: 196px!important;
	padding: 12px 2px 9px 12px!important;
	margin: 0!important;
	width: 50px!important;
	float: left!important;
}

#suchwort {
	width: 120px;
	height: 14px;
	font-size: 10px;
	padding: 0 1px;
	margin: 12px 2px 0 0;
	border: 1px inset;
	float: left;
}

#suchsend {
	margin: 4px 0 0 0;
}

/* Zweispaltiger Inhaltsbereich */
#unterseiteninhalt_l {
	margin: 28px 20px 20px 20px;
	color:#003b79;
	float: left;
	width: 520px;
}

#unterseiteninhalt_r {
	margin: 28px 12px 20px 15px;
	float: left;
	width: 193px;
}

/* ENDE Zweispaltiger Inhaltsbereich */

/* Einspaltige Anzeige auf Unterseiten, s */

#unterseiteninhalt_l_1s {
	background-color: #0ff;
	/*margin: 28px 20px 20px 20px;*/
	color:#003b79;
	float: left;
	width: 780px
	min-height: 350px;
}

#inhaltmitte p {
	margin: 0 0 20px 0;
	padding: 0;
	color: #003B79;
}

/* News-Ausgabe auf Unterseiten anpassen */

.news_datum {
	font-weight: bold;
}

a.newslesen, .newslesen a, .news-single-backlink a, .news-single-item a {
	color: #58585A!important;
	text-decoration: none;
}

a.newslesen:hover, .newslesen a:hover, .news-single-backlink a:hover, .news-single-item a:hover {
	text-decoration: underline;
	color: #003b79!important;
}

.news-list-item {
	color: #003b79;
	background-color: #fff;
	border-bottom: 1px dotted #003b79;
	margin: 20px 0 0 0;
	padding: 0 0 20px 0;
}

h1 {padding-left: 5px;}

.csc-frame-frame1 h1 {padding-left: 5px;}

.newslesen {
padding-left: 5px;
}

.news-list-item h3 {
	display: inline;
	padding: 15px 0 15px 5px;
	font-weight: bold!important;
}

.news-single-item {padding-left: 5px;}

.news-single-item h2 {
	font-weight: bold!important;
	text-transform: none!important;
}

.news-single-imgcaption {
	font-style: italic;
	margin: 10px 0 15px 0!important;	
}

.trenner_vert {
	margin: 0 10px;
}

.news-listen-bild {
	width: 508px;
/*	overflow: hidden; 	*/
	float: left;
/*border: 1px dotted #053d76;*/
	margin: 15px 0 15px 5px;
	padding-top: 0px;
}

.news-listen-bild img, .news-single-img img{
	border: 1px dotted #053d76;
	padding: 0px;

}

/* Kontaktformular anpassen */

.csc-mailform {
	border: 0;
}

.csc-mailform-field label {
	width: 150px;
	display: inline-block;
	text-align: right;
	padding-right: 5px;
}
 
.csc-mailform-field #mailformname, .csc-mailform-field #mailformfirma, .csc-mailform-field #mailformstrasse, .csc-mailform-field #mailformort, .csc-mailform-field #mailformemail, .csc-mailform-field  #mailformnachricht, .csc-mailform-field  #mailformbetreff {
	width: 350px;
	background-color: #f7f7fa;
	border-top: 2px solid #053d76;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 2px solid #053d76;
}

.csc-mailform-field  #mailformnachricht {
	height: 140px;
}

#mailformformtype_mail {
	margin-left: 155px;
}

.csc-mailform-field {
	margin-bottom: 10px;
}

.csc-mailform-field #mailformformtype_mail {
	background-color: #f7f7fa;
	color: #053d76;
	font-weight: bold;
	border: 0;
	padding: 10px;
	border-bottom: 1px solid #053d76;
	border-right: 1px solid #053d76;
}

/* Showroom anpassen */

.showroom_hidden {display: none;}
.listitem_showroom {
	display: block;
	width: 200px;
	height: 180px;
	background-color: #f7f7fa;
	margin: 0 10px 10px 0;
	padding: 0 10px 0 10px;
	float: left;
}

.listitem_showroom * {
	color: #053d76;
}

#inhaltmitte #unterseiteninhalt_l h1, #inhaltmitte #unterseiteninhalt_l_1s h1 {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #9e9e9e;
}

#inhaltmitte #unterseiteninhalt_l h2, #inhaltmitte #unterseiteninhalt_l_1s h2 {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
	color: #9e9e9e;
}

#inhaltmitte #unterseiteninhalt_l h3, #inhaltmitte #unterseiteninhalt_l_1s h3 {
	font-size: 12px;
	font-weight: normal;
	color: #9e9e9e;
}

#unterseiteninhalt_r h1 {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #9e9e9e;
}
#unterseiteninhalt_r h2 {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
	color: #053d76;
	margin: 5px 0 10px 0;
}
#unterseiteninhalt_r h3 {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
	color: #053d76;
	margin: 0 0 0 0;
}

#unterseiteninhalt_r a {
	color: #606163;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
#unterseiteninhalt_r a:hover {
	color: #053d76;
}

#unterseiteninhalt_l a {
	color: #606163; 
	text-decoration: none;
	background-color: #fff;
}
/* 003b79 */
#unterseiteninhalt_l a:hover {
	color: #053d76;
	background-color: #fff;
}

/* TYPO3-Klassen anpassen */

.csc-textpic-imagewrap {
	margin: 0 0 35px 10px;
}

.csc-textpic-image {
	border: 1px dotted #003b79;
}

#schmuckfoto .csc-textpic-image {
	padding: 0!important;
	border: 0!important;
}

.csc-textpic-text h6, p {display: inline;}

.csc-textpic-text h6 {
	font-size: 12px;
	color: #606163;
	font-weight: normal;
}

.csc-textpic-text p {
	font-size: 12px;
	color: #234b81;
}

#unterseiteninhalt_l .csc-textpic-text a.download {
	color: #606163;
	text-decoration: none;
	display: block;
	margin-top: 10px;
}

#unterseiteninhalt_l a.mail {
	color: #606163;
	text-decoration: none;
}

.newsletteranmeldung a:link, .newsletteranmeldung a:active, .newsletteranmeldung a:visited {
	color: #606163!important;
	text-decoration: none;
}
.newsletteranmeldung a:hover {
	color: #393A3C!important;
}

#unterseiteninhalt_l .contenttable a.download {
	color: #606163;
	text-decoration: none;
	display: block;
	text-align: right;	
}

#unterseiteninhalt_l .csc-textpic-text a.download:hover, #unterseiteninhalt_l .contenttable a.download:hover, #unterseiteninhalt_l a.mail:hover {
	color: #393A3C;
}

#unterseiteninhalt_l .csc-header h2, .contenttable thead, #unterseiteninhalt_l_1s .csc-header h2 {
	text-align: left;
	color: #234b81!important;
	background-color: #f8f9f9;
	width: 170px;
	padding: 5px!important;
	text-transform:none!important;
	margin: 0 0 3px 0!important;
}

.contenttable {
	width: 100%;
	margin-top: 35px;
	border-bottom: 1px dotted #003b79;
}

.contenttable td {
	border-top: 1px dotted #003b79;
	padding: 5px 5px 5px 0
}

.contenttable th {
	padding: 5px 5px 5px 0
}

#unterseiteninhalt_r {line-height: 25px;}

.subnav {margin: 0 0 0 15px!important;}

.textanreisser {margin: 0 0 15px 0;}

.news-single-backlink {margin: 15px 0 15px 0;}

.contenttable {margin: 0 0 15px 0;}

.news-single-timedata {padding-left: 0px;}

.tx-ttnews-browsebox {padding-top: 15px;}

p.bodytext, .tx-ttnews-browsebox p {padding-left: 5px!important;}
.news-single-item p {margin-left: 0!important; padding-left:0!important;}

#unterseiteninhalt_l ul li, #unterseiteninhalt_l ol li {font-size: 12px; }
#unterseiteninhalt_l ul {margin-left: 18px; }

.news-single-img a + p + a {display: none;}

.news-single-item div + h2 {margin-bottom: 0; padding-bottom: 0;}

.news-list-item h3 {color: #003b79!important;}

.news-list-date {color: #9e9e9e;}

.news-single-item h2 {
	font-weight: bold!important;
	color: #053d76!important;
}

.csc-textpic-imagerow {margin-bottom: 10px;}

#PRODUCT_IMAGE_SINGLE a img + a img {display: none;}

#unterseiteninhalt_r p.bodytext {padding-left: 0!important;}

#schmuckfoto .tx-onetrandomcontent-pi1 {margin-top: -1px;}
.newsletteranmeldung {padding-left: 5px;}

#unterseiteninhalt_r .csc-textpic-imagewrap {margin:0 0 0 0!important;}
#unterseiteninhalt_r h1 {padding-left: 0!important;}

.bodytext b a {color: #58585A; text-decoration: none;}
.bodytext b a:hover {color: #58585A; text-decoration: underline;}

#inhaltmitte a img {border: 0;}