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

    * CSS Document *
	Autor:	 		Ulrich Dobiasch
	Company:  		echonet communication gmbh
			  		schottenfeldgasse 24, 1070 vienna
	  		  		http://www.echonet.at
	Project:		http://www.annakatharina.at
	
/////////////////////////////////////////////////// */

html { min-width:758px;position:relative; }
body { width:758px;margin:auto;padding:0;background:#FFF url(../grafik/body-bgrnd.gif) 50% 0 repeat-y; }
#mom { width:742px;margin-left:8px !important;margin-left:9px; }

#head { background-color:#FFF; }
  #head { line-height:0;font:1px/1px courier; }

#navi {  }
  #navi ul { height:27px;background-color:#FFF;margin:0;padding:2px 0 0 0;list-style-type:none; }
  #navi li { float:left;margin:0;padding:0;text-align:center;list-style-type:none; }
  #navi a { display:block;padding:5px 0 0 0;height:20px;width:91px;color:#FFF;text-decoration:none;font:bold 0.85em Arial, Helvetica, sans-serif; }
  #navi a { background-color:#424242; }
  #navi a:hover { background-color:#999; }
  #navi a.active { background-color:#999; }

#sponsor { float:left;width:150px; }
  #sponsor h2 { background-color:#999;display:block;padding:0.2em 0 0.4em 0;color:#FFF;font:bold 0.8em Arial, Helvetica, sans-serif;text-align:center;margin-top:5em; }
  #sponsor p { text-align:center;margin:1em 0; }

#content { margin-left:150px;padding:15px;height:auto !important;height:200px;min-height:200px; }
  #content h1 { font:bold 0.85em Arial, Helvetica, sans-serif;margin-top:0px }  
  #content h2 { background:url(../grafik/h2-content.gif) top left no-repeat;display:block;border-bottom:1px solid black;font:0.85em Arial, Helvetica, sans-serif;padding-bottom:0.4em;width:99% }
  #content p { font:0.75em Arial, Helvetica, sans-serif; }
  #content a { color:#E60017; }


.col-2-1 { width:49%;float:left;position:relative; }
.col-2-2 { width:50%;float:left;position:relative; }

.col-2a-1 { width:59%;float:left;position:relative; }
.col-2a-2 { width:40%;float:left;position:relative; }

/* basic format */

body { font:16px Verdana, Arial, Helvetica, sans-serif; }

form { margin:0; }
a img { border-width:0; }
small { font-size:0.85em; }
hr { height:1px;color:#BBB;margin:0; }
blockquote { margin-left:20px; }
big { font-size:1.2em; }

.clear { clear:both;font:1px/1px courier;margin:0;padding:0; }
.hidden { display:none; }
.img-left { float:left;margin:0 1em 1em 0 ;}
.img-right { float:right;margin:0 0 1em 1em; }
.center { text-align:center; }
.left   { text-align:left; }
.right  { text-align:right; }
.help   { cursor:help; }
.pad-y  { padding:0.5em 0; }
.pad-x  { padding:0 0.5em; }
.margin-y  { padding:0.5em 0; }
.margin-x  { padding:0 0.5em; }
.nopad  { padding:0; }
.nomargin { margin:0; }
.color  { color:#F60; }
.thin   { font-weight:normal; }
.strong   { font-weight:bold; }
.underline { text-decoration:underline; }
.normal { font-style:normal; }
.black  { color:black; }
a.back { background:url(../grafik/a-prev.gif) 0px 3px no-repeat;padding-left:15px; }
a.more { background:url(../grafik/a-next.gif) right 3px no-repeat;padding-right:15px; }

.bb-g { border-top:1px solid #BBB;font:1px/1px courier;margin-bottom:10px; }
.bb-w { border-top:1px solid #FFF;font:1px/1px courier;margin-bottom:10px; }
.br-w { border-right:1px solid #FFF; }
.bl-w { border-left:1px solid #FFF; }

table { width:556px;border:solid #999;border-width:1px 1px 1px 1px; }
table caption { color:#E60017;background-color:#424242;font:bold 0.8em Arial, Helvetica, sans-serif;padding:0.2em }
table th { color:#000;font:bold 0.8em Arial, Helvetica, sans-serif;padding:1em 0.4em 0.4em 0.4em; }
table td { text-align:left;font:0.75em Arial, Helvetica, sans-serif;vertical-align:top;padding:0.4em;border-bottom:1px solid #FFF; }
.colored { background-color:#CCCCCC; }


.ul-1 { margin-left:3px; }
  .ul-1 ul {  }
  .ul-1 li { list-style-type:none;background:url(../grafik/li-small.gif) 0px 7px no-repeat;padding-left:14px;font:0.75em Arial, Helvetica, sans-serif;padding-bottom:0.4em;border-bottom:1px solid #CCC; }
  
.ul-2 { margin:0;padding:0; }
  .ul-2 ul {  }
  .ul-2 li { list-style-type:none;background:url(../grafik/li-big.gif) 0px 6px no-repeat;padding-left:14px;font:0.75em Arial, Helvetica, sans-serif;padding-bottom:/*0.4em*/6px;border-bottom:1px solid #CCC; }
  
  form fieldset { border:1px solid #CCC;padding:10px }
  form fieldset p { position:relative;clear:both; }
  form fieldset p input { position:absolute;left:100px;width:150px; }
  form fieldset textarea { height:100px;width:250px; }