/****************************************/
/*                                      */
/*          www.sell-grafik.de          */
/*         Standard CSS Layout          */
/*              sell.css                */  
/*                                      */
/****************************************/
 

/* Definitionen für gesamte Website, wenn nicht anders definiert */
 
body {
background-image: url(../img/background.jpg);
background-repeat: repeat-x;
background-attachment: fixed;
background-color: #5f5f5f;
}

/* Überschriften-Definitionen */

h1{
font-family: "Times New Roman", Times, serif;
color: #fff;
font-size: 14px;
text-align: right;
}

h2{
font-family: "Times New Roman", Times, serif;
color: #fff;
font-size: 14px;
text-align: left;
}

.auswahl{
font-weight: bold !important;
}

.auswahl_2{
font-weight: bold !important;
color: #fff !important;
text-decoration: underline !important;
}


/* Definition des oberen Bereiches (Navigation) */

#top{
background-image: url(../img/background_top.png);
background-repeat: no-repeat;
width: 680px;
height: 52px;
padding-left: 210px;
margin: 4% auto 0 auto;
border-bottom: 1px solid #fff;
}

/* Linkeigenschaften für Hauptnavigation */

#top a:link, #top a:visited, #top a:active{
color: #fff;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 14px;
padding-top: 15px;
text-decoration: none;
}

#top td:hover{
background-image: url(../img/bg_navi.png);
background-repeat: repeat-x;
color: #000;
}

/* Tabellendefinition für Hauptnavigation */

#top table{
width: 100%;
height: 53px;
}

/* Definitionen für TD(TableData) in der Tabelle der Hauptnavigation */

#top td{
width: 16%;
text-align: center;
padding-top: 15px;
}

/* DIV-Container für content_left & content_right */

#content{
width: 888px;
height: 480px;
background-color: #900;
margin: 0px auto 0 auto;
padding-top: 40px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

/* Definition des linken Bereiches (Untermenü) */

#content_left{
float: left;
background-image: url(../img/logo.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-color: #900;
width: 190px;
height: 410px;
border-right: 1px solid #fff;
padding-right: 20px;
padding-top: 60px;
padding-bottm: 30px;
text-align: right;
}

/* Linkeigenschaften für das Untermenü */

#content_left a:link, #content_left a:visited, #content_left a:active{
font-family: "Times New Roman", Times, serif;
color: #fff;
font-size: 13px;
text-align: right;
line-height: 1.5em;
text-decoration: none;
}

#content_left a:hover{
text-decoration: underline;
}

/* Definitionen für TD(TableData) im Untermenü */

#content_left td{
width: 100%;
float: right;
text-align: right !important;
}

/* Definition für gepunktete Linie im Untermenü */

#content_left hr{
border: 1px dotted #fff;
width: 60%;
}

/* Definition des rechten Bereiches (Hauptinhalt) */

#content_right{
float: left;
background-color: #900;
margin-left: 10px;
width: 550px;
height: 410px;
padding-left: 60px;
padding-right: 30px;
padding-top: 30px;
padding-bottm: 30px;
font-family: "Times New Roman", Times, serif;
color: #fff;
font-size: 13px;
text-align: left;
line-height: 1.5em;
overflow: auto;
}

/* Linkeigenschaften für Hauptinhalt */

#content_right a:link, #content_right a:visited, #content_right a:active{
font-family: "Times New Roman", Times, serif;
color: #fff;
font-size: 13px;
text-align: left;
line-height: 1.5em;
text-decoration:underline;
}

#content_right a:hover{
font-family: "Times New Roman", Times, serif;
color: #fff;
font-size: 13px;
text-align: left;
line-height: 1.5em;
text-decoration:none;
}

/* Abstand am rechten Bildrand zu anderen Elementen */

#content_right img{
margin-right: 30px;
}

/* Definitionen für Tabellenobjekt im Hauptinhalt */

#content_right table{
font-family: "Times New Roman", Times, serif;
color: #fff;
font-size: 13px;
text-align: left;
line-height: 1.5em;
}

/* Listen werden im Hauptinhalt mit Quadraten versehen */

#content_right li{
list-style: square;
}

/* Definition für unteren Bereich */

#bottom{
background-image: url(../img/background_bottom.png);
background-repeat: no-repeat;
width: 890px;
height: 35px;
margin: 0 auto 0 auto;
}

/* Definition des Footers */

#footer{
width: 890px;
height: 20px;
margin: 7px auto 0 auto;
color: #fff;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 11px;
text-align: center;
}

/* Linkeigenschaften des Footers */

#footer a:link, #footer a:visited, #footer a:active{
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 11px;
color: #fff;
text-decoration: none;
}

#footer a:hover{
text-decoration: underline;
}



/* Wichtige Definitionen für Erscheinungsbild in TYPO3 */

/* Formatierung des Haupttextes */

.bodytext{
text-align: left;
}

/* Kasten bei Suche (mit Dateigröße, Pfad, Datum, etc.) wird entfernt */

.tx-indexedsearch-info, .tx-indexedsearch-path{
display: none;
}

/* Rahmen um Kontaktformular & Suche wird entfernt */

fieldset{
border: 0;
}

/* Definition der Eingabefelder und Buttons */

input{
background-color: #fff;
border: 0;
color: #900;
margin: 2px;
padding-top: 5px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 1.4em;
}

textarea{
background-color: #fff;
border: 0;
color: #900;
margin: 2px;
padding-top: 5px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 0;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 1.4em;
}