/********************************************
*
*  Copyright: emion interaktive medien GmbH
*  http://www.emion.de | info@emion.de
*  mschmidt@20071010 1127
*
*********************************************/

@import url(tb.css);

* { margin:0; padding:0; border:0; list-style:none }
html { overflow:auto }
body { font:normal 11px Verdana,Helvetica,sans-serif; color:#666; background:url(../images/main/bg.gif) repeat-x }

#container { width:850px; margin:auto }
#header { height:46px; padding:24px 0 0 400px }
#tnavig { height:26px; border-right:1px solid #e7e7e7; border-left:1px solid #e7e7e7 }
#oneone { width:200px; margin:40px 20px 0 0; float:left; clear:both }
#onetwo { width:600px; margin:40px 0 0 0; float:left }
#twoone { width:200px; margin:20px 20px 40px 0; float:left; clear:both }
#twotwo { width:600px; margin:20px 0 40px 0; float:left }
#footer { height:21px; padding:4px 0 0 0; clear:both; font-size:9px; color:#cf1717; background:url(../images/main/bg_footer.gif) left top repeat-x; border:1px solid #e7e7e7; border-top:0 }

#twotwo img{ padding:5px 5px 5px 0;}

/* -------------------------------------------------
DEF: Navigation
------------------------------------------------- */
#tnavig a { padding:0 20px; line-height:26px; display:block; float:left; font-weight:bold; color:#cf1717; border-right:1px solid #e7e7e7 }
#tnavig a:hover { color:#fff; background:#cf1717 }


/* -------------------------------------------------
DEF: Dropdowns
------------------------------------------------- */
.dd { width:180px; position:absolute; display:none; background:#fff; border:1px solid #e7e7e7; border-bottom:0 }
.dd a { padding:0 0 0 20px; display:block; line-height:20px; font-size:10px; color:#cf1717; border-bottom:1px solid #e7e7e7 }
.dd a:hover { color:#fff; background:#cf1717 }
#nav_kundenbereich { width:350px }


/* -------------------------------------------------
DEF: Schnelleinstieg
------------------------------------------------- */
#oneone:hover ul li{ background:#ececec; }
h4.seh { background:url(../images/main/bg_h4_pfeil.gif) 174px center no-repeat; cursor:pointer }
ul.se li { line-height:24px }
ul.se li a { width:176px; padding:0 0 0 22px; display:block; font-size:9px; color:#cf1717; border:1px solid #fff }
ul.se li a:hover { background: #fff; border:1px solid #cf1717}

ul.sh li { line-height:24px }
ul.sh li a { width:176px; padding:0 0 0 22px; display:block; font-size:9px; color:#cf1717; border:1px solid #fff }
ul.sh li#de a:hover { background:url(../images/main/deutschland_flaggen.jpg) 5px center no-repeat #fff; border:1px solid #cf1717}
ul.sh li#en a:hover { background:url(../images/main/england_flaggen.jpg) 5px center no-repeat #fff; border:1px solid #cf1717}
ul.sh li#pol a:hover { background:url(../images/main/polen_flaggen.jpg) 5px center no-repeat #fff; border:1px solid #cf1717}

li#de{background:url(../images/main/deutschland_flaggen.jpg) 5px center no-repeat; padding-right:5px }
li#en{background:url(../images/main/england_flaggen.jpg) 5px center no-repeat; padding-right:5px}
li#pol{background:url(../images/main/polen_flaggen.jpg) 5px center no-repeat; padding-right:5px}

/* -------------------------------------------------
DEF: Bild
------------------------------------------------- */
#bildbox { background:#ececec }
#bildbox span { padding:0 5px 3px 5px; line-height:10px; display:block; text-align:right; font-size:10px }


/* -------------------------------------------------
DEF: Rückruf
------------------------------------------------- */
h4#rrh { background:url(../images/main/bg_h4_blase.gif) 175px center no-repeat }
#rr label { height:14px; padding:14px 0 0 22px; display:block; font-size:9px }
#rr input { width:162px; margin:0 0 0 22px; padding:1px; border:1px solid #bfbfbf }
#rr button { margin:16px 12px 0 0; padding:0 1px; float:right; font:bold 10px Arial,Helvetica,sans-serif; color:#666; background:#ececec; border:1px solid #bfbfbf; cursor:pointer }


/* -------------------------------------------------
DEF: Rückruf
------------------------------------------------- */
h4#kl { margin:30px 0 0 0; background:url(../images/main/bg_h4_schloss.gif) 175px center no-repeat }
#loginform label { height:14px; padding:14px 0 0 22px; display:block; font-size:9px }
#loginform input { width:162px; margin:0 0 0 22px; padding:1px; border:1px solid #bfbfbf }
#loginform button { margin:16px 12px 0 0; padding:0 1px; float:right; font:bold 10px Arial,Helvetica,sans-serif; color:#666; background:#ececec; border:1px solid #bfbfbf; cursor:pointer }
#logout { margin:10px 22px; line-height:1.5em }
#logout a { color:#cf1717; }


/* -------------------------------------------------
DEF: Footer
------------------------------------------------- */

#footer a { margin:0 20px 0 0; line-height:20px; color:#cf1717 }
#footer a:hover { text-decoration:underline }
#footer .l { width:320px; padding:0 0 0 20px; float:left }
#footer .r { width:508px; float:left; text-align:right }

#pl { margin:10px 0 5px 0; text-align:center }
#pl a { padding:0 5px; color:#ccc }


/* -------------------------------------------------
DEF: Startseite
------------------------------------------------- */
#ssl { width:270px; margin:15px 20px 10px 20px; float:left }
#ssr { width:540px; margin:15px 0 10px 0; float:left }
#ssl a.lang,#ssr a.lang { width:490px; padding:2px 20px; display:block; font-size:10px; font-weight:bold; color:#cf1717; border:1px solid #cf1717; text-decoration:none }
#ssl a.lang:hover,#ssr a.lang:hover { color:#fff; background:#cf1717 }
#ssl p,#ssr p { margin:15px 0; line-height:1.6em }
#ssr a{ color:#000000; text-decoration:underline; }

/* -------------------------------------------------
DEF: Allgemein
------------------------------------------------- */
a { text-decoration:none; border:0; outline:0 }
h1 { margin:0 0 10px 20px; font-size:16px; color:#cf1717 }
h2 { margin:0 0 10px 20px; font-size:14px; color:#cf1717 }
h4 { padding:2px 0 2px 20px; font-size:9px; font-weight:normal; letter-spacing:1px; border:1px solid #bfbfbf }
p { margin:0 0 15px 20px; line-height:1.5em }
p a { text-decoration:underline; padding:0 9px 0 0; color:#666; background:url(../images/main/bg_p_a.gif) right center no-repeat }
p a:hover { color:#cf1717; background:url(../images/main/bg_p_a_hover.gif) right center no-repeat }
::-moz-selection { background:#ff0; color:#000 }
.start {font-size:12px;margin:0px;padding:0px}

/* -------------------------------------------------
DEF: Formular
------------------------------------------------- */

#kf { width:100%; margin:20px 0 0 0 }
#kf td { vertical-align:middle }
#kf .lo { width:25%; padding:15px 0 5px 15px }
#kf .ro { width:75%; padding:15px 0 5px 15px }
#kf .l { width:25%; padding:5px 0 5px 15px }
#kf .r { width:75%; padding:5px 0 5px 15px }
#kf input { width:200px; padding:1px; border:1px solid #bfbfbf }
#kf textarea { width:250px; padding:1px; height:100px; font-family:Arial; font-size:13px; border:1px solid #bfbfbf }
#kf .rd,#kf .cb { width:15px !important; vertical-align:middle; border:0 !important }
#kf input:focus,#kf textarea:focus { background:#ffffd9; border:1px solid #c03 }
#kf #senden { width:120px; margin:10px 0 25px 0; color:#666666; background:#ececec; border:1px solid #fff }
#kf button {border:1px solid #bfbfbf !important; margin:10px 0 25px 0; color:#666666; background:#ececec}
#kf button:hover {color:#cf1717}
#kf select {border:1px solid #bfbfbf !important}
#kf .radio {width:40px}

/* -------------------------------------------------
DEF: Galerie
------------------------------------------------- */
#images {width:488px}
.imagethumb {padding:20px 10px 0px 50px}
.image {float:left}
.clear {clear:both}

/* -------------------------------------------------
DEF: Standorte
------------------------------------------------- */
#standorte {margin:0 40px 0 40px;clear:both}
#links {float:left;margin-bottom:20px}
#rechts {float:right;margin-bottom:20px}