/* 
carambole-dance
schriftfarbe: #000;

blau color: #004a7c;
blau	background-color: #7195AD;

rot #b5001b;
rot hover F2E4CE;

braun 573327
braun hover-bg 6B5855;



violett 5B2B99
violett hover 8B7D9E
   */
   
   body{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background-color: #fff;
	margin: 0; padding: 0;
	letter-spacing: 0.05em;
	line-height: 18px;
    font-size: 11px;
   
}

html, body, #wrap {height: 100%;}

body > #wrap {
height: auto; 
min-height: 100%;
color: #000; 
margin: 0; padding: 0; 
}
#main {
position: relative;
top:0px;
width: 1100px;
padding:0px;
margin: 0px;
padding-bottom: 30px;
} 
p{
    letter-spacing: 0.05em;
	line-height: 18px;}
/*br{clear: both;}*/
td{
     padding: 3px 3px  3px 0 ;
     border-bottom: 0;}
td a{
     color: #000;}

td.formular{border: 0 solid white;}
a:link, a:visited, a:active {
	color: #000;
	text-decoration: none;
}


h1, h2, h3, h4, h5 {
	margin: 5px 0px 5px 0px;
}
/* ---------bg---------------------*/

#bg {
position: absolute;
right: 0px;
top: 140px;

background-repeat: no-repeat;
z-index: 1000;

}
/* ---------header---------------------*/

#header {float: left;

	background-color: #fff;
	text-align: left;
	padding-left: 260px;
	height: 120px;
	width: 900px;
}
#header img{
margin-top: 50px;}
#logo{	
float: left;
height: 80px;
}
#sprachen{	
margin-top: 50px;
margin-left: 330px;
float: left;
height: 80px;
font-size: 10px;
}
/* ---------navi---------------------*/
#menu {
margin-top: 10px;
margin-left: 10px;
	padding: 0px;
	width: 220px;
	float: left;
	font-size: 11px;
		color: black;
		line-height: 18px;

}
li.menu0{font-weight: bold;}

li.menu1{font-weight: normal;}
/*#menu ul li
{
font-weight: bold;}
.menu-sibling {
background: yellow;
font-weight: bold;}
*/
#menu a:hover {
	color: #004a7c;
	background: #7195AD;
	text-decoration: none;
}
#menu ul, #menu li {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
	padding-left: 8px;
}
.menu-child .menu-current .menu-first .menu-last{
	font-size: 11px;
}
/*2. genration*/
#menu ul li ul li{
font-size: 11px;
		line-height: 18px;

}
/*3. genration*/
#menu ul li ul li ul li{
font-size: 11px;}

.highlight {
	background-color: #D0D0D0;
}


.menu-parent > a  { color: #004a7c;
text-decoration: underline;}
.menu-current > a { color: #004a7c;
text-decoration: underline;}
.menu-child > a { color: #004a7c;
font-weight: normal;}
.menu1 > a { color: #004a7c;
font-weight: normal;}
.menu2 > a { color: #004a7c;
font-weight: normal;}
.menu3 > a { color: #004a7c;
font-weight: normal;}

ul.mark .menu-parent:before  { content: "(p) " }
ul.mark .menu-current:before { content: "(c) " }
ul.mark .menu-sibling:before { content: "(s) " }
ul.mark .menu-child-0:before { content: "(c-0) " }
ul.mark .menu-child-1:before { content: "(c-1) " }
ul.mark .menu-child-2:before { content: "(c-2) " }
ul.sitemap .menu-current > span.content {
    display: block;
}

/* -------------content-----------------*/


#content {
margin-top: 0px;
	width: 700px;
margin-left: 240px;
}

#content1 {
float: left;
margin-top: 0px;
	margin-left: 8px;
	padding-right: 0;
	width: 500px;
	line-height: 18px;
	font-size: 11px;
border-left: solid 3px #004a7c;
padding-left: 20px;
padding-bottom: 50px;
}
#content1 img {
padding:0;
margin-right: 5px;
margin-bottom: 10px;
font-size: 11px;
vertical-align: top;
}

#content1 h3{ padding:0;
margin: 0;
font-size: 12px;
line-height: 40px;}

#content1 a
{
text-decoration: underline;
}
#content1 a:hover
{
text-decoration: underline;
background-color: #7195AD;}

#content2 a
{
text-decoration: underline;
}
#content2 a:hover
{
text-decoration: underline;
background-color: #7195AD;}

#content2 img {
padding:0;
margin-right: 5px;
margin-bottom: 10px;
font-size: 11px;
vertical-align: top;
}

#content3 a
{
text-decoration: underline;
}
#content3 a:hover
{
text-decoration: underline;
background-color: #7195AD;}

/* rechts*/
#content2 {
float: left;
margin-left:40px;
margin-top: 0px;
/* IE margin-top: 30px; */
padding-left: 15px;
font-size: 10px;
width: 250px;
}


/* breit*/
#content3  {
float: left;
margin-top: 0px;
	margin-left: 8px;
	padding-right: 0;
	width: 760px;
	line-height: 18px;
	font-size: 11px;
z-index: 100;

}
#klaeren{
clear: left;}
/*-------------formular-------------*/
form {
	margin: 0;
}
form td{
vertical-align:top;
text-align: left;
height: 25px;}

div#content1 form
{
width: 400px;
}
form input    { 
color:  #333; 
background-color: #ffffff; 
border-top: 0px solid #004a7c; 
border-right: 1px solid  #004a7c; 
border-bottom: 1px solid  #004a7c; 
border-left: 0px solid #004a7c; 
font-weight: normal; 
font-size: 11px;
font-family: Verdana;
margin-top: 2px; 
width: 250px;
}


form textarea    { 
color:  #333; 
background-color: #fff; 
border-top: 0px solid #004a7c; 
border-right: 1px solid  #004a7c; 
border-bottom: 1px solid  #004a7c; 
border-left: 0px solid #004a7c; 
font-weight: normal; 
font-size: 11px; 
font-family: Verdana; }


form select   { 
color:  #333; 
background-color: #fff; 
border-top: 0px solid #004a7c; 
border-right: 1px solid  #004a7c; 
border-bottom: 1px solid  #004a7c; 
border-left: 0px solid #004a7c; 
width: 250px;

}
.field_title {
	font-size: 11px;
	width: 140px;
	vertical-align: top;
	text-align:left;
}
.required{
color: #004a7c;}
label{
width: 180px;
}
.checkbox_label {
	font-size: 11px;
	cursor: pointer;
width: 380px;
}
.field_checkbox{width: 20px;
}
.captcha-tbl{clear:both;}

/*-----------ev searchform unter navi-------------*/
#menu form     { 
padding-left: 10px;
padding-top: 30px;
color:  #333; 
font-weight: normal; 
font-size: 11px;
font-family: Verdana; 
width: 150px;}

#menu form input    { 
color:  #333; 
background-color: #ffffff;
border-top: 0px solid #000; 
border-right: 1px solid  #000; 
border-bottom: 1px solid  #000; 
border-left: 0px solid #000; 
font-weight: normal; 
font-size: 11px;
font-family: Verdana; 
width: 70px;}
/*-----------ev searchform unter navi ende-------------*/

/*---------------footer-------------*/


#footer {
color: #666;
position: relative;
margin-top: -30px; /* negative value of footer height */
height: 30px;
padding: 10px 0 0 25px;
font-size: 9px;
clear:both;}
	
#footer a{
color: #666; text-decoration: none;
}
#footer a:hover{
color: #666;
text-decoration: underline;
}

.calendar a{color: red;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
	
	
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */