/* 
    Document   : main
    Created on : 30.10.2009, 09:31:40
    Author     : Sven-Eric Jannasch
    Description:
        Hauptstylesheet f�r Layout und Elemente
*/

/*
    Allgemeine Elemente
*/

a:link, a:visited {
    color:#832446;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

p {
    text-indent:0;
}

p+p {
    text-indent:0;
    padding-top:16px;
}

p > img {
    margin-top:0.3em;
}

td, th {
    vertical-align:top;
}

hr {
    height:1px;
    border:none;
    border-top:1px dotted #BBB;
    background-color:transparent;
    width:600px;
}

h1, h2, h3, h4, h5 {
    color:#666;
}

h1 {
    font-size:1.2em;
    padding-bottom:0.2em;
    border-bottom:1px solid #ccc;
    font-weight:bold;
    margin-bottom:1.5em;
    letter-spacing:0.07em;
    text-transform:uppercase;
    font-weight:normal;
}

h2 {
    font-size:1.5em;
}

h3 {
    font-size:1.4em
}

h4 {
    font-size:1.0em;
}

h5, h6 {
    font-size:1.0em;
    margin-bottom:.5em;
    color:#666;
}

a:focus {
    -moz-outline:0;outline:0;outline-offset:0;
}

a img {
    border:none;
}

img.borderimage {
    border-top:8px solid #e3e3e3;
    border-bottom:8px solid #e3e3e3;
    border-left:16px solid #e3e3e3;
    border-right:16px solid #e3e3e3;
}

img.smallborderimage {
    border-top:4px solid #e3e3e3;
    border-bottom:4px solid #e3e3e3;
    border-left:8px solid #e3e3e3;
    border-right:8px solid #e3e3e3;
}

body {
    background-color:#FFFFFF;
    color:#666;
    font-family:"Times New Roman", Times, serif;
    font-size:0.9em;
    line-height:16px;
    background-image:url(../allgemeinbilder/bg-content.jpg);
    background-position:center 207px;
    background-repeat:no-repeat;
}

body#start {
    background-image:none;
}

/*
    Startseite
*/

#start .hspace {
    height:4px;
}

#start .hspace05 {
    height:8px;
}

#startTop {
    height:176px;
    background-image:url(../allgemeinbilder/head-start.jpg);
}

#startMiddle {
    height:232px;
}

#startMiddle .cntpad {
    padding:0;
    margin:0;
    border:0px solid red;
}

#startMiddle #myslideshow {
    margin:0;
}

#startMiddle #navigation {
    margin-left:0px;
}

#startMiddle #navigation .cntpad {
    position:relative;
}

#startMiddle #navigation a {
    display:block;
    margin:0;
    padding:0;
    color:#832446;
    font-size:1.55em;
    font-weight:normal;
    text-decoration:none;
}

#startMiddle #navigation a:hover {
    color:#832446;
}

#startMiddle #navigation a span {
    display: block;
    padding:28px 8px;
}

#startMiddle #navigation a img {
    border:none;
    margin:0;
}

#startMiddle #navigation .trauringe {
    background-image:url(../allgemeinbilder/bg-start-1st-button.jpg);
    background-repeat:no-repeat;
    height:70px;
}

#startMiddle #navigation .trauringe:hover {
    background-image:url(../allgemeinbilder/bg-start-1st-button-hover.jpg);
}

#startMiddle #navigation .verlobungsringe {
    background-image:url(../allgemeinbilder/bg-start-2nd-button.jpg);
    background-repeat:no-repeat;
    height:70px;
}

#startMiddle #navigation .verlobungsringe:hover {
    background-image:url(../allgemeinbilder/bg-start-2nd-button-hover.jpg);
}

#startMiddle #navigation .freundschaftsringe {
    background-image:url(../allgemeinbilder/bg-start-3rd-button.jpg);
    background-repeat:no-repeat;
    height:74px;
}

#startMiddle #navigation .freundschaftsringe:hover {
    background-image:url(../allgemeinbilder/bg-start-3rd-button-hover.jpg);
}

#startBottom {
    height:302px;
    background-image:url(../allgemeinbilder/bg-start-bottom.jpg);
    background-repeat:repeat-x;
}

#startBottom div {
    padding:0;
    margin:0;
}

#startBottom .cntpad {
    padding:20px 0 0 0;
}

#startBottomOne {
    width:280px;
}

#startBottomOne ul {
    list-style:none;
    margin:26px 0 0 12px;
    padding:0;
}

#startBottomOne ul a {
    text-decoration:none;
    color:#666;
    line-height:24px;
    padding-left:1.0em;
}

#startBottomOne ul a:hover {
    color:#832446;
}

#startBottomTwo {
    width:320px;
    margin:0;
}

#startBottomThree {
    width:160px;
    line-height:16px;
}

#startBottomFour {
    width:190px;
}

#startBottomFour img {
    margin-right:4px;
    border:0px solid #DDD;
    margin-bottom:16px;
}

#startInfoText {
    margin-top:250px;
    color:#BBBBBB;
    text-align:justify;
}

#startInfoText h1, #startInfoText h2 {
	color:#BBBBBB;
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
	text-transform:none;
	border:none;
	letter-spacing:0;
	margin:8px 0;;
	}
	
#startInfoText a {
	color:#BBBBBB;
	text-decoration:none;
	border-bottom:1px dotted #BBBBBB;
	}

/*
    Basislayout
*/

#top {
    height:128px;
    background-image:url(../allgemeinbilder/head.jpg);
    background-repeat:no-repeat;
    position:relative;
}

a.homelink {
    position:absolute;
    top:60px;
    left:550px;
}

#ringnavigation {
    height:83px;
    background-color:#f4f4f4;
    background-image:url(../allgemeinbilder/navigation-default.jpg);
    background-repeat:no-repeat;
    position:relative;
    border:0px solid green;
}

#ringnavigation ul {
    list-style:none;
    margin-left:263px;
    margin-top:28px;
}

#ringnavigation ul li {
    float:left;
}

#ringnavigation a {
    font-size:18px;
    text-decoration:none;
    color:#888;
    border:0px solid red;
    padding:4px 8px;
}

#ringnavigation a:hover {
    color:#832446;
}

#ringnavigation .tr {
    margin-right:36px;
}

#ringnavigation .vr {
    margin-right:30px;
}


/*
    Topnavigation in DB
*/

#ringnavigation .navtrauringe {
    position:absolute;
    top:27px;
    left:284px;
    font-size:1.3em;
}

#ringnavigation .navverlobungsringe {
    position:absolute;
    top:27px;
    left:406px;
    font-size:1.3em;
}

#ringnavigation .navfreundschaftsringe {
    position:absolute;
    top:27px;
    left:604px;
    font-size:1.3em;
}

#ringnavigation .navtrauringe-active {
    position:absolute;
    top:27px;
    left:290px;
    font-size:1.6em;
    font-weight:normal;
}

#ringnavigation .navverlobungsringe-active {
    position:absolute;
    top:27px;
    left:414px;
    font-size:1.6em;
}

#ringnavigation .navfreundschaftsringe-active {
    position:absolute;
    top:27px;
    left:592px;
    font-size:1.6em;
}

#left {
    width:290px;
}

#left .cntpad {
    padding-top:18px;
}

#right {
    margin:0px;
    width:650px;
}

#right #innerleft {
    border-right:0px dotted silver;
}

#right .cntpad {
    padding:24px 0 0 0;
}

#right p {
    margin-right:180px;
}


#gemerkteLink {
    position:absolute;
    left:28px;
    top:22px;
    padding:4px;
    width:194px;
    display:block;
    background-color:#832446;
}

#gemerkteLink a {
    font-size:1em;
    color:#FFFFFF;
}

#gemerkteLink a:hover {
    color:#FFFFFF;
}

/*
    Left navigation
*/

.infonav li.current ul, .ringnav li.current ul {
    display:block;
}

#left h5 {
    padding:0 0 0 12px;
    margin:16px 0 8px 28px;
    display:block;
    width:188px;

}

.infonav, .ringnav, .pgnav {
    padding:10px 0 12px 0;
    margin: 0 0 0 28px;
    border: 0px solid blue;
    list-style: none;
    line-height: 16px;
    width:200px;
}

.infonav ul {
    display:none;
    margin:4px 0 8px 0;
    padding:0;
    list-style:none;
}

.infonav li, .ringnav li, .pgnav li {
    display: block;
    width: 200px;
    margin:0;
    margin-bottom: 1px;
    border-bottom:1px solid #FFFFFF;
}

.infonav li li, .ringnav li li {
    display: block;
    width: 201px;
    margin:0;
    margin-bottom: 1px;
    border-bottom:0px solid #FFFFFF;
}

.infonav a, .ringnav a, .pgnav a {
    color: #666;
    text-decoration: none;
    font-size: 14px;
    display: block;
    padding:4px 4px 4px 12px;
}

.infonav ul li a, .ringnav ul li a {
    color: #666;
    text-decoration: none;
    font-size: 12px;
    display: block;
    padding:2px;
    padding-left:28px;
}

.ringnav a:hover, .ringnav a.active, .infonav a:hover, .infonav a.active {
    background-color: #832446;
    color: #FFFFFF;
}

.pgnav a:hover {
    color:#832446;
}

.infonav ul a:hover, .ringnav ul a:hover, .infonav ul a.active, .ringnav ul a.active {
    background-color: #832446;
    color: #FFFFFF;
}

.mainSection {
    margin-top:16px;
    border-top:0px solid #BBB;
}

/*
    Infoseiten
*/

table.info {
    border:0px solid red;
    margin-top:0;
}

table.info td {
    border:0px solid green;
    padding:4px 0;
    border-bottom:1px dotted silver;
}

table.kontaktform {
    border-collapse:collapse;
    width:430px;
}

table.kontaktform td {
    vertical-align:top;
    padding:0;
}

table.kontaktform .input {
    width:300px;
    padding:2px;
    margin-top:0;
}

table.kontaktform .button {
    width:306px;
    padding:0 2px 2px 2px;
    background-color:#f5f5f5;
    border:1px solid #BBB;
    margin-top:0;
}

#katalogbestellung table.kontaktform {
    width:600px;
}

#katalogbestellung table.kontaktform td {
}

#katalogbestellung table.kontaktform .input {
    width:220px;
}

#katalogbestellung table.kontaktform .button {
    width:226px;
}

span.bu {
    display:block;
    margin-top:8px;
    color:#333;
    font-size:13px;
}

.addressfeld {
    font-size:12px;
    line-height:16px;
}

/*
    Datenbankseiten
*/

.rememberlink {
    font-size:0.8em;
}

.ringoverview {
    width:auto;
}

.ringdetails {
    line-height:1.3em;
    font-size:0.9em;
    margin-bottom:0;
    background-color:#FFF;
    border:1px dotted #ddd;
    width:198px;
}

.ringdetails table {
    margin-bottom:0;
}

.ringdetails td {
    padding-left:12px;
    width:198px;
    font-size:0.9em;
}

.ringmerken {
    border:0px solid green;
    text-align:center;
    background-color:#832446;
    padding:4px;
    font-size:0.90em;
    font-family:"Times New Roman", Times, serif;
}

.ringmerken a {
    color:#FFF;
}

.ringmerken a:hover {
    text-decoration:none;
}

.ringdetails .material {
    text-align:center;
    font-size:1.05em;
    line-height:1.4em;
    background-color:#f4f4f4;
    color:#333;
    border-bottom:1px dotted silver;
}

.pagenav {
    border-top:1px solid #BBB;
    border-bottom:1px solid #BBB;
    width:630px;
    margin-left:4px;
}

.pagenav td.prev, .pagenav td.next {
    width:70px;
    padding:2px 0;
}

.pagenav td.next {
    text-align:right;
}


.pagenav td.next a, .konfiguratornav .right a {
    padding-right:20px;
    background-image:url(../allgemeinbilder/pfeil_rechts.gif);
    background-repeat:no-repeat;
    background-position:right 4px;
    color:#888;
    line-height:28px;
}

.pagenav td.prev a, .konfiguratornav .left a {
    padding-left:20px;
    background-image:url(../allgemeinbilder/pfeil_links.gif);
    background-repeat:no-repeat;
    background-position:left 3px;
    color:#888;
    line-height:28px;
}

.pagenav a:hover, .konfiguratornav a:hover {
    text-decoration:none;
    color:#832446;
}

.pagenav td.pagecount {
    border:0px solid red;
    text-align:center;
    width:490px;
    padding:2px 0;
    line-height:28px;
}

/*
    Konfigurator
*/

.konfigurator .form table {
    border:0px solid magenta;
    width:180px;
}

.konfigurator .form table td {
    padding:4px;
}

#dateneingabe .konfigurator .form table td {
    border:0px solid magenta;
    padding:0 4px;
}

#ringtable {
    border:0px solid red;
    width:410px;
    height:300px;
}

.konfigurator {
    border:0px solid black;
    margin:0;
    width:auto;
}

.konfigurator td {
    border:0px solid green;
}

.ringinfo {
    border: 0px solid red;
    margin:4px 0 0 0;
    width:220px;
    font-size:0.9em;
}

.ringinfo td {
    padding-top:3px;
    padding-bottom:3px;
}

.ringinfo .label {
    text-align:right;
}

.ringinfo .value {
    border-left:1px dotted silver;
    padding-left:8px;
}

table.config, table#dateneingabe {
    border:0px solid magenta;
    margin:0;
}

table.config td, table#dateneingabe td {
    border:0px solid red;
    padding:4px 0px;
    vertical-align:middle;
}

table.config label, table#dateneingabe label {
    font-weight:normal;
}

div.ringtext {
    font-size:0.9em;
    width:210px;
    margin-top:12px;
    text-align:center;
}

.konfiguratornav {
    border-top:1px dotted #BBB;
    width:640px;
}

.konfiguratornav td {
    padding:6px 2px;
}

.konfiguratornav .right {
    text-align:right;
}

td.image {
    border:0px solid green;
    width:200px;
    padding:0;
    margin:0;
}

a.printLink {
    padding-left:25px;
    background-image:url(../allgemeinbilder/print-icon.jpg);
    background-position:4px 0;
    background-repeat:no-repeat;
    font-weight:bold;
    text-transform:uppercase;
    font-size:11px;
}

a.printLink:hover {
    text-decoration:none;
}

.addressinfo {
     float: right;
     width:200px;
     margin-right: 12px;
}

.areauebersicht {
    text-align:center;
    padding: 0 auto;
    margin-top: 70px;
}

.areauebersicht table {
    margin:32px auto 0 auto;
    border-collapse: collapse;
}

.areauebersicht a img {
    border: none;
}

.areauebersicht td {
    border: 0px dotted red;
    text-align:center;
    padding: 0;
}

.areauebersicht td a {
    border:none;
    text-decoration: none;
    font-size:17px;
    color:#888;
}

#startBottomFour a {
    color:#888;
    text-decoration: none;
}

input.missing, textarea.missing, select.missing {
    border:1px solid #8b0000;
    background-color: #f5f5f5;
}

label.missing, p.missing {
    font-weight: bold;
    color:#8b0000;
}

span.februar {
    display: block;
    border: 0px solid red;
    text-transform: uppercase;
    font-size:12px;
    margin:4px 0;
    font-weight: bold;
    color:#832446;
}

div.trenner {
    display: block;
    height: 1px;
    border-top:1px dotted silver;
    margin:12px 0;
}

input.texteingabe {
    width:200px;
    margin:2px 0;
}

select.texteingabe {
    width:200px;
}

td.damen {
    border: 0px solid red;
    line-height:20px;
}

td.herren {
    border-top: 1px dotted silver;
}