/*

        Styles-Sheets Datei für rf-stapler.de
   - - - - - - - - - - - - - - - - - - - - - - - - - - - -
   @ 2008 Richter & Friedewald GmbH
   Autor:                 Matthias Silling
   Datum:                Februar 2008
   Version:                1.0
   E-Mail:                info@concept-id.de
   Website:                www.concept-id.net
   - - - - - - - - - - - - - - - - - - - - - - - - - - - -

*/
/*
= Standards / Basics
*/
body {
        background: #fff;
        font-size: 11px;
   line-height:1.5em;
        font-family: arial, sans-serif;
        color: #282828;
   background:url(../_gfx/masterBG.jpg) repeat-x left top;
}

a, a:link {
        color:#282828;
        text-decoration: underline;
}

a:visited {
        color:#4b4b4b;
        text-decoration: underline;
}

a:focus, a:hover, a:active {
        color:#282828;
        cursor: pointer;
   text-decoration:none;
}

/*
=Grind Layout
*/
#wrapper {
        position:absolute;
   left:50%;
   top:28px;
         width:900px;
   height:570px;
   margin:0px 0px 0px -450px;
   background:url(../_gfx/brand-topBG.jpg) no-repeat right 28px;
}

#topper {
         height:28px;
   font-size:9px;
   color:#666;
   line-height:33px;
   padding:0px 0px 0px 5px;
}

#topper a, #topper a:hover {
         color:#666;
   text-decoration:none;
}

#website {
         width:100%;
   height:100%;
   background:url(../_gfx/wrapperBG.jpg) no-repeat left top;
}

.fork #website { background-image:url(../gfx/wrapperBG-fork.png); }

#logo {
         position:absolute;
   right:1px;
   top:28px;
   width:175px;
   height:62px;
   text-indent:-99999px;
}

#logo a, #logo a:hover {
         display:block;
   width:100%;
   height:100%;
}

#navigation {
         position:absolute;
   left:10px;
   top:400px;
   width:150px;
   font-size:12px;
   font-weight:bold;
}

#navi {
         width:100%;
   text-align:right;
}


#navi li {
         width:100%;
   display:block;
   padding:3px 0px 3px 0px;
}

#navi li a, #navi li a:hover {
        color:#282828;
   text-decoration:none;
   display:block;
   height:100%;
}

#navi li a:hover {
   color:#d30132;
}

#navi li a.akt, #navi li a:hover.akt {
         background:url(../_gfx/navIco.gif) no-repeat right center;
   padding:0px 10px 0px 0px;
   color:#d30132;
}

h1 {
         font-size:22px;
   color:#d30132;
   line-height:20px;
}

p {
	margin:0px 0px 10px 0px;
}

#headline {
         position:absolute;
   left:549px;
   bottom:340px;
}

#textConty {
        position:absolute;
   left:552px;
   top:235px;
         width:348px;
   height:330px;
}

.leftCol {
         width:49%;
   float:left;
   overflow:hidden;
}

.rightCol {
         width:49%;
   float:right;
   overflow:hidden;
}

.rightCol_kon {
	width:49%;
	float:right;
}

.leftCol_kon {
	float:left;
	width:49%;
}

#imageBox_hoch {
        position:absolute;
   left:180px;
         width:360px;
   height:540px;
   top:27px;
}

#imageBox_quer {
        position:absolute;
   left:0px;
         height:360px;
   width:540px;
   top:27px;
}

#pageSkipper {
         position:absolute;
   left:550px;
   top:565px;
   width:350px;
}

#pageSkipper ul {
         width:100%;
}

#pageSkipper ul li.back {
        float:left;
   margin:0px 0px 0px 5px;
}

#pageSkipper ul li.next {
        float:right;
   margin:0px 5px 0px 0px;
}

#pageSkipper a, #pageSkipper a:hover {
        text-decoration:none;

}

.smallDisc {
	font-size:0.9em;
	color:#4c4c4c;
}

ul.std {
	margin:0px;
}

ul.std li {
	padding:0px 0px 0px 9px;
	background:url(../_gfx/listIco.gif) no-repeat left 6px;
}

/*
	=	spezielle kontakt styles;
		content ist höher als sonst, also unten an der kante ausgerichtet
*/
#textConty_kon {
	position:absolute;
	left:549px;
	bottom:30px;
	width:348px;
}

#textConty_kon h1 {
	margin:0px 0px 7px 0px;
}

.formField {
	margin:20px 0px 0px 0px;
	clear:both;
	display:block;
}

.formField_left {
	width:49%;
	float:left;
}

.formField_right {
	width:49%;
	float:right;
}

.formField_bottom {
	width:100%;
	display:block;
	clear:both;
}

.formRow, .formRow_txtArea, .formRow_foo {
	margin:0px 0px 5px 0px;
	height:40px;
}

.formRow_txtArea, .formRow_foo {
	height:auto;
}

input, textarea, select {
	font-size:11px;
	font-family:arial, sans-serif;
	border:1px solid #4c4c4c; 
}

.inp_txt {
	width:153px;
}

input {
	padding:3px;
}

.inp_betreff_txt {
	width:331px;
}

.inp_nachr_txt {
	width:331px;
	height:50px;
	padding:3px;
}

.sendFormu {
	background:url(../_gfx/ico_sendMail.gif) no-repeat left center;
	padding:3px 3px 3px 20px;
}

.resetFormu {
	background:url(../_gfx/ico_resetFormu.gif) no-repeat left center;
	padding:3px 3px 3px 20px;
}

#gm_ltc {
           position:absolute;
           left:0px;
           top:0px;
           z-index:9002;
           width:4px;
           height:4px;
           background:url(../_gfx/gmap_lt_corner.gif) no-repeat left top;
}

#gm_tb {
           position:absolute;
           left:4px;
           top:0px;
           z-index:9003;
           width:530px;
           height:2px;
           background:url(../_gfx/gmap_top_border.gif) no-repeat left top;
}



#gm_rtc {
           position:absolute;
           right:0px;
           top:0px;
           z-index:9004;
           width:4px;
           height:4px;
           background:url(../_gfx/gmap_rt_corner.gif) no-repeat left top;
}

#gm_bb {
           position:absolute;
           left:4px;
           bottom:0px;
           z-index:9004;
           width:530px;
           height:2px;
           background:url(../_gfx/gmap_bottom_border.gif) no-repeat left bottom;
}

#gm_rbc {
           position:absolute;
           right:0px;
           bottom:0px;
           z-index:9005;
           width:4px;
           height:4px;
           background:url(../_gfx/gmap_rb_corner.gif) no-repeat left top;
}

#gm_lbc {
           position:absolute;
           left:0px;
           bottom:0px;
           z-index:9006;
           width:4px;
           height:4px;
           background:url(../_gfx/gmap_lb_corner.gif) no-repeat left top;
}

#gm_rb {
           position:absolute;
           right:0px;
           top:4px;
           z-index:9007;
           width:2px;
           height:350px;
           background:url(../_gfx/gmap_right_border.gif) no-repeat left top;
}

#gm_lb {
       position:absolute;
       left:0px;
       top:4px;
       width:2px;
       height:350px;
       z-index:9008;
       background:url(../_gfx/gmap_left_border.gif) no-repeat left top;
}

#gm_ltc, #gm_tb, #gm_rtc, #gm_bb, #gm_rbc, #gm_lbc, #gm_rb, #gm_lb {
         font-size:1px;
         line-height:1px;
         text-indent:-9999px;
}

#konImage {
          position:absolute;
          left:181px;
          top:388px;
          width:358px;
          height:178px;
          z-index:20;
}

#hochImage {
          position:absolute;
          left:1px;
          top:28px;
          width:178px;
          height:358px;
          z-index:20;
}



#map {
     z-index:9001;
}

#masterMapBox {
         position:absolute;
   left:1px;
   top:28px;
   width:538px;
   height:358px;
   z-index:9000;
}

.clr {
	clear:both;
	display:block;
	width:1px;
	height:1px;
}

#gebrauchtge_bt {
	background:url(../_gfx/gebrauchtg_bt.gif) no-repeat center top;
	width:165px;
	height:46px;
	text-align:center;
	padding:5px 0px 5px 0px;
}

#gebrauchtge_bt a, #gebrauchtge_bt a:hover {
	color:#fff;
	height:100%;
	width:100%;
	display:block;
	font-weight:bold;
} 



#frame_panel { float:left; width:719px; height:6000px; position:absolute; left:181px;top:430px;}
#frame_panel iframe { float:right;width:603px;}