/******************************************
             standard elements 
******************************************/
html {
  font-family: arial, "Tahoma", sans-serif;
  font-size: 12px;
  line-height: 16px;
  overflow-y: scroll;

}

body{
	background: #7f7f7f;
	  background: url(/fileadmin/templates/img/wolken.jpg) repeat-x fixed;
}

* {
  margin: 0;
  padding: 0;
}

/******************************************
             wrapper for content 
******************************************/
#outerWrapper {
position: relative;
width: 976px; 
left: 50%;
margin-left: -480px;

}

#Wrapper {
width: 969px; 
padding: 0 0 0 7px;
background: url(/fileadmin/templates/img/wrapper_bg.png);
float: left;
}
  
#Top {
background: url(/fileadmin/templates/img/top.png);
height: 8px;
width: 976px;
}

/******************************************
   left area (logo, adresse, mainmenu)
******************************************/

#LeftArea {
float: left;
width: 238px;
margin-left: 2px;
}


/*------------------------ logo & adresse */
#Logo {
background: url(/fileadmin/templates/img/logo.png);
height: 291px;
width: 240px;
}

#Adresse {
position: absolute;
top: 180px;
left: 0px;
width: 240px;
text-align: center;
line-height: 20px;
}


/*----------------------------- addmenu */
#AddMenu {
position: absolute;
top: 255px;
left: 0;
width: 240px;
text-align: center;
}

#AddMenu li {
list-style: none;
display: inline;
padding: 2px 10px;
margin: 0 5px;
border: 1px solid #4d4d4d;
cursor: pointer;
}

#AddMenu li a {
color: #4d4d4d;
text-decoration: none;
}


/*----------------------------- mainmenu */
#MainMenu {
margin-bottom: 27px;
}

#MainMenu li  {
list-style: none;
line-height: 27px;
text-indent: 40px;
}

#MainMenu ul li ul {
margin-bottom: 10px;
}

#MainMenu ul li ul li {
text-indent: 65px;
}

.MainMenuItem_act,
.MainMenuItem {
border-bottom: 1px solid #4d4d4d;
background: url(/fileadmin/templates/img/act.png) 10px 10px no-repeat;
}
.MainMenuItem {
background: url(/fileadmin/templates/img/act.png) 10px 10px no-repeat;
}

.MainMenuItem_act a {
font-weight: bold;
color: #4d4d4d;
text-decoration: none;
}

.MainMenuItem a {
font-weight: normal;
color: #4d4d4d;
text-decoration: none;
}

#MainMenu .MainMenuSubItem {
line-height: 20px;
}

#MainMenu .MainMenuSubItem a {
text-decoration: none;
color: #4d4d4d;
font-weight: normal;
}

#MainMenu .MainMenuSubItem_act {
line-height: 20px;
background: url(/fileadmin/templates/img/act_klein.png) 40px center no-repeat;
}


#specialMenu {
margin-left: 20px;
}

#specialMenu a {
display:block;
height: 30px;
line-height: 30px;
border: 1px solid #999;
width: 200px;
text-indent: 40px;
text-decoration: none;
color: #4d4d4d;
}

#specialMenu a:hover {
font-weight: bold;
}

#specialMenu li {
list-style: none;
background: url(/fileadmin/templates/img/act.png) 8px center no-repeat;
margin-bottom: 10px;
}

 

/******************************************
  right area (image, submenu, content)
******************************************/
 
#RightArea {
float: left;
width: 720px;
}
  
/*---------------------- standard header */
#HeaderImage  {
width: 720px;
height: 290px;
}


/*--------------------------- submenu */
#SubMenu {
height: 29px;
line-height: 29px;
background: #ff0000;
width: 720px;
}

.SubMenuItem,
.SubMenuItem_act {
display: inline;
margin: 0 8px;
}

.SubMenuItem a,
.SubMenuItem_act a {
color: #fff;
text-decoration: none;
font-weight: bold;
padding: 1px 5px;
}

.SubMenuItem a:hover,
.SubMenuItem_act a  {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 1px 5px;
}



/*------------------------------ content */
#ContentBG {
float: left;
background: #EDF0F9;
width: 720px;
min-height: 430px;
height: auto !important;
}

* html #ContentBG {
height: 430px !important;
}


#Content {
width: 620px;
margin-left: 50px;
margin-top: 50px;
padding-bottom: 50px;
float: left;
display: inline;
}

#Content p {
line-height: 20px;
margin-bottom: 15px;
color: #333;
}



#Content .csc-header h3 {
margin-bottom: 10px;
color: #ff0000;
font-size: 16px;
padding-top: 20px;
line-height: 22px;
}

#Content h3.csc-firstHeader {
margin-bottom: 10px;
color: #ff0000;
font-size: 16px;
padding-top: 0px;
line-height: 22px;
}

#Content a {
line-height: 20px;
margin-bottom: 10px;
color: #333;
text-decoration: none;
border-bottom: 1px dashed #4d4d4d;
}

#Content a:hover {
line-height: 20px;
margin-bottom: 10px;
color: #ff0000;
text-decoration: none;
border-bottom: 1px solid #ff0000;
}

#Content a img {
border: none;
}

#Content ul li {
line-height: 18px;
margin-bottom: 10px;
margin-left: 30px;
color: #333;
list-style: square;
}

#Content ol li {
line-height: 18px;
margin-bottom: 10px;
margin-left: 30px;
color: #333;
list-style: decimal;
}

#Content ul {
margin-bottom: 10px;

color: #333;
}

#Content .csc-textpic-image a {
border: none;
}


#Content td {
padding:  0 10px;
}

#Content .csc-textpic-caption {
font-size: 11px;
color: #4d4d4d;
padding-bottom: 15px;
}

/******************************************
                  footer
******************************************/

#Footer {
clear: both;
background: url(/fileadmin/templates/img/footer.png);
width: 976px;
height: 40px;
line-height: 40px;
}


/******************************************
                   Flex
******************************************/
#FlexWrapper {
float: left;
clear: both;
margin-bottom: 20px;
width: 620px;
}

#ContentBoxLeft {
float: left;
width: 295px;
}

#ContentBoxRight {
float: right;
width: 295px;
}


.csc-header h2,
#Content h2 {
font-size: 14px;
color: #4d4d4d;
margin-bottom: 5px;
margin-top: 30px;
}

.csc-textpic-firstcol {
clear: both;
}

hr {
border: none;
border-top: 1px solid #ff0000;
}


#HeaderImage DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; }


div.csc-textpic div.csc-textpic-single-image img {
margin-bottom: 0px;
}



#film {
top: 0px;
left: 0px;
position: relative;
z-index: 5;
}

#filmtext {
z-index: 10;
width: 108px;
color: #000000;
font-family: arial;
font-weight: bold;
font-size: 14px;
background-color: white;
border: 1px solid #000000;
text-align: center;
opacity: 0.65;
top: 67px;
left: 5px;
position: absolute;
}

#filmvideo {
top: 0px;
left: 0px;
position: absolute;
z-index: 5;
}

#Content .csc-default {
margin-bottom: 20px;
}