/* ########################################################### */
/* Hilfe für Änderungen am Design 					         */
/* Farbliche Änderung können hiermit sehr einfach durchgeführt werden.		         */
/* Öffnen Sie diese Datei in einem Texteditor.	    			         */
/* Ersetzen Sie folgende Farbcodes durch Ihre eigenen:			         */
/* #8F0000 =>	Links, Rahmen und Boxtitelhintergrund	                                         */
/* #FFFFFF =>	Allgemeiner Hintergund von Tabellen und Inhalten		         */
/* #333333 =>	Allgemeine Schriftfarbe				         */
/* #F2F2F2 =>	Überschriften in den Boxen				         */
/* #F1F1F1 =>	Hover Menue, Hintergrund Formulare, Rahmen Bilder, Seitenhintergund   */
/* #A6A6A6 =>	Rahmen Seitennavigation, Rahmen Formulare, Allgemeine Links Hover    */
/* ###########################################################*/

/* Allgemeine Angaben */
html { padding:10px; }
body { background-color: #333333; font-size: 11px; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; color:#333333; text-align:left; margin:0px; padding:0px; }

/* Gesamtbreite des Layouts, teilt sich auf in Linke Spalte, Mittlere Spalte und Rechte Spalte */
#gesamtlayout { width:980px; margin:0px auto; padding:10px; text-align:left; background-color:#FFFFFF; }
#gesamtlayout_reisen { width:1012px; margin:0px auto; padding:10px; text-align:left; background-color:#FFFFFF; }
#gesamtlayout_ebay { margin:0px auto; padding:10px; text-align:left; background-color:#FFFFFF; }
#gesamtlayout_handyshop { width:1130px; margin:0px auto; padding:10px; text-align:left; background-color:#FFFFFF; }

/* Kopfzeilen der Seiten */
.header { background-color:#FFFFFF; width: 100%; margin-bottom:10px; }
.header-reisen { background-color:#FFFFFF; width: 632px; border: 1px solid #8F0000; height:99px; margin-bottom:10px;}
.rahmen-reisen { border: 1px solid #8F0000; }
.obere-navigation { background-color:#FFFFFF; padding: 5px; text-align: right; margin-bottom:10px; }
.wegweiser { background-color:#FFFFFF; padding: 10px; text-align: right; margin-bottom:10px; border:1px solid #8F0000; text-align: center; }

/* Fusszeile der Seite */
#footer { background-color:#FFFFFF; border:1px solid #8F0000; padding: 10px; }

/*  Linke Spalte */
#linkespalte { width:180px; background-color:#FFFFFF; }

/*  Mittlere Spalte Content */
#inhalt { width:600px; background-color:#FFFFFF; }
#inhalt_ebay { width:100%; background-color:#FFFFFF; }
#inhalt_handyshop { width:730px; background-color:#FFFFFF; }

/*  Rechte Spalte */
#rechtespalte { width:180px; background-color:#FFFFFF; }

/* Boxen links und rechts */
#container-li-re { border:1px solid #8F0000; background-color:#FFFFFF; margin-bottom:10px; height:100%; }

/* Boxen mitte*/
#container-mitte { float:left; border:1px solid #8F0000; background-color:#FFFFFF; margin-bottom:10px; height:100%; width:100%;}

/* Normaler Text in den Boxen */
.text { padding:10px; float:left; }

/* Normaler Text in den Boxen */
.content { padding:10px; }

/* Normaler Text in den Boxen */
.topmarken { padding:5px; }

/* Boxen Titel */
.menutitle { background-color:#8F0000; text-transform:uppercase; color:#F2F2F2; font-weight:bold; padding: 5px; border-bottom:1px solid #8F0000; }

/*  2er Spalte */
#shopauflistung { width:280px; height:80px; float:left; background-color:#FFFFFF; }
#kategorieauflistung { width:280px; float:left; }

/*  3er Spalte */
#dreierspalte { width:179px; height:20px; background-color:#FFFFFF; padding:10px; float:left; }

/* Überschriften */
h1 { font-size:14px; padding:0 5px 5px 0; margin-bottom:0; margin-top:5px; }
h2 { font-size:13px; padding:0 5px 5px 0; margin-bottom:0; margin-top:5px; }
h3 { font-size:12px; padding:0 5px 5px 0; margin-bottom:0; margin-top:5px; }

/* Allgemeine Links */
a:link, a:visited, a:active, a:hover { text-decoration:none; font-weight:normal; color:#8F0000; font-size:11px; }
a:active, a:hover{ color:#AAAAAA; text-decoration:underline; }

/* Linkmenue in den Boxen */
.menuelinks a { display:block; background-color: #FFFFFF; padding:5px 0 5px 5px; color:#8F0000; border-bottom:1px solid #F1F1F1; }

/* Linkmenue in den Boxen mit Maus drüber */
.menuelinks a:hover { background-color:#F1F1F1; color:#8F0000; }

/*Bildereinstellungen*/
.bild-mit-rahmen { float:left; margin-right:5px; padding:7px; border:1px solid #F1F1F1; }
.bild-ohne-rahmen { float:left; margin-right:5px; padding:10px; border:none; }
.bild-kundenmeinungen { margin-right:5px; margin-top:0px; padding:0px; border:none; }
.newsicon { float:left; margin-right:5px; padding:7px; border:1px solid #F1F1F1;  }
.shoplogo { float:left; margin-right:5px; padding:5px; border:1px solid #A6A6A6;  }
.topshops { margin-bottom:5px; padding:5px; border:1px solid #A6A6A6;  }

/* Detailansicht Produkte */
.preis { font-weight:bold; color: #1b602b; font-size:13px; }

/* Trennlinie */
hr { border: 0px; border-top: solid 1px #8F0000; border-bottom: solid 1px #FFFFFF; border-style: dashed; }

/* Textwerbung */
.bannertab { width: 100%; border: 1px solid #8F0000; margin-bottom:10px; }
.bannertitel { background-color: #8F0000; padding: 5px; font-size: 11px; font-weight: bold; border-bottom: 1px solid #8F0000; }
.bannertitel a { display: block; color: #F2F2F2; text-decoration: none; font-weight: bold;}
.bannertitel a:hover { color: #F2F2F2; text-decoration: none; font-weight: bold; }
.bannertext { background-color: #FFFFFF; padding: 5px; font-size: 11px; font-weight: normal; }
.bannertext a { display: block; color: #333333; text-decoration: none; }
.bannertext a:hover { color: #333333; text-decoration: none; }
.bannertext a img { color: #333333; text-decoration: none; margin: 0px 5px 5px 0px; }
.bannertext a:hover img { color: #333333; text-decoration: none; }
.morelink { background-image: url(../images/anzeige.gif); background-position: 0 bottom; background-repeat:no-repeat; background-color: #FFFFFF; padding: 3px; font-size: 11px; font-weight: normal; text-align: right; }
.morelink a { color: #8F0000; text-decoration: none; width: 50%; }
.morelink a:hover { color: #8F0000; text-decoration: underline; text-align: right; }

/* Seitenweise Blättern*/
.sitenav { background-color: #A6A6A6; margin-bottom: 10px; }
.seiteninfo, .aktuelleseite, .pl { text-align: center; color: #000000; }
.seiteninfo { background-color: #F1F1F1; padding: 5px 5px 5px 5px;}
.aktuelleseite { background-color: #FFFFFF; font-weight: bold; padding: 5px 10px 5px 10px; }
.pl a { display: block; float: left; background-color: #F1F1F1; text-decoration: none; font-weight: bold; padding: 5px 10px 5px 10px; white-space: nowrap; }
.pl a:hover { text-decoration: underline; font-weight: bold; background-color: #F1F1F1; }

/* Formular Tags  */
form {display: inline }
.input {background-color: #F1F1F1; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; font-size: 11px; border:1px solid #A6A6A6; padding:5px; }
.input_submit{font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; font-size: 11px; border:1px solid #A6A6A6; background-color: #F1F1F1; padding:0.32em; }
.input_sortierung {background-color: #F1F1F1; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; font-size: 11px; border:1px solid #A6A6A6; padding:2px; }

/* Fehler Hinweise rot/gruen */
.tippred { color: red; font-weight: bold; }
.tippgreen { color: green; font-weight: bold; }

/* Codeausgaben aus BBEditor */
.codetop { border-top: 1px solid #8F0000; border-left: 1px solid #8F0000; border-right: 1px solid #8F0000; background-color: #F1F1F1; padding: 5px; width: 100px; font-size: 11px; font-weight: bold; color: #464f2f; margin: 5px 0 0 0; }
.overtab { width: 480px; overflow: auto; border: 1px solid #8F0000; font-family: "Courier New"; font-size: 12px; color: maroon; background: #f2f3f4; padding: 5px; margin: 0 0 5px 0; white-space:nowrap; }

/* CSS FUER DEFINITIONSLISTE QUOTES */
.quotedl { margin: 5px; padding: 0; width: 95%; border: 1px solid #858585; }
.quotedl dt { background-color: #F1F1F1; padding: 3px; font-size: 11px; font-weight: bold; color: #4a5e9f; border-bottom: 1px solid #858585; }
.quotedl dd { background-color: #FFFFFF; padding:3px; margin:0; font-size: 11px; color: #333333; }

/* CSS FUER KARUSELL*/
.jcarousel-skin-horizontal .jcarousel-container { background: #FFFFFF; border: 1px solid #8F0000; }
.jcarousel-skin-horizontal .jcarousel-container-horizontal { width: 518px; height: 160px; padding: 15px 40px 15px 40px; }
.jcarousel-skin-horizontal .jcarousel-clip-horizontal { width:  470px; height: 160px; }
.jcarousel-skin-horizontal .jcarousel-item { width: 146px; height: 158px; border: 1px solid #F1F1F1; }
.jcarousel-skin-horizontal .jcarousel-item:hover { border-color: #8F0000; }
.jcarousel-skin-horizontal .jcarousel-item-horizontal { margin-right: 10px; }
.jcarousel-skin-horizontal .jcarousel-item-placeholder { background: #fff; color: #000; }
.jcarousel-skin-horizontal .jcarousel-next-horizontal { position: absolute; top: 90px; right: 5px; width: 25px; height: 25px; cursor: pointer; background: transparent url(../images/vor-horizontal.gif) no-repeat 0 0; }
.jcarousel-skin-horizontal .jcarousel-prev-horizontal { position: absolute; top: 90px; left: 5px; width: 25px; height: 25px; cursor: pointer; background: transparent url(../images/zurueck-horizontal.gif) no-repeat 0 0; }
.jcarousel-skin-horizontal .jcarousel-prev-disabled-horizontal, .jcarousel-skin-horizontal .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-horizontal .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -90px 0; }

.jcarousel-skin-vertical .jcarousel-container { background: #FFFFFF; border: 1px solid #8F0000; }
.jcarousel-skin-vertical .jcarousel-container-vertical { width: 148px; height: 500px; padding: 40px 15px 40px 15px; }
.jcarousel-skin-vertical .jcarousel-clip-vertical { width:  148px; height: 500px; }
.jcarousel-skin-vertical .jcarousel-item { width: 146px; height: 158px; border: 1px solid #F1F1F1; }
.jcarousel-skin-vertical .jcarousel-item:hover { border-color: #8F0000; }
.jcarousel-skin-vertical .jcarousel-item-vertical { margin-bottom: 10px; }
.jcarousel-skin-vertical .jcarousel-item-placeholder { background: #fff; color: #000; }
.jcarousel-skin-vertical .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 75px; width: 25px; height: 25px; cursor: pointer; background: transparent url(../images/vor-vertical.gif) no-repeat 0 0; }
.jcarousel-skin-vertical .jcarousel-next-disabled-vertical, .jcarousel-skin-vertical .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-vertical .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; }
.jcarousel-skin-vertical .jcarousel-prev-vertical { position: absolute; top: 5px; left: 75px; width: 25px; height: 25px; cursor: pointer; background: transparent url(../images/zurueck-vertical.gif) no-repeat 0 0; }
.jcarousel-skin-vertical .jcarousel-prev-disabled-vertical, .jcarousel-skin-vertical .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-vertical .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; }