/* standard */

h1 {font-size:22px; font-weight:bold; margin:0px;}
h2 {font-size:18px; font-weight:bold; margin:0px;}
h3 {font-size:16px; margin:0px;}
h4 {font-size:14px; margin:0px;}
h5 {font-size:13px; margin:0px;}
h6 {font-size:12px; margin:0px;}

form,input {margin:0px; padding:0px; display:inline;}

p,ul,li,img {margin:0px;padding:0px;}

table {font-size:11px;}

a {text-decoration:none;}
a:hover {color:red;text-decoration:underline;}

/* layout */

body
 {
 margin:0px;
 padding:0px;
 text-align:center; /* mittig ie 5.5 */
 font-family:Arial,Verdana,Helvetica;
 font-size:11px;
 background-color:#e9e9ff;
 }

#layout
 {
 position:relative;
 top:0px;
 left:0px;
 width:907px;
 margin:0px auto; /* mittig ie 6.0 */
 padding:0px;
 padding-top:5px; /* ie 5.5 */
 padding-bottom:5px; /* ie 5.5*/
 text-align:left; /* mittig ie 5.5 */
 }

#skyscraper
 {
 position:absolute;
 top:5px;
 left:747px;
 width:160px;
 }
 
#layout_showpic
 {
 position:relative;
 top:0px;
 left:0px;
 width:742px;
 margin:0px auto; /* mittig ie 6.0 */
 padding:0px;
 padding-top:5px; /* ie 5.5 */
 padding-bottom:5px; /* ie 5.5*/
 text-align:left; /* mittig ie 5.5 */
 }
 
#showpic
 {
 border:1px dashed black;
 }

/* 1. Ebene */

#oben
 {
 position:relative;
 top:0px;
 left:0px;
 width:740px;
 height:10px;
 font-size:0px;
 background:url(./pics/freunde_oben.gif) no-repeat top left;
 }

#kopf
 {
 position:relative;
 top:0px;
 left:0px;
 width:740px;
 height:80px;
 
 background:url(./pics/freunde_logo.gif) no-repeat top left;
 }
  
#kopf_bord
 {
 height:80px;
 
 border-left:1px solid #0000c4;
 border-right:1px solid #0000c4;
 }
 
#werbung1
 {
 position:absolute;
 top:2px;
 left:263px;
 width:470px;
 height:62px;
 }
 
#footer
 {
 position:relative;
 top:0px;
 left:0px;
 width:740px;
 
 min-height:40px; /* 60px mit social buttons */
 height:auto;
 
 background-color:#98a5ff;
 }
 
#footer_bord
 {
 border-left:1px solid #0000c4;
 border-right:1px solid #0000c4;
 }
 
#unten
 {
 position:relative;
 top:0px;
 left:0px;
 width:740px;
 height:10px;
 font-size:0px;
 background:url(./pics/freunde_unten.gif) no-repeat bottom left;
 }
 
#sysinfo
 {
 position:relative;
 top:0px;
 left:0px;
 width:740px;
 height:auto;
 margin-top:10px;
 font-size:9px;
 text-align:center;
 color:#acacac;
 background-color:#e9e9ff;
 }
 
#main
 {
 position:relative;
 top:0px;
 left:0px;
 width:740px;
 
 min-height:20px;
 height:auto;

 background-color:#98a5ff;
 }

#main_bord
 {
 border-left:1px solid #0000c4;
 border-right:1px solid #0000c4;
 }

/* 2. Ebene */

#contentbox
 {
 width:728px;
 
 margin-top:5px;
 margin-left:5px;
 }

 
.box728head /* Kopf 728 x 10px */
 {
 width:728px;
 height:10px;

 font-size:0px;
 
 background:url(./pics/head_728x10.gif) no-repeat top left;
 }
 

.box728body /* Body 728 x 20px */
 {
 width:728px;
 min-height:10px;
 height:auto;
   
 font-size:11px;
 text-align:left;
 }
 
.box728body_bord /* Border-Body 728 x 20px */
 {
 margin:0px;
 padding:0px;
  
 border-left:1px solid #6078bf;
 border-right:1px solid #6078bf;
 } 

 
.box728foot /* Foot 728 x 20px */
 {
 width:728px;
 height:10px;
 
 font-size:0px;

 background:url(./pics/foot_728x10.gif) no-repeat top left;
 }

/* Main-Menü */

ul#ul_menue
 {
 padding:3px;
 margin:0px;
 border-bottom:1px solid #0000c4;
 font:bold 12px Verdana, sans-serif;
 }

ul#ul_menue li
 {
 display:inline;
 list-style:none;
 margin:0px;
 }

ul#ul_menue li a
 {
 padding:3px 1.0em;
 margin-left:3px;
 border:1px solid #0000c4;
 border-bottom:none;
 background:#6d6def;
 text-decoration:none;
 }

ul#ul_menue li a:link {color:white;}

ul#ul_menue li a:visited {color:white;}

ul#ul_menue li a:hover
 {
 color:#000;
 background:#aae;
 border-color:#227;
 }

ul#ul_menue li a#selected
 {
 color:black;
 background:white;
 border-bottom:1px solid white;
 }
 
/* Sub-Menü */

ul#ul_submenue
 {
 padding:2px;
 margin:0px;
 border-bottom:1px solid #587f02;
 font:bold 11px Verdana, sans-serif;
 }

ul#ul_submenue li
 {
 display:inline;
 list-style:none;
 margin:0px;
 }

ul#ul_submenue li a
 {
 padding:2px 0.5em;
 margin-left:3px;
 border:1px solid #587f02;
 border-bottom:none;
 background:#e8f1d0;
 text-decoration:none;
 }

ul#ul_submenue li a:link {color:#587f02;}

ul#ul_submenue li a:visited {color:#587f02;}

ul#ul_submenue li a:hover
 {
 color:#000;
 background:#aae;
 border-color:#227;
 }

ul#ul_submenue li a#selected
 {
 background:white;
 border-bottom:1px solid white;
 }
 
/* Links */

a.link1 {color:red; text-decoration:none;}
a.link1:hover {color:red; font-weight:bold; text-decoration:underline;}

a.link2 {color:green; text-decoration:underline;}
a.link2:hover {color:red; font-weight:bold; text-decoration:underline;}
     
/* Link-Buttons */

a.linkbutton1
  {
  display:block;
  margin:0px;
  padding:1px 1px 1px 5px;
  font-size:11px;
  font-weight:normal;
  color:black;
  background-color:white;
  border:1px solid black;
  border-left:4px solid #999999;
  text-decoration:none;
  }

a.linkbutton1:hover
  {
  color:white;
  background-color:#43616b;
  text-decoration:none;
  }

/***/
  
div.nolinkbutton1
  {
  margin:0px;
  padding:1px 1px 1px 5px;
  font-size:11px;
  font-weight:normal;
  color:black;
  background-color:white;
  border:1px solid black;
  }
  
/***/
  
a.linkbutton_navi
  {
  display:block;
  margin:0px;
  padding:1px;
  font-size:100%;
  font-weight:bold;
  color:black;
  background-color:#d6d6d6;
  border:0px solid black;
  text-decoration:none;
  }
    
/***/
  
a.linkbutton_navi:hover
  {
  color:white;
  background-color:#43616b;
  text-decoration:none;
  }

/***/
  
a.linkbutton_ul
  {
  display:inline;
  margin:0px;
  padding-left:10px;
  padding-right:10px;
  font-size:100%;
  font-weight:bold;
  color:black;
  background-color:#d6d6d6;
  text-decoration:none;
  }
    
a.linkbutton_ul:hover
  {
  color:white;
  background-color:#43616b;
  text-decoration:none;
  }
  
/***/

a.linkbutton_ulr
  {
  display:inline;
  margin:0px;
  padding-left:10px;
  padding-right:10px;
  font-size:100%;
  font-weight:bold;
  color:white;
  background-color:#ff8a00;
  text-decoration:none;
  }
    
a.linkbutton_ulr:hover
  {
  color:white;
  background-color:#43616b;
  text-decoration:none;
  }

/***/

a.linkbutton2
  {
  padding:1px 10px;
  font-size:11px;
  font-weight:bold;
  color:black;
  background-color:#d6d6d6;
  border:1px solid gray;
  text-decoration:none;
  }

a.linkbutton2:hover
  {
  color:white;
  background-color:#43616b;
  text-decoration:none;
  }
  
div.linkbutton2
  {
  margin-top:20px;
  }
  
/***/

/* Register/Login-Formulare */

td.bgc1 {background-color:#d8d8d8;}
td.bgc2 {background-color:#efefef;}

/* Schriftgrößen-Klassen */

.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}

/* Schrift-Farben */

.fc1 {color:#708090;}

/* Absätze */

p.absatz1 {margin-bottom:5px;}
p.absatz2 {margin-bottom:5px; line-height:20px;}
p.absatz3 {margin-top:5px; margin-bottom:5px;}
p.absatz4 {margin-top:10px; margin-bottom:10px;}

/* Meldungen */

.err /* Fehler-Meldungen */
  {
  color:red;
  font-weight:bold;
  }

.err10 /* Fehler-Meldungen 10px */
  {
  color:red;
  font-size:10px;
  font-weight:bold;
  }
   
.err11 /* Fehler-Meldungen 11px */
  {
  color:red;
  font-size:11px;
  font-weight:bold;
  }

.suc /* Erfolgs-Meldungen */
  {
  color:green;
  font-weight:bold;
  }
  
.suc10 /* Erfolgs-Meldungen 10px */
  {
  color:green;
  font-size:10px;
  font-weight:bold;
  } 

.suc11 /* Erfolgs-Meldungen 11px */
  {
  color:green;
  font-size:12px;
  font-weight:bold;
  } 

/******/