/**  www.heilpraktiker-lutzkasberg.de   **
**   Layout-CSS                         **
**   (c) WDGV 2013-2014                 */


/** Layout **/
@media all{
/* Aussen-Container */
#all{margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px; width:1022px;}
#head {width:1022px;}

/* Aussenrahmen */
#top_center, #foot_center {background: url(../images/back/back_hori.png)}
#top_left, #top_right, #foot_left, #foot_right { background: url(../images/back/back_edge.png)}
#top_left, #top_center, #top_right {height:115px; border-bottom:2px solid #196237; position:relative;}
#top_left {float:left; width:150px; border-right:2px solid #196237; background-position:0 0}
#top_center {float:left; width:740px; background-position:0 0; background-repeat:repeat-x}
#top_right {float:right; width:128px; border-left:2px solid #196237;  background-position:0 -270px}

#foot_left, #foot_center, #foot_right {height:55px; border-top:2px solid #196237; position: relative;}
#foot_left {float:left; width:150px; border-right:2px solid #196237; background-position: 0 -165px}
#foot_center {float:left; width:740px; background-position: 0 -165px; background-repeat: repeat-x}
#foot_right {float:right; width:128px; border-left: 2px solid #196237; background-position: 0 -435px}

/* Innen */
#main {width:1022px; min-height:500px; clear:both; position:relative; background:url(../images/back/back_main.jpg) center repeat-y;}
#main_left {float:left; width:152px; position:relative;}
#main_center {margin-left:152px; margin-right:125px; width:740px;}
#main_right {position:absolute; right:0; top:0; width:125px; padding-left:5px;}

#fuss {width:1022px; clear:both;}

#sub_footer {position: relative; top:2px; left:25px; text-align:left; font-size:9px; line-height:13px;}
#sub_foot {clear:both; height:10px;}

#content_all {width:720px; padding:10px;}
#content_all2 {width:100%; padding:0; min-height:500px; background:url(../images/back/bach1.jpg) center no-repeat;}
#content_left {float:left; width:350px; padding:5px 10px;}
#content_right {float:right; width:350px; padding:5px 10px;}

/* Inhalte */
.ct_left1, .ct_right1,.ct_left2, .ct_right2, .ct_left3, .ct_right3, .ct_left4, .ct_right4 {padding:10px;}
.ct_left1  {float:left; width:300px;}
.ct_right1 {float:right; width:300px;}
.ct_left2  {float:left; width:260px;}
.ct_right2 {float:right; width:400px;}
.ct_left3  {float:left; width:400px;}
.ct_right3 {float:right; width:260px;}
.ct_left4  {float:left; width:280px;}
.ct_right4 {float:right; width:380px;}

/* Startseite */
.cont_innen_1, .cont_innen_2, .cont_innen_s
  {padding:3px 3px 8px 3px; border:1px solid #196237; border-radius:6px; margin-bottom:2px; color:#000;}
.cont_innen_1, .cont_innen_2 {background-color: rgba(255,255,255, 0.6)}
.cont_innen_s {background:url(../images/back/back_2.png) repeat-x; width:270px; margin:5px auto;}
.cont_innen_1 {margin-top:5px;}
.cont_innen_2 {margin-top: 8px;}

/* Positionierungen */
#logo_left {position: relative; top:4px; left:1px;}
#logo_right {position:relative; top:18px; left:35px; z-index:10;}
#motto_center_left {position:absolute; top:25px; left:140px;}
#motto_center_right {position:absolute; top:25px; right:150px;}
#motto_right {position:absolute; left:12px; top:60px; z-index:20;}

}

/** Formulare **/
fieldset {margin:10px 40px; padding:10px 5px;}
legend {font-size:11pt; margin-bottom:5px; color:#0C4F2A; text-align: left;}

/* Basis-Tabelle */
.base {width:600px; }
.base_s {width:450px;}

/*  Texteingabefelder allg */
input[type=text], input[type=checkbox], select , textarea
  {color:#727272; background:#FFFFF8; border:1px #CBCBCB solid;}
input[type=text], select , textarea {padding:0px 1px;}
input[type=checkbox] {padding:0;}

/* Groesse alle Systeme  */
input[type=text] {width:300px; height:18px;}
input.s0[type=text] {width:57px; height:18px;}
input.s1[type=text] {width:90px; height:18px;}
input.s2[type=text] {width:234px; height:18px;}
input.ss[type=text] {width:100px; height:18px;}

textarea {width:490px; height:120px;}
textarea.sl { width:490px; height:80px;}

/*  Hovereffekt */
input[type=text]:hover, input[type=text]:active, input[type=text]:focus,
input[type=checkbox]:hover, input[type=checkbox]:active, input[type=checkbox]:focus,
select:hover, select:active, select:focus,
textarea:hover,  textarea:active,  textarea:focus
  {color:#333; background:#FFF; border:1px solid #196237;}

/*  kein Rahmen Radio-Button */
input[type=radio] {background:transparent; color:#333; border:0 none; width:1em; height:1em; margin:0; padding:0;}