﻿/* CSS fuer Rugi OHG */

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

html {
	font: 11px/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/rand.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;
	background-color: #f7f7fa;
}

#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 {
	margin: 28px 20px 20px 20px;
	color:#003b79;
	float: left;
}

#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-single-imgcaption {
	font-style: italic;
	margin: 10px 0 15px 0!important;	
}

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

.news-list-item h3 {
	display: inline;
}

.news-single-imgcaption {
	font-style: italic;
}

.trenner_vert {
	margin: 0 10px;
}

.news-listen-bild {	
	padding-top: 10px;
	float: right;
}


/* 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 #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;
}

#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 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: #003b79;}

/* TYPO3-Klassen anpassen */

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

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

#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;
}

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

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

.csc-textpic-text a.download:hover, .contenttable a.download:hover {
	color: #234b81;
}

#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: 20px;}

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

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

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

#schmuckfoto .tx-onetrandomcontent-pi1 {margin-top: -1px;}

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