/* Standard-CSS für www.blatnicky.de */

/* Wichtige Farben
Schwarz = #333333
Blau =	  #00a6df
Dunkelrot=#960000
*/

/* Zur besseren Kontrolle alle Abstände auf null setzen */
html, body, div, p, h1, h2, h3, ul, ol, 
span, a, table, td, form, img, li {
    margin: 0;
    padding: 0;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    COLOR: #333333;
    FONT-SIZE: 12px;
    line-height: 16px; 
}

img {   border: 0;}

html, body {
    background-color:     #ffffff;
    background-image :    url(../images/trans.gif);
    background-position : left;
    background-repeat :   repeat-y;
    font-size: 101%;                  /* hilft bei problemen mit relativen Schriftgroessen */
    height:100%;
    width:100%;
}

/* beginn Zentrieren*/
html, body {
    height:100%;
    width:100%;
}

body>.box{height:auto;min-height:70%}
/* ende Zentrieren*/

h1, h2 ,h3{
   COLOR: #333333;
}
h1{
  FONT-WEIGHT: bold;
  FONT-SIZE: 32px;
  margin-top: 11px;
}
h1.inlineh1{
  display:inline;
  FONT-WEIGHT: bold;
  FONT-SIZE: 12px;

}
h2{
  FONT-WEIGHT: bold;
  FONT-SIZE: 14px;
  margin-top: 12px;
}
h3{FONT-SIZE: 14px;}

.c {   clear: both;}                 /* Der obere Aussenabstand (margin-top) wird so weit gedehnt, 
                                     /* wie es nötig ist, um unter den unteren Rand des vorgehenden Floats zu gelangen */
.center {   text-align: center;}
.right {   text-align: right;}
.top {   vertical-align: top;}
.bottom {   vertical-align: bottom;}
.floatleft {   float: left;}
.floatright {   float: right;}

td{FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; 
  FONT-SIZE: 12px;
  FONT-WEIGHT: normal;
  line-height: 16px; 
  letter-spacing:0px;
}
td.highlight{     COLOR: #960000;}
td.tiny{          FONT-SIZE: 9px; line-height: 11px;}
td.bold{          FONT-WEIGHT: bold;}
td.compact{       line-height: 9px;  letter-spacing:0px;}
td.hdl{           FONT-SIZE: 12px;}
td.weiss{         COLOR: #ffffff;}

a{FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; 
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  line-height: 16px; 
  letter-spacing:0px;
}
a:link{    COLOR: #333333}
a:visited{ COLOR: #333333}
a:hover{   COLOR: #00a6df}
a:active{  COLOR: #00a6df}
a:focus{   COLOR: #00a6df}
a.reverse{ COLOR: #ffffff;}
a.reverse:link{    COLOR: #ffffff}
a.reverse:visited{ COLOR: #ffffff}
a.reverse:hover{   COLOR: #333333}
a.reverse:active{  COLOR: #ffffff}
a.reverse:focus{   COLOR: #333333}

.blau{ background-color: #00a6df;}
.fett{       FONT-WEIGHT: bold;}

textarea{
  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; 
  FONT-SIZE: 10px;
}
select{ FONT-SIZE: 10px; width:136px;}
select.kurz{             width: 50px;}
select.mittel{           width: 88px;}
select.lang{             width:180px;}

input{  FONT-SIZE: 10px; width: 82px;}
input.mini{              width: 30px;}
input.kurz{              width: 46px;}
input.mittel{            width: 82px;}
input.lang{              width:130px;}
input.maxi{              width:316px;}

#rahmen {
    position:absolute;
    top:15%;
    left:15%;
    width:597px;
    min-height:362px;
    background:#faf9bd;
    border:1px solid black;
}

#line {
    position:relative;
    top:80px;
    left:0px;
    width:430px;
    height:5px;
    line-height:5px;
    background:#00a6df;
}

#logo {
    position:relative;
    left:455px;
}

#headline {
    clear: both;
    margin-top: -60px;
    padding-left:10px;
    padding-top:10px;
    padding-bottom:10px;
}

#netzwerk {
    padding: 0px;
    margin: 0px;
    width:577px;
}
#netzwerk td {
    padding: 3px;
    margin: 3px;
}

#netzwerk .dunkel {
    background:#CCCCCC;
}

#description {
    position:relative;
    width:577px;
    padding:40px 10px 0px;
}

#online {
    float:left;
    width:40%;
    padding-right:10px;
}

#contact {
    float:right;
    width:50%;
}

.klein {
    COLOR: #7c7c7c;
    FONT-SIZE: 9px;
    line-height: 10px; 
}