/* ////////////////// Standard CSS //////////////////

Project:  content.life 3
Autor:    Sindre Wimberger // wimberger@echonet.at
Company:  echonet communication gmbh
		  schottenfeldgasse 24, 1070 vienna
	  	  http://www.echonet.at
Created:  29.01.2007
Modified: 

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

html, body { font-family: Arial, Helvetica, sans-serif;height: 100%; margin: 0; padding: 0;}   
body {background:#fff url(gfx/cl_bg_body.jpg) repeat-x;color:#444342;font-size:62.5%;}
body#cl-login {background:#D6D3CF url(gfx/cl_login_bg_body.jpg) repeat-x;text-align:center;}

/* +standard Elemente
-------------------------------------------------------------------*/
.mt0 {margin-top:0;}
.mb0 {margin-bottom:0;}
.error {color:#FF3300;}
.special {color:#F66013;}
.center {text-align:center;}

h1 span, .v {height:0;left:-1000px;display:inline;overflow:hidden;position: absolute;top:-1000px;width:0;}
.none {display:none;visibility:hidden;}
/* zwingt den container die beinhalteten elemente zu umfließen */
.cfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* Diese Angabe benoetigt der Safari-Browser zwingend !! */
.cfix {display: block;}

/* ----- +Links ----- */
a:link, a:visited, a:focus, a:hover, a:active {color: #F66013;text-decoration: none;}

/* ----- +headlines/ Überschriften/ Absätze ----- */
h1 {font-size: 2.6em;font-weight:normal;}/*25px*/
h2 {font-size: 2em;}/*20px*/
h3 {font-size: 1.3em;}/*13px*/
h4 {font-size: 1.3em;}/*13px*/
h5 {font-size: 1.3em;}/*13px*/
h6 {font-size: 1.3em;}/*13px*/
p {font-size: 1.3em;margin:.5em 0;}/*13px*/

/* ----- +listen ----- */
li {}
ol {font-size: 1.3em;margin-left:30px;padding-left:0;} /* position: relative; Verhindert das verschwinden von Hintergrundbilder bei Listen */
ul.tarn li li, ul {font-size: 1.3em;margin-left:5px;padding-left:15px;list-style-type:square;}
ul.tarn {list-style:none;margin:0;padding:0;}

/* +grundlayout Allgemein
-------------------------------------------------------------------*/
#c-content {text-align:left;margin:60px 75px;}

/* +grundlayout Home
-------------------------------------------------------------------*/
#cl-home #result {list-style-image:url(gfx/cl_pfeil-doppel-rechts.gif);padding-bottom:100px;}
#cl-home #result li {margin:5px 0 0;}

/* +grundlayout Login
-------------------------------------------------------------------*/
#c-footer a:link, #c-footer a:visited, #c-footer a:focus, #c-footer a:active {color: #807E7C;}
#c-footer a:hover {color: #F66013;}

#vcenter {float: left;height: 50%;margin-top: -210px;visibility: hidden;width: 100%;}
#c-login {clear: both;height: 410px; margin:0 auto;width: 571px;position: relative;top: -210px;
                /* IE4ever Hack: Hide from IE4 **/
                    position: static;
                /** end hack */}
            /* Hide from IE5mac \*//*/
                div#vcenter {
                    display: none;
                }
                html, body {
                    height: auto;
                }
            /* end hack */

#c-login h1#head {height:90px;margin:0 0 30px -126px;width:571px;}
#c-login h1#head a {cursor:help;display:block;height:90px;width:100%;}
#c-login #c-box-h {background: url(gfx/cl_login_head.png) no-repeat left top;}
#c-login #c-box-b {background: url(gfx/cl_login_foot.png) no-repeat left bottom;padding-bottom:20px;}
#c-login #c-content {margin:0;padding:0 38px 20px 38px;}
#c-login #c-box-b #c-box-h .indent {padding-left:122px;}
#c-login .secure {background:url(gfx/cl_login_schloss_zu.png) no-repeat 59px 126px;}
#c-login #c-footer {color:#807E7C;font-size:1em;margin:0 0 10px 20px;text-align:left;}
/*p.banner {background:url(gfx/banner-bg.gif) no-repeat left top;padding:0 12px 0 0;}*/



/* +formulare
-------------------------------------------------------------------*/
form {clear: both; margin:1em 0 .5em;padding: 0;width:100%;}
fieldset {border: 0 none;margin: 0;padding:0;position: relative;text-align: left;}
legend {color:#444342;font-size:2em;margin: 20px 0 .2em -15px;padding:0 1em;}
form ol {list-style:none;margin:0;overflow:hidden;padding:0;}
form ol li {background-image:none;display:block;clear:both;margin-top:.1em;}
input, select, textarea {border: 1px solid #A7A5A2;float:left;font-size:1.3em;margin: 3px 0 3px;padding:2px 3px;width: 300px;}
input.button {}
input:focus {background-color:#F5F6BE;}
label, input[type=submit] {cursor:pointer;}

/* ----- +Suche ----- */
form#search {background:#E3E3E3 url(gfx/cl_suche_bg_form.jpg) repeat-x;border:1px solid #999;margin:20px -20px;}
form#search legend {}
form#search p {border-top:1px solid #C9C6C3;margin-top:0;padding-top:.5em;}
form#search fieldset {padding:0 20px 20px;}
form#search input {height:22px;margin: 5px 20px 0 0;vertical-align: middle;}
form#search input.button {float:left;border:0 none;height:auto;margin:0;padding:0;width:auto;}

/* ----- +Login ----- */
form#login {margin:1em 0 .5em;padding: 0;width:325px;}
form#login label {display:block;font-size: 1.3em;margin: 6px 5px 3px 0px;}
form#login input {border: 1px solid #A7A5A2;float:none;font-size:1.3em;margin: 0 0 3px;padding:2px 3px;width: 314px;}
form#login input.button {float:right;border:0 none;margin:5px 0 0;padding:0;width:auto;}