/* #################### common styles #################### */
* {
  margin: 0;
  padding: 0;
}
html, body {
  height: 100%;
}
body {
  text-align: left;
  background-color: #c0c0c0;
  padding: 0;
  margin: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #003366;
}
p {
  padding: 0px;
  margin: 0;
}
img {
  border: none;
  padding:0;
  margin:0;
}
a {
  text-decoration: none;
}
h1 {
  font-family: Arial, Helvetica, DejaVu Sans, sans-serif;
  font-size: 19px;
  line-height: 20px;
  font-weight: bold;
  text-align: left;
  margin: 4px 0 14px 0;
  padding: 0;
}
h1 a, h1 a:hover {
  text-decoration: none;
}
h2 {
  font-family: Arial, Helvetica, DejaVu Sans, sans-serif;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  text-align: left;
  margin: 2px 0 8px 0;
  padding-bottom: 0px;
}
h3 {
  font-family: Arial, Helvetica, DejaVu Sans, sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding-bottom: 0px;
}
ul {
  padding-left: 20px;
  list-style-type: disc;
}
/* #################### layout boxes #################### */
#center {
  width: 1px;
  height: 50%;
  float: left;
  margin-bottom: -290px;
}
#wrapper {
  margin: 0 auto;
  position: relative;
  width: 940px;
  height: 580px;
  clear: left;
  text-align: left;
  background-image: url(../images-template/background-logo.png);
  background-color: #fff;
}
#mainbox {
  position: relative;
  width: 940px;
  height: 580px;
  background-color: transparent;
}
#headbox {
  position: relative;
  width: 940px;
  height: 187px;
  background-color: transparent;
}
#logobox {
  position: absolute;
  width: 196px;
  height: 84px;
  top: 76px;
  left: 28px;
  background-color: #fff;
  background-image: url(../images-template/francolire-logo-196x84.png);
  background-repeat: no-repeat;
  background-position: left;
}
#logobox img {
  width: 196px;
  height: 84px;
}
#imagebox {
  position: absolute;
  width: 330px;
  height: 330px;
  top: 0px;
  left: 0px;
  background-color: #E2E7EA;
}
#contentbox-main {
  position: relative;
  width: 940px;
  height: 370px;
}
#contentbox-right {
  position: absolute;
  width: 596px;
  height: 348px;
  top: 22px;
  left: 344px;
  background-color: #e2e7ea;
}
#content-scrollbox {
  position: absolute;
  width: 564px;
  height: 304px;
  left: 26px;
  top: 20px;
  overflow: auto;
  z-index: 2;
}
#content-main {
  position: relative;
  width: 544px;
 /* height: 304px; */
  top: 0px;
  left: 0px;
  z-index: 3;
}
#content-main h1 a, 
#content-main h2 a, 
#content-main h3 a {
 text-decoration:none;
  color:#003366;
}
#content-main h1 a:hover, 
#content-main h2 a:hover, 
#content-main h3 a:hover {
 text-decoration:none;
  color:#cc0000;
}
#content-main p, 
#content-main h1, 
#content-main h2, 
#content-main h3 {
  padding-right:20px;
}
#content-main p, {
  padding-right:20px;
  line-height: 16px;
}
#content-main ul li {
  width: 484px;
}
#content-main ul li ul li {
  width: 484px;
}
#content-main td a {
text-decoration:underline;color:#003366;
}
#content-main td a:hover {
text-decoration:underline;color:#cc0000;
}
#content-main table.table-links {
width:100%;
}
#content-main table.table-links td.td-0 {
text-align:right; padding-right: 10px; width:45%;
}
#content-main table.table-portrait td.td-0 {
padding-right: 10px;
}
#content-main table.table-sommerkurs td.td-0 {
padding-right: 10px;
vertical-align:top;
}
#bottombox {
  position: absolute;
  width: 544px;
  height: 22px;
  top: 346px;
  left: 370px;
  line-height: 22px;
  text-align: left;
}
#bottombox p {
  font-size: 13px;
  margin-left:12px;
}
#bottombox a {
font-size:13px;
font-weight:bold;
text-decoration: none;
color:#003366;
}
#bottombox a:hover {
text-decoration: none;
color:#cc0000;
}
#footer {
  position: relative;
  height: 23px;
  line-height: 22px;
  background-color: transparent;
  text-align: right;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  /* color: #435661; */
  color: #90A1B2;
  padding-right: 32px;
}
#footer a {
  text-decoration: none;
  color: #90A1B2;
}
#footer a:hover {
  color: #003366;
}
/* #################### text styles #################### */
div.bodytext {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #003366;
  line-height: 16px;
  background-color: #E2E7EA;
}
#contentbox-right p a { 
  color:inherit;
  text-decoration:underline;
}
#contentbox-right p a:hover { 
  color:#cc0000;
  text-decoration:underline;
}
.red {
  color: #ff0000;
}
.font-18px {
font-size:18px;
}

/* #################### Menüs #################### */

/* #################### mainmenu #################### */
#mainmenu {
  position: absolute;
  width: 350px;
  height: 144px;
  top: 20px;
  left: 309px;
  background-color: #fff;
}
#mainmenu ul {
  margin: 0;
  padding: 0;
  background: #fff;
  list-style-type: none;
}
#mainmenu ul li {
  font: 13px Verdana, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  height: 24px;
  line-height: 24px;
  background: url("../images-template/blue-rectangle-v-24x24.png") left no-repeat;
}
#mainmenu ul li a {
  height: 24px;
  font-size: 13px;
  font-weight: bold;
  line-height: 24px;
  color: #073E6F;
  display: block;
  margin: 0;
  padding-left: 34px;
  text-decoration: none;
}
#mainmenu .current a, 
#mainmenu .current a:hover {
  font-weight: bold;
  color: #cc0000;
  background: url("../images-template/red-rectangle-h-24x24.png") left no-repeat;
}
#mainmenu ul li a:focus, 
#mainmenu ul li a:hover {
  font-weight: bold;
  color: #cc0000;
  background: url("../images-template/red-rectangle-v-24x24.png") left no-repeat;
}
/* #################### mainmenu-right #################### */
#mainmenu-right {
  position: absolute;
  width: 180px;
  height: 72px;
  top: 92px;
  left: 736px;
  text-align: right;
  background-color: #fff;
}
#mainmenu-right ul {
  margin: 0;
  padding: 0;
  background: #fff;
  list-style-type: none;
}
#mainmenu-right ul li {
  font: 13px Verdana, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  height: 24px;
  line-height: 24px;
}
#mainmenu-right ul li a {
  height: 24px;
  font-size: 13px;
  font-weight: bold;
  line-height: 24px;
  color: #073E6F;
  display: block;
  margin: 0;
  padding-right: 34px;
  text-decoration: none;
}
/* #################### mainmenu-right items #################### */
#mainmenu-right ul li#mainmenu-right-item55 {
  background: url("../images-template/coeur-blue-24x24.png") right no-repeat;
}
#mainmenu-right ul li#mainmenu-right-item56 {
  background: url("../images-template/links-blue-24x24.png") right no-repeat;
}
#mainmenu-right ul li#mainmenu-right-item60 {
  background: url("../images-template/audio-blue-24x24.png") right no-repeat;
}
#mainmenu-right ul li#mainmenu-right-item55-current a {
  font-weight: bold;
  color: #cc0000;
  background: url("../images-template/coeur-red-24x24.png") right no-repeat;
}
#mainmenu-right ul li#mainmenu-right-item56-current a {
  font-weight: bold;
  color: #cc0000;
  background: url("../images-template/links-red-24x24.png") right no-repeat;
}
#mainmenu-right ul li#mainmenu-right-item60-current a {
  font-weight: bold;
  color: #cc0000;
  background: url("../images-template/audio-red-24x24.png") right no-repeat;
}
#mainmenu-right ul li#mainmenu-right-item55 a:focus, 
#mainmenu-right ul li#mainmenu-right-item55 a:hover {
  color: #cc0000;
  background: url("../images-template/coeur-red-24x24.png") right no-repeat;
}
#mainmenu-right ul li#mainmenu-right-item56 a:focus, 
#mainmenu-right ul li#mainmenu-right-item56 a:hover {
  color: #cc0000;
  background: url("../images-template/links-red-24x24.png") right no-repeat;
}
#mainmenu-right ul li#mainmenu-right-item60 a:focus, 
#mainmenu-right ul li#mainmenu-right-item60 a:hover {
  color: #cc0000;
  background: url("../images-template/audio-red-24x24.png") right no-repeat;
}
/* #################### submenu #################### */
#submenu {
  position: absolute;
  width: 596px;
  height: 22px;
  top: 0px;
  left: 344px;
  background: #003366 url("../images-template/submenu-bg-blue.gif") repeat-x;
  color: #fff;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 22px;
}
#submenu ul {
  margin: 0;
  padding: 0;
/*  float: left; */
  width: 100%;
}
#submenu ul li {
  display: inline;
}
#submenu ul li a {
  float: left;
  color: #fff;
  font-weight: normal;
  padding: 0px 16px;
  text-decoration: none;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #fff;
}
#submenu ul li a:visited{
  color: #fff;
}
#submenu ul li a:hover, #submenu ul li a:focus {
  color: #fff;
  background: #cc0000 url("../images-template/submenu-bg-red.gif") repeat-x;
}
#submenu .current a {
  color: #fff;
  background: #cc0000 url("../images-template/submenu-bg-red.gif") repeat-x;
}
/* #################### menu-bottom-left #################### */
#submenu-bottom-left {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 330px;
  height: 26px;
}
#submenu-left-bottom ul
{
	height:26px;
	padding:0;
	list-style-type:none;
}
#submenu-bottom-left ul li
{
display:inline;
}
#submenu-bottom-left ul li a
{
	height:26px;
	font-weight:bold;
	text-decoration:underline;
	text-transform:uppercase;
	color:#003366;
	line-height:26px;
	padding: 0 10px;
	float:right;
}
#submenu-bottom-left .current a
{
	height:26px;
	font-weight:bold;
	color:#cc0000;
	text-decoration:none;
}
#submenu-bottom-left .current a:hover
{
	text-decoration:none;
}
#submenu-bottom-left ul li a:hover,
#submenu-bottom-left ul li a:focus
{
	text-decoration:underline;
	color:#cc0000;
}
/* #################### Anmeldeformulare #################### */
#anmeldeformularsegelkurs {
margin-right:20px;
}
fieldset.tx-powermail-pi1_fieldset  {
background-color:transparent;
border:1px solid #AAAAAA;
padding: 6px 20px 6px 20px;;
margin-top:12px;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title, 
p.tx_powermail_pi1_fieldwrap_html_radio_title {
font-weight:normal;
margin:0;
padding-bottom:12px;
}
fieldset.tx-powermail-pi1_fieldset legend {
color:#003366;
font-family:arial,helvetica,dejavu-sans,sans-serif;
font-size:15px;
font-weight:bold;
padding:0 4px;
}
fieldset.tx-powermail-pi1_fieldset label {
font-weight:normal;
}
#wtcalculatingcaptcha {
margin:12px;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
font-weight:bold;
margin:20px 0 10px 20px;
}
.powermail_mandatory_listitem {
color:#cc0000;
}

/* #################### Googlemaps #################### */
.tx-rzgooglemaps-pi1 {
margin:0;
}
