/********************************************
*
*  >> sangrio webkatalog - sangrio.de <<
*
*  Copyright: emion interaktive medien GmbH
*  http://www.emion.de | info@emion.de
*  mschmidt@20071112 1055
*
*********************************************/

body { margin:0; padding:0; text-align:center; overflow:auto; font:normal 0.7em Verdana,Arial,sans-serif; color:#4c4b4b; background:#fff }

#page { width:788px; margin:auto; padding:0 0 20px 0; text-align:left }

h1 { width:190px; height:187px; display:block; float:left; text-indent:-9999px; background:url(../images/main/bg_logo.gif) no-repeat }

#kopf { width:598px; height:187px; float:left; background:url(../images/main/bg_kopf.gif) no-repeat }
#suche { padding:44px 0 0 70px }
#navig { margin:28px 50px 0 15px; padding:5px 0 0 0; background:#e70205 }
#navig a { margin:0 25px 0 0; font-weight:bold; text-decoration:none; color:#fff }
#navig a:hover { border-bottom:1px dotted #fff }
#bcrumb { margin:22px 0 0 -22px; color:#9c9c9c; position:absolute }
#bcrumb a { color:#9c9c9c }

#text { padding:12px 25px; clear:both; line-height:1.6em }
#text a.extern { padding:0 0 0 10px; background:url(../images/main/picto_a_extern_off.gif) center left no-repeat }
#text a.extern:hover { color:#e70205; background:url(../images/main/picto_a_extern_on.gif) center left no-repeat }

#kategorien { padding:30px 25px 3px 25px }

#fuss { padding:44px 0 0 0; color:#c4c4c4; background:url(../images/main/bg_fuss.gif) no-repeat }
#fuss1 { width:530px; float:left }
#fuss1 span { margin:0 0 0 35px }
#fuss1 a { color:#e70205 }
#fuss1 a.home { color:#c4c4c4 }
#fuss2 { width:250px; float:left; text-align:right }
#fuss2 span { margin:0 20px 0 0 }
#fuss2 a { color:#c4c4c4 }


/* -------------------------------------------------
DEF: Kategorien
------------------------------------------------- */
#kategorien { clear:both }
#kategorien #start td { width:33%; height:50px; vertical-align:top; font-size:10px; color:#808080 }
#kategorien #start td a { color:#808080 }
#kategorien #start h4 a { font-size:13px; color:#850a0c }
#kategorien #sub { margin:10px 0 0 0 }
#kategorien #sub td { width:33%; height:20px; vertical-align:top; font-size:11px; color:#808080 }
#kategorien #sub td a { color:#808080 }
#kategorien #sub h4 a { font-size:13px; color:#850a0c }
#kategorien h3 { font-size:13px; color:#850a0c }

/* -------------------------------------------------
DEF: Aktuelles
------------------------------------------------- */
#aktuelles { height:80px; margin:15px 0 25px 0; border-top:1px dotted #ccc }
#aktuelles .empf { padding:3px 10px 0 0; text-align:right; display:block; color:#a3a3a3 }
ul#aktuell li { padding:10px 12px }
.empf { display:none }
#aktuell { display:none }
#aktuelles .empf { display:block }
#aktuelles #aktuell { display:block }
#aktuelles .domlink { text-decoration:none; color:#9c9c9c }

/* -------------------------------------------------
DEF: Featured Links / Links
------------------------------------------------- */
.flink { margin:0 0 30px 0; padding:12px 16px; background:#fefbe8; border:1px solid #e70205 }
.flink:hover { background:#fbf8e1 }
.flink h2 { font-size:12px; font-weight:normal }
.flink h2 a { text-decoration:none; color:#e70205 }
.flink span { font-weight:bold; text-decoration:underline }
.flink a:hover { text-decoration:none }
.flink .beschr { padding:8px 0 0 0; line-height:1.3em; color:#b91616 }
.flink .beschr a { color:#b91616 }
.link { margin:0 0 30px 0; padding:0 16px }
.link h2 { margin:0 0 2px 0; font-size:12px }
.link h2 a { text-decoration:underline; color:#b91616 }
.link span { margin:0 0 0 5px; font-size:10px; color:#9c9c9c }
.link .beschr { padding:5px 0 0 0; font-size:10px; line-height:1.3em }
.bild { width:118px; height:100px; margin:0 0 0 30px; float:right }
.bild img { background:url(/templates/sangrio/images/main/picto_loader_screen.gif) center center no-repeat; border:1px solid #ccc }
.bild img:hover { border:1px solid #b91616 }

/* -------------------------------------------------
DEF: Eintragen
------------------------------------------------- */
#ss { width:700px; margin:10px 0 0 20px }
#ss td { vertical-align:middle; font:normal 11px Verdana,Arial,sans-serif }
#ss .lo { width:25%; padding:15px 0 5px 15px }
#ss .ro { width:75%; padding:15px 0 5px 15px }
#ss .l { width:25%; padding:5px 0 5px 15px }
#ss .r { width:75%; padding:5px 0 5px 15px }
#ss input { width:250px; padding:1px 10px 1px 1px; border:1px solid #b4b4b4 }
#ss textarea { width:300px; padding:1px 0px 1px 1px; height:100px; font-family:Arial,Verdana,sans-serif; font-size:13px; border:1px solid #b4b4b4 }
#ss select { width:250px; padding:1px; border:1px solid #b4b4b4 }
#ss .rd,#meinedaten .cb { width:15px !important; vertical-align:middle; border:0 !important }
#ss input:focus { background:#feebeb url(/templates/sangrio/images/main/bg_form_input_focus.gif) top right repeat-y; border:1px solid #e70205 }
#ss textarea:focus { padding:1px 6px 1px 1px; background:#feebeb url(/templates/sangrio/images/main/bg_form_input_focus.gif) top right repeat-y; border:1px solid #e70205 }
#ss #senden { width:200px; margin:10px 0 25px 0; font-weight:bold; color:#e70205; background:#ffdfdf; border:1px solid #e70205 }
#ss .subtext { color:#999 }
#ss .limit_field { width:30px; padding:0; font-size:9px; color:#999; border:0 }
#ss_hinweis { width:670px; margin:0 auto 30px auto; padding:20px; line-height:1.5em; border:2px dotted #f00 }
#ss_hinweis div { font-size:12px; display:inline; color:#a00 }

/* -------------------------------------------------
DEF: Kontaktformular
------------------------------------------------- */
#af fieldset { padding:15px 10px; display:block }
#af label { width:80px; padding:10px 0 0 0; display:block }
#af input { width:180px; padding:1px; border:1px solid #999 }
#af select { width:185px }
#af textarea { padding:1px; font-family:Verdana,Arial,sans-serif; font-size:12px; border:1px solid #999 }
#af input:focus,#af textarea:focus { background:#e5efcb; border:1px solid #000 }
#af .senden { width:160px !important; margin-top:20px; color:#fff !important; background:#6e9405 !important; border:1px solid #185496 !important }
#af .cb td { vertical-align:middle }
#af .cb input { width:20px; padding:0; border:0 }
#af .cb label { width:400px; padding:0 }

/* -------------------------------------------------
DEF: Detailseite
------------------------------------------------- */
#dscreen { width:250px; float:left }
#dscreen img { width:225px; height:150px; background:url(/templates/sangrio/images/main/picto_loader_screen.gif) center center no-repeat; border:1px solid #ccc }
#dscreen img:hover { border:1px solid #e70205 }
#dinhalt { width:450px; float:left }
#dinhalt h3 { font-size:13px; color:#850a0c }

/* -------------------------------------------------
DEF: Werbung
------------------------------------------------- */
#adv { width:732px; margin:15px auto 5px auto }
#adv span { display:block; text-align:right; padding:0 20px 0 0; font-size:10px; color:#a3a3a3 }
.gad_text { font-size:12px; margin:5px 0 -20px 18px }
.gad_text a { font-size:12px; font-weight:bold; text-decoration:underline; color:#b91616 }
.adlb { margin-top:5px; text-align:center }

/* -------------------------------------------------
DEF: Weitere Angebote
------------------------------------------------- */
#angebote { margin:20px auto 0 auto; color:#a0a0a0 }
#angebote li { width:788px; text-align:center }
#angebote a { text-decoration:none; color:#a0a0a0 }
#angebote a:hover { text-decoration:underline; color:#f00 }
#aentry { padding:5px 0 0 0; text-align:center; color:#c4c4c4 }
#aentry a { text-decoration:none; color:#c4c4c4 }

/* -------------------------------------------------
DEF: Allgemeine Definitionen
------------------------------------------------- */
td { font:normal 1em Verdana,Arial,sans-serif }
h1,h2,h3,h4,h5,h6 { margin:0; padding:0 }
a { text-decoration:none; color:#4c4b4b; cursor:pointer }
a img { border:0 }
a:hover { text-decoration:underline }
a:focus { outline:none }
a.ul { text-decoration:underline }
form { margin:0; padding:0 }
fieldset { margin:0; padding:0; border:0 }
input { padding:1px; vertical-align:middle }
ul { margin:0; padding:0; list-style-type:none }
button { border:0; cursor:pointer }
button.suchen { width:67px; height:18px; margin:0 0 0 15px; text-align:center; vertical-align:middle; font-size:10px; font-weight:bold; color:#fff; background:url(../images/main/btn_suchen.gif) no-repeat }
.clear { clear:both }
::-moz-selection { background:#ff0; color:#000 }
.btn-zurueck { height:16px; width:150px; padding:0 0 0 20px; display:block; background:url(/templates/sangrio/images/main/picto_btn_zurueck.gif) left center no-repeat }
.btn-vorschau { padding:0 0 0 16px; color:#666; background:url(/templates/sangrio/images/main/picto_btn_vorschau.gif) left center no-repeat }
#socialb { margin:0 0 10px 0 }