/******************************
* Projekt:  www.hotas.de			*
* File:     CSS Document			*
* Version:  1.1               *
* Date:     2008-05-23        *
* Author:   Mario Porst       *
******************************/

body {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
margin:0px;
padding:0px;
text-align:left;
background-color:#e2e4e7;
}

/****************** id */
#container {
width:940px;
margin:0px;
padding:0px;
}

#header {
width:790px;
height:119px;
padding:0px 0px 0px 20px;
background-image:url(../_images/header.jpg);
background-repeat:no-repeat;
}

#content {
width:777px;
margin:0px;
padding:8px 0px 10px 3px;
background-color:#ffffff;
text-align:justify;
line-height:135%;
}

#footer {
width:780px;
height:70px;
margin:0px;
padding:0px;
background-image:url(../_images/footer.gif);
background-repeat:no-repeat;
background-position:right;
background-color:#ffffff;
}

#content_spalte_01 {
float:left;
padding:0px 3px 0px 3px;
}

#content_spalte_02 {
float:left;
padding:0px 0px 0px 3px;
}

#hotas_logo {
float:left;
margin-top:7px;
}

#cc_logo {
float:right;
margin-right:10px;
}

#zugriffe {
color:#ffffff;
font-weight:bold;
font-size:9px;
margin-left:15px;
}

#fieldset_login {
border:0px;
margin:10px 0px 0px 10px;
padding:0px;
float:left;
line-height:30%;
font-weight:bold;
color:#333366;
}

#fieldset_testsuche {
border:0px;
margin:10px 0px 0px 10px;
padding:0px;
float:left;
line-height:30%;
font-weight:bold;
color:#333366;
}

#header_menu {
/* float:right; */
margin-right:5px;
}

#header_menu ul, #header_menu li{
display: block;
margin:0px;
height:15px;
display: inline; 
list-style-position:inside;
list-style: none;
float:left;
}

#header_menu ul {
/*  float:right;*/
  padding-right:183px;
  margin: 0px;
  margin-left: -20px;
  padding-left: 0px;
}

#header_menu li a, #header_menu li a:link, #header_menu li a:visited {
display: block;
padding:4px 9px 5px 9px;
margin:5px 0px 0px 0px;
text-decoration: none; 
color:#000000;
font-weight: bold;
background-color:#ebe9f6;
}

#header_menu li a:hover, #header_menu li a:active {
display: block;
padding:4px 9px 5px 9px;
margin:5px 0px 0px 0px;
background-color: #dbd8ee;
text-decoration:underline;
font-weight:bold;
color:#333366;
}

#flaggen_menu {
  margin:5px 22px 0 0;
  position:absolute;
  top:93px;
  left:610px;
}

/****************** classes */
.contentbox_full {
padding:0px;
margin:0px 0px 0px 3px;
}

.contentbox_full_header {
width:756px;
height:26px;
padding:5px 0px 0px 10px;
background-image:url(../_images/contentbox_full_header.gif);
background-repeat:no-repeat;
font-weight:bold;
color:#333366;
}

.contentbox_full_middle {
width:746px;
padding:0px 10px 10px 10px;
background-image:url(../_images/contentbox_full_middle.gif);
background-repeat:repeat-y;
}

.contentbox_full_middle ul {
padding-top:10px;
font-size:14px;
line-height: 20px;
list-style-image:url(_images/square_grey.gif);
}

.contentbox_full_middle ul li {
margin:0px 0px 20px 0px;
}

.contentbox_full_footer {
width:766px;
height:3px;
background-image:url(../_images/contentbox_full_footer.gif);
background-repeat:no-repeat;
}

.contentbox {
padding:0px;
margin-bottom:6px;
}

.contentbox_header {
width:370px;
height:26px;
padding:5px 0px 0px 10px;
background-image:url(../_images/contentbox_header.gif);
background-repeat:no-repeat;
font-weight:bold;
color:#333366;
}

.contentbox_middle {
width:360px;
padding:0px 10px 10px 10px;
background-image:url(../_images/contentbox_middle.gif);
background-repeat:repeat-y;
}

.contentbox_footer {
width:380px;
height:3px;
background-image:url(../_images/contentbox_footer.gif);
background-repeat:no-repeat;
}

contentbox_login {
margin-top:6px;
}

.contentbox_login_header {
width:376px;
height:27px;
padding:4px 0px 0px 9px;
background-image:url(../_images/contentbox_login_header.gif);
background-repeat:no-repeat;
font-weight:bold;
color:#333366;
}

.contentbox_login_middle {
width:365px;
padding:0px 10px 10px 10px;
background-image:url(../_images/contentbox_login_middle.gif);
background-repeat:repeat-y;
}

.contentbox_login_footer {
width:385px;
height:18px;
background-image:url(../_images/contentbox_login_footer.gif);
background-repeat:no-repeat;
}

.contentbox_tour_navi{
background-color:#e2e4e7;
border:1px solid #c9c1e8;
width:744px;
padding:7px 10px 0px 10px;
margin:0px 0px 0px 3px;
}

.contentbox_pic {
float:left;
margin-right:5px;
}

.floatr_img {
float:right;
margin:10px 7px 0px 10px;
border:1px solid #c9c1e8;
}

.floatl_img {
float:left;
margin:10px 10px 0px 0px;
border:1px solid #c9c1e8;
}

.floatl_logo {
float:left;
margin:10px 10px 0px 0px;
border:1px solid #c9c1e8;
}

.formlabel {
float:left;
line-height:21px;
width:150px;
text-align:right;
margin-right:5px;
}

.formlabel_anmeldung {
float:left;
line-height:21px;
width:235px;
text-align:right;
margin-right:5px;
}

/****************** anker */
#content a, #content a:link, #content a:visited {
color:#333366;
font-weight:bold;
text-decoration:underline;
}

#content a:hover, #content a:active {
color:#000000;
font-weight:bold;
text-decoration:underline;
}

/****************** typo */
#content b {color:#333366;}
#content strong {color:#333366;}
a {cursor:pointer;}
img {border:0px;}
label {font-variant:small-caps;}
.floatl {float:left;}
.floatr {float:right;}
.center {text-align:center;}
.clear {clear:both;}
.textr {text-align:right;}
input {border:1px solid #7f9db9;}
ul {margin-top: 0;}
h3 {font-size:16px;color:#333366;margin-bottom:5px;}

#accordion ul {
  margin: 0px;
  padding: 0px 0px 0px 18px;
}

#accordion li {
  font-size: 11px;
  list-style-type:square;
  margin: 0px;
}
#accordion .header {
  font-size: 140%;
  font-weight: bold;
}
#accordion .header_sub {
  font-size: 120%;
  font-weight: bold;
}
#accordion .ui-accordion-content {
  background-image: url("../_images/kfz_innung_meisterschild_101x150.png");
  background-repeat: no-repeat;
  background-position: 614px top;
}

#accordion .ui-widget-content {
  border-bottom:1px solid #AAAAAA;
  border-left:1px solid #AAAAAA;
  border-right:1px solid #AAAAAA;
}
