/* ///////////////////////////////////////////////////

    * CSS Document *
	Autor:	 		Gregor Borbely
	Company:  		echonet communication gmbh
			  		Schottenfeldgasse 24,
					A-1070 Vienna
	  		  		http://www.echonet.at
	Project:		http://www.samariterbund.net
	
/////////////////////////////////////////////////// */

/* STANDARD Definitions */

body {
	font: 100% Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
	voice-family: "\"}\"";
	voice-family: inherit;
	text-align: left;
}

body.fontsize1 {font: 100% Arial, Helvetica, sans-serif;}

body.colorscheme1 {color: #000;} 

#c-parent {
	width: 1003px;
	min-width: 1003px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}

#c-sitenav				{display: none;}
/**************************************************/

				  #c-header		 {height: 160px; position: relative;}
body.colorscheme1 #c-header 	 {background: url("/grafik1/header-right.gif") top left no-repeat #F9FCDC;}

				  #c-header-left {height: 160px;}
body.colorscheme1 #c-header-left {background: url("/grafik1/line-vert.gif") top right repeat-y #fff;}
/*#c-header-right {background: url(/grafik/header-test.gif); height: 29px; width: 245px; position: absolute; top: 0px; left: auto; right: 0px;}*/

/* BODY Area */
body.colorscheme1 #c-body		  {background: url("/grafik1/body-bgrd.gif") top left repeat-y #fff;}
body.colorscheme2 #c-body		  {background: url("/grafik2/body-bgrd.gif") top left repeat-y #FFCC00;}
body.colorscheme3 #c-body		  {background: url("/grafik3/body-bgrd.gif") top left repeat-y #000;}
body.colorscheme4 #c-body		  {background: url("/grafik4/body-bgrd.gif") top left repeat-y #fff;}
body.colorscheme5 #c-body		  {background: url("/grafik5/body-bgrd.gif") top left repeat-y #000099;}
/**************************************************/

/* NAVIGATION Part */
#c-nav				 	{float: left; width: 231px; margin-right: 0px!important; margin-right: -3px;}
/**************************************************/

/* CONTENT Part */
#c-content {margin-left: 231px!important; margin-left: 0px; height: auto!important; height: 1px; min-height: 1px; margin-top: 0px;}
#c-content-inner {float: left; height: auto!important; height: 1px; min-height: 1px; width: 100%;}
/**************************************************/

				  #c-body-inlay	   {height: auto!important; height: 1px; min-height: 1px; position: relative;}
body.colorscheme1 #c-body-inlay    {background: url("/grafik1/footer-right.gif") bottom right no-repeat;}

				  #c-header-inlay  {position: relative;}
body.colorscheme1 #c-header-inlay  {background: url("/grafik1/header-bgrd.gif") top left repeat-x;}

				  #c-logo-inlay	   {background-position: top left; background-repeat: no-repeat; background-image: url("/grafik/header-left-wien.gif"); height: 160px; width: 231px;}

				  #c-content-inlay {background-position: top left; background-repeat: repeat-x; margin: 0px 7px; padding: 28px 0px 80px 0px; }
body.colorscheme1 #c-content-inlay {background-image: url("/grafik1/line-hor.gif");}

				  #c-nav-inlay 	  {background-position: top left; background-repeat: repeat-x; width: 210px; margin: auto; padding-top: 2px;}
body.colorscheme1 #c-nav-inlay 	  {background-image: url("/grafik1/line-hor.gif");}

body.colorscheme1 #c-footer 	{background: url("/grafik1/footer-bgrd.gif") bottom left repeat-x;}
body.colorscheme1 #c-footer div {background: url("/grafik1/footer-left.gif") bottom left no-repeat; height: 19px;}

#logo-echonet {position: absolute; top: auto; bottom: 1px!important; bottom: 0px; left: 4px;}
#group-choose {position: absolute; top: auto; bottom: 3px!important; bottom: 2px; left: auto; right: 12px;}

#logo-echonet p, #group-choose p {font: 1px/1px verdana; margin: 0px;}

				  .c-navbox {margin-bottom: 0.5em;}
body.colorscheme1 .c-navbox {background-color: #E3EF52; padding: 8px;}

.c-col-inlay {margin-left: 160px;}

#c-col-3a1, #c-col-3a2, #c-col-3a3 {width: 250px; float: left;}
#c-col-3a1 select, #c-col-3a2 select, #c-col-3a3 select {width: 100%;}

				  #form-search {text-align: right;margin: 0px 0px 13px 0px;}
body.colorscheme1 #form-search {background: url(/grafik1/header-test.gif) bottom right no-repeat; padding: 0px 17px 1px 0px;}
body.colorscheme2 #form-search, body.colorscheme3 #form-search, body.colorscheme4 #form-search, body.colorscheme5 #form-search {padding: 0px 15px 1px 0px; }
				  #form-search .form-text {width: 221px; margin: 8px 0px 1px 0px; padding: 0px; height: 16px; vertical-align: middle;}
body.colorscheme1 #form-search .form-text {border: 1px solid #A8D53D;}
body.colorscheme2 #form-search .form-text {border: 2px solid #000; background-color: #FFCC00;}
body.colorscheme3 #form-search .form-text {border: 2px solid #FFCC00; background-color: #000; color: #FFCC00;}
body.colorscheme4 #form-search .form-text {border: 2px solid #000099; background-color: #fff; color: #000099;}
body.colorscheme5 #form-search .form-text {border: 2px solid #fff; background-color: #000099; color: #fff;}
#form-search .form-submit {margin: 8px 0px 0px 0px; vertical-align: middle;}

#c-color {float: left; width: 105px; margin-right: 2px;}
#c-font  {float: left; width: 86px;}

body.colorscheme2 select {background-color: #FFCC00; color: #000;}
body.colorscheme3 select {background-color: #000; color: #FFCC00;}
body.colorscheme4 select {background-color: #fff; color: #000099;}
body.colorscheme5 select {background-color: #000099; color: #fff;}

p#p-playground {margin: 0px 16px 0px 0px; padding: 0px; line-height: 1px; text-align: right;}
body.colorscheme1 p#p-playground img {border: 3px solid #E3EF52;}
body.colorscheme2 p#p-playground img {border: 3px solid #000;}
body.colorscheme3 p#p-playground img {border: 3px solid #FFCC00;}
body.colorscheme4 p#p-playground img {border: 3px solid #000099;}
body.colorscheme5 p#p-playground img {border: 3px solid #fff;}

#table-gallery 			   {width: 550px; margin: 0px auto;}
				  #table-gallery .td-image {width: 100px; height: 100px; vertical-align: middle;}
body.colorscheme1 #table-gallery .td-image {border: 1px solid #A8D53D;}
body.colorscheme2 #table-gallery .td-image {border: 1px solid #000;}
body.colorscheme3 #table-gallery .td-image {border: 1px solid #FFCC00;}
body.colorscheme4 #table-gallery .td-image {border: 1px solid #000099;}
body.colorscheme5 #table-gallery .td-image {border: 1px solid #fff;}
				  #table-gallery .td-image p {margin: 0px; padding: 0px; line-height: 1px; text-align: center;}

				  #c-gallery {width: 500px; margin: 0px auto 1em auto; padding: 0px;}
body.colorscheme1 #c-gallery {border: 1px solid #A8D53D;}
body.colorscheme2 #c-gallery {border: 1px solid #000;}
body.colorscheme3 #c-gallery {border: 1px solid #FFCC00;}
body.colorscheme4 #c-gallery {border: 1px solid #000099;}
body.colorscheme5 #c-gallery {border: 1px solid #fff;}

				  #c-content #c-gallery p#p-image 		 	{margin: 0px; padding: 0px; line-height: 1px; text-align: center;}
				  #c-content #c-gallery p#p-galnav  		{margin: 10px 100px; padding: 0px;}
				  #c-content #c-gallery p#p-galnav a 		{background-repeat: no-repeat; font-weight: bold; text-decoration: underline;}
				  #c-content #c-gallery p#p-galnav a.a-more {padding-right: 22px; background-position: top right;}
				  #c-content #c-gallery p#p-galnav a.a-back {padding-left: 25px; background-position: top left;}
body.colorscheme1 #c-content #c-gallery p#p-galnav a.a-more {background-image: url(/grafik1/icon-more-gallery.gif);}
body.colorscheme1 #c-content #c-gallery p#p-galnav a.a-back {background-image: url(/grafik1/icon-back-gallery.gif);}
body.colorscheme2 #c-content #c-gallery p#p-galnav a.a-more {background-image: url(/grafik2/icon-more-gallery.gif);}
body.colorscheme2 #c-content #c-gallery p#p-galnav a.a-back {background-image: url(/grafik2/icon-back-gallery.gif);}
body.colorscheme3 #c-content #c-gallery p#p-galnav a.a-more {background-image: url(/grafik3/icon-more-gallery.gif);}
body.colorscheme3 #c-content #c-gallery p#p-galnav a.a-back {background-image: url(/grafik3/icon-back-gallery.gif);}
body.colorscheme4 #c-content #c-gallery p#p-galnav a.a-more {background-image: url(/grafik4/icon-more-gallery.gif);}
body.colorscheme4 #c-content #c-gallery p#p-galnav a.a-back {background-image: url(/grafik4/icon-back-gallery.gif);}
body.colorscheme5 #c-content #c-gallery p#p-galnav a.a-more {background-image: url(/grafik5/icon-more-gallery.gif);}
body.colorscheme5 #c-content #c-gallery p#p-galnav a.a-back {background-image: url(/grafik5/icon-back-gallery.gif);}