/*  =========================================================
Stylesheet KVM
Datei:  screen.css
Media:  screen
Datum:  10 2008
========================================================== */

/* Kalibrierung */
/**  { padding: 0; margin: 0; }*/
h2, h3, p, ul, ol { margin-bottom: 1em; }  


/* Listen */

#left ul { 
    list-style-type: none;
    padding: 0;
    margin: 0;
	 } 
#left li {
    background-image: url(pics/dot.gif);
	background-repeat: no-repeat;
	background-position: .2em;
	padding-left: 1.2em;
	}
	
.none {	background-repeat: no-repeat;
	background-position: .2em;
	padding-left: 1.2em;
	}

#content ul { 
    list-style-type: none;
    padding: 0;
    margin: 0;
	 } 
	 
#content li {
    background-image: url(pics/dot.gif);
	background-repeat: no-repeat;
	background-position: .2em;
	padding-left: 1.2em;
	}
	
#content_marginal ul { 
    list-style-type: none;
    padding: 0;
    margin: 0;
	 }
	
#content_marginal li {
    background-image: url(pics/dot.gif);
	background-repeat: no-repeat;
	background-position: .2em;
	padding-left: 1.2em;
	}  
	
/* Ende Listen */



/* Allgemeine Selektoren */

html { height: 101%; } 
body {
	color: #000000;
	background: url(pics/container_bg.gif);
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	font-size: 80%;
}
h1 { font-size: 150%; } 
h2 { font-size: 130%; }
h3 { font-size: 100%; color: #000000; }
address {
   text-align: center;  
   font-size: 40%;      
   font-style: italic;  
   letter-spacing: 2px; 
   line-height: 1.5em;  
}

/* Ende Allgemeine Selektoren */



/* Hyperlinks */
/*#left a { text-decoration: underline; outline: none;} 
#left a:link { color: #000000; } 
#left a:visited { color: #990000; }
#left a:hover, 
#left a:focus { 
  border-bottom: 1px dotted #990000;
  color: #990000;
}
#left a:active { 
   color: white; 
   background-color: #000000; 
}*/

#content a { text-decoration: underline; outline: none;} 
#content a:link { color: #000000; } 
#content a:visited { color: #990000; }
#content a:hover, 
#content a:focus { 
  border-bottom: 1px dotted #990000;
  color: #990000;
}
#content a:active { 
   color: white; 
   background-color: #000000; 
}

#marginal a { text-decoration: underline; outline: none;} 
#marginal a:link { color: #000000; } 
#marginal a:visited { color: #990000; }
#marginal a:hover, 
#marginal a:focus { 
  border-bottom: 1px dotted #990000;
  color: #990000;
}
#marginal a:active { 
   color: white; 
   background-color: #000000; 
}

.marginal a { text-decoration: underline; outline: none;} 
.marginal a:link { color: #000000; } 
.marginal a:visited { color: #990000; }
.marginal a:hover, 
.marginal a:focus { 
  border-bottom: 1px dotted #990000;
  color: #990000;
}
.norm a { text-decoration: none; outline: none;} 
.norm a:link { color: #000000; } 
.norm a:visited { color: #990000; }
.norm a:hover, 
.norm a:focus { 
  border-bottom: 1px dotted #990000;
  color: #990000;
}
#marginal a:active { 
   color: white; 
   background-color: #000000; 
}

#content_marginal a { text-decoration: underline; outline: none;} 
#content_marginal a:link { color: #000000; } 
#content_marginal a:visited { color: #990000; }
#content_marginal a:hover, 
#content_marginal a:focus { 
  border-bottom: 1px dotted #990000;
  color: #990000;
}
#content_marginal a:active { 
   color: white; 
   background-color: #000000; 
}

#content_home_galerie a { text-decoration: none; outline: none;} 
#content_home_galerie a:link { color: #000000; } 
#content_home_galerie a:visited { color: #990000; }
#content_home_galerie a:hover, 
#content_home_galerie a:focus { 
  border-bottom: 0;
  color: #990000;
}
#content_home_galerie a:active { 
   color: white; 
   background-color: #000000; 
}
/* Ende Hyperlinks */



img.download {vertical-align:middle;}

/* ----------Container-------------- */
#container {
	padding: 0px;
	background-color: #FFFFFF;
	width: 927px;  
    margin: 10px auto;
	/*border-bottom:1px solid #000000;
	border-top:1px solid #000000;*/
}



/* ----------Banner-------------- */
#banner {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	background: url(pics/banner_start.jpg);
}
#banner p{
      top: 0; 
      right: 0;  
      font-weight: bold;  
      padding: 26px 20px 26px 20px; 
      margin-bottom: 0; 
}
#mainnavi {
	margin: 0;
	padding: 0;
	background-color: #CC33CC;
	background: url(pics/bottom.jpg);
	/*border-bottom: 1px solid #000000;*/
}

#mainnavi p{
	margin: 0;
	padding: 0 ;	
}



/* -----------------Inhalt--------------------- */
#content_home {
	/*min-height: 400px;*/
	width: 324px;
	background-color: #ffffff;
	margin: 20px 0;
	float: left;
	padding: 0;
	color: #000000;
}

#content_home_galerie {
	/*min-height: 400px;*/
	text-align: center;
	width: 324px;
	background-color: #ffffff;
	margin: 20px 0;
	float: left;
	padding: 0;
	color: #000000;
}

#content {
	/*min-height: 400px;*/
	background-color: #ffffff;
	margin: 10px 0px 10px 0px;
	padding: 15px 10px 10px 10px;
	color: #000000;
	/*border-bottom:1px solid #000000;
	border-top:1px solid #000000;*/
}

#content_marginal {
	/*min-height: 400px;*/
	background-color: #ffffff;
	/*background-image: url(pics/bg_content.jpg) repeat-y top left; */
	margin: 10px 0px 10px 0px;
	padding: 15px 10px 10px 10px;
	color: #000000;
}

#filmchen_rechts425x344 {
	padding-top:0px;
	padding-bottom:30px;
	padding-right:30px;
	padding-left:30px;
	float: right;
}

#filmchen_links425x344 {
	padding-top:0px;
	padding-bottom:30px;
	padding-right:30px;
	padding-left:30px;
	float: left;
}


/*p, pre {
	padding: 10px;
	margin:0;
}
pre, code { font-size: 1.2em;}

h1 {
	padding: 10px;
	margin:0;
}
h2 {
	padding: 10px;
	margin:0;
}

.gross {
	width: 5.71em;
	height: 1.07em;}*/
	
	
	

/* --------------sideBOX------------- */
#left {
    /*border-bottom:1px solid #000000;*/
	/*border-top:1px solid #000000;*/
	float: left;
	width: 280px;
	/*height: 280px;*/
	margin: 10px 0px 10px 0px;
	padding: 15px 10px 10px 10px;
	color:black;
}
#right {
    /*border-bottom:1px solid #000000;*/
	/*border-top:1px solid #000000;*/
	float: right;
	width: 280px;
	/*height: 280px;*/
	margin: 10px 0px 10px 0px;
	padding: 15px 10px 10px 10px;
	color:black;
}

#marginal {
    /*border-bottom:1px solid #000000;*/
	/*border-top:1px solid #000000;*/
	float: right;
	width: 160px;
	/*height: 280px;*/
	margin: 10px 0px 10px 0px;
	padding: 15px 10px 10px 10px;
	color: black;
	}
	
#marginal_back {
    /*border-bottom:1px solid #000000;*/
	/*border-top:1px solid #000000;*/
	float: right;
	width: auto;
	/*height: 280px;*/
	margin: 0;
	padding: 0;
	color: black;
	}
	



/* -----------Footer--------------------------- */
#footer {
	clear: both;
	background-color: #ffffff;
	padding: 0;
	/*border-top: 1px solid #ffffff;*/
	margin-top: 0;
	margin-bottom: 0;
	background: url(pics/bottom.jpg);
	height: 24px;	
}

#footer p {
    margin: 0;
	padding: 0 ;
}





/* ==================================== 
   Navigation main
   ==================================== */
   
ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 700px; /*For KHTML*/
  list-style: none;
  height: 23px;
}

ul#navmenu li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 23px;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 23px;
  left: 0;
}

ul#navmenu ul li {
    margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	width: auto;
	display: inline;
	list-style: none;
	position: relative;
	height: 22px;
}


/* Root Menu */
ul#navmenu a {
  border: 0px solid;
  border-right-color: 0 solid #000000;
  border-bottom-color: 0 solid #000000;
  border-left: none;
  border-right: none;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #666666;
  font: 11px/22px Arial, Verdana, Helvetica, sans-serif;
  letter-spacing: 1px;
  text-decoration: none;
  height: auto !important;
  height: 100%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:focus,
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a,
ul#home #navi01 a, 
ul#neues #navi02 a
 {
  border: 1px solid black;
  border-top-color: 1px solid black;
  border-bottom-color: 0px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  background: #FFFFFF;
  color: #666666;
  padding: 0 6px;
  display: block;
  color: black;
  font: bold 11px/22px Arial, Verdana, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 100%; /*For IE*/
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  border: 0px solid #990000;
  border-top: 0px solid #990000;
  border-bottom: 0px solid #000000;
  border-left: 0px solid #000000;
  border-right: 0px solid #000000;
  font: 11px/22px Arial, Verdana, Helvetica, sans-serif;
  text-decoration: none;
  margin: 0;
  background: #FFFFFF;
  color: #666666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a,
#kravmaga #navi03 a,
#kungfu #navi04 a,
#lutralivre #navi05 a {
  border: 0px solid #990000;
  border-top: 0px solid #990000;
  border-bottom: 0px solid #990000;
  border-left: 0px solid #990000;
  border-right: 0px solid #990000;
  background: #990000;
  color: #ffffff;
  font: 11px/22px Arial, Verdana, Helvetica, sans-serif;
  text-decoration: none;
}


/* mousOver vertical-specials */
.navmenu_all {
  width: 40px !important;
}

.navmenu_alll {
  width: 144px !important;
}

.navmenu_ul1 {
  width: 78px !important;
}

.navmenu_bo1 {
  width: 133px !important;
  border: 0px solid #000000 !important;
  border-top: 0px solid #000000 !important;
  border-bottom: 1px solid #000000 !important;
  border-left: 1px solid #000000 !important;
  border-right: 1px solid #000000 !important;
}

.navmenu_ul2 {
  width: 106px !important;
}

.navmenu_bo2 {
  width: 118px !important;
  border: 0px solid #000000 !important;
  border-top: 0px solid #000000 !important;
  border-bottom: 1px solid #000000 !important;
  border-left: 1px solid #000000 !important;
  border-right: 1px solid #000000 !important;
}

.navmenu_ul3 {
  width: 86px !important;
}

.navmenu_bo3 {
  width: 98px !important;
  border: 0px solid #000000 !important;
  border-top: 0px solid #000000 !important;
  border-bottom: 1px solid #000000 !important;
  border-left: 1px solid #000000 !important;
  border-right: 1px solid #000000 !important;
}

.navmenu_ul4 {
  width: 126px !important;
}

.navmenu_bo4 {
  width: 138px !important;
  border: 0px solid #000000 !important;
  border-top: 0px solid #000000 !important;
  border-bottom: 1px solid #000000 !important;
  border-left: 1px solid #000000 !important;
  border-right: 1px solid #000000 !important;
}






/*______________________________________________________
Dritte Reihe
______________________________________________________*/



/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFFFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFFFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}





/* ==================================== 
   Navigation footer
   ==================================== */

/* Root = Horizontal, Secondary = Vertical */
ul#navfooter {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 500px; /*For KHTML*/
  list-style: none;
  height: 23px;
}

ul#navfooter li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 23px;
}

ul#navfooter ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 23px;
  left: 0;
}

ul#navfooter ul li {
  margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	width: 160px;
	display: inline;
	list-style: none;
	position: relative;
	height: 23px;
}

/*----------------------
  DOWN
  ----------------------*/

/* Root Menu */
ul#navfooter a {
  border: 0px solid; /*top*/
  border-right-color: 0px solid #000000;
  border-bottom-color: 0px solid #000000;
  border-left: none;
  border-right: none;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #666666;
  font: 11px/24px Arial, Verdana, Helvetica, sans-serif;
  letter-spacing: 1px;
  text-decoration: none;
  height: auto !important;
  height: 100%; /*For IE*/
}

/* Root Menu Hover */
ul#navfooter a:hover,
ul#navfooter li:hover a,
ul#navfooter li.iehover a {
  border: 0px solid;
  border-top-color: 0px solid #000000;
  border-bottom-color: 0px solid #000000;
  border-left: none;
  border-right: none;
  padding: 0 6px;
  display: block;
  color: #000000;
  font: bold 11px/24px Arial, Verdana, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 100%; /*For IE*/
}

/*----------------------
  end DOWN
  ----------------------*/




/* ==================================== 
   Pics
   ==================================== */

.bildnavi { 
   padding: 3px; 
   border: 0px solid #bed747; 
   margin-right: 4px; 
   margin-bottom: 4px; 
}

.bildrechts {
   float:right; 
   border: 1px solid #990000; 
   margin: 8px 0px 8px 8px;
   padding: 2px;
}

.bildlinks {
   float:left;
   border: 1px solid #990000; 
   margin: 8px 8px 8px 0px;
   padding: 2px;
}

.bildlinks_ohnerand {
   float:left;
   margin: 8px 8px 8px 0px;
   padding: 2px;
}


/* ==================================== 
   Tables
   ==================================== */

/* Table content */
table {
   width: 100%;
   border-collapse: separate;
   table-layout: fixed;
   /*empty-cells: hide;*/
   border-spacing: 2px;
   background-color: #990000;
   }
th {
   padding: 4px;
   background-color: #CCCCCC;
   font-weight: normal;
   }
td {
    padding: 4px;
   }
     
tfoot {
   background-color: #990000;
   color: #FFFFFF;
   }  

col.zeit {
   background-color: #cccccc;
   }
col.tag {
   background-color: #ffffff;
   }
colgroup.daten {
   background-color: #ffffff;
   }
table.color {
   background-color: #ffffff;
   }
/* Ende Table content */

/* Forms content */
label { 
  border: 1px solid #990000;
  background-color: #FFFFFF;
  margin: 1px;
  padding: 0;
  display: block;
  float: left;
  width: 280px; 
}

form br { 
  clear: left; 
}

input#submit { 
  float: none;
  width: auto;
  border: 1px solid #990000;
  background-color: #FFFFFF;
  width: 160px;
  margin: 1px;
  padding: 0;
}

label { 
 text-align: right; 
 padding-right: 1em; 
}

form { 
  background: #FFFFFF;
  border: none;
  margin:0;
  padding:.5em;
}

.hidden { 
  border: 0;
  width: 0; 
}

.field_adress { background-color: #FFFFFF; width: 292px; border: 1px solid #990000; }
.field { background-color: #FFFFFF; width: 480px; border: 1px solid #990000; }
.select { background-color: #FFFFFF; width: 300px; border: 1px solid #990000; }
.check, .radio { background-color: #FFFFFF;  border: 0px solid #990000; }


/* Ende Forms content */


/* G A L E R Y */  
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/*end G A L E R Y */  



/*  =========================================================
Stylesheet KVM
Datei:  screen.css
Media:  screen
Datum:  10 2008
========================================================== */