﻿*{margin:0; padding:0;}
* {font-family:Helvetica, Verdana, Arial, sans-serif;}

html, body, div, h1, h2, h3, h4, div, span, p
{
    margin:0;
    padding:0;
}
    
html
{
    height:101.01%;
    font-size:100.01%;
}

body
{
    width:100%;
    display:block;
    background: #dddddd url("../design/bg_2x800_dark.png") repeat-x; /*#989CAB */
    /*background-color:#ffffff;*/
    font-size:1em;
}

h1
{
    margin-top:10px;
    margin-bottom:10px;
    font-size:22px;
}

h2
{
    /*margin-top:10px;*/
    padding-top:10px;
    margin-bottom:10px;
    font-size:16px;
}

h3
{
    /*margin-top:10px;*/
    padding-top:10px;
    margin-bottom:10px;
    font-size:14px;
}

p
{
    margin:5px 0px 10px 0px; 
    /*padding:0;*/
}

ul
{
    list-style-type:none;
/*    margin: 0px;
    padding: 0px;*/
}

li
{
    margin-top: 5px;
/*    padding: 0px;*/
}

a
{
    font-style:normal;
    font-weight:600;
    font-size:small;
    text-decoration:none;
}

a:link, a:visited { text-decoration:underline; color:#000000; }
a:hover, a:active, a:focus { text-decoration:underline; color:#D16D18/*#20470e*/; }


#container {
    background: #F8EC88;/* #FFFFCC; /* #B60000;*/
    /*border:3px solid #526523; /* black;*/
    width:95%;
    max-width:1200px;
    margin:0 auto;
    /*overflow:auto; */
    }
    
.jszLogo
{
	position:absolute;
	margin-left:20px;
	margin-top:5px;
	width:200px;
	height:200px;
	border-style:none;
}
	
#header {
    overflow:auto;
    width:100%;
    height:150px;
	background: url("../design/header14.jpg");
	background-position:right;
	background-repeat:no-repeat;
    /*background-color:#ffffcc;*/
    }
	
#header p{
	text-align: center;
	line-height: 1.4em;
	font-size: 140%;
	margin-top:10px;
	font-weight:bold;
	color:#F8EC88;
}

#header p a{
	font-weight:bold;
    font-size:1em;
	text-decoration:underline;  
	color:#F8EC88;
}

#header p a:active, #header p a:hover, #header p a:focus
{
  color:#EF9D39;
}

#headerimage  
{
    height:150px;
    float:right;
    width: 1200; /*960px;*/
}
  
#topnavi {
  width:100%;
  height:30px;
  /*background-color: #38522D; /*#ff9900;*/
  background-image:url("../design/bgTopNavi_1x30_gruen1.png");
  background-repeat:repeat-x;  
  }

.brotkrummen
{
  position:relative;
  left:220px;
  top:8px;
  color:#F8EC88;
  font-size:14px;
  font-weight:bold;
}

.brotkrummen a:link, .brotkrummen a:visited
{
  color:#F8EC88;
  font-size:14px;
  font-weight:bold;
  text-decoration:underline;
}  

.brotkrummen a:active, .brotkrummen a:hover, .brotkrummen a:focus
{
  color:#EF9D39;
}

.NewsImage
{
    width: 80px;
	height:40px;
	vertical-align:middle;
}

.NewsStartSeite
{
  overflow:auto;
  background-color:#1A1F48; /*#2A2F58;*/
  border-left:solid 2px #406619;
  /*border-bottom:solid 2px #444;*/
  text-align:right;
  padding: 4px 15px;
  height:25px;
}

.NewsStartSeite a:link, .NewsStartSeite a:visited
{
  margin-top:-10px;
  color:#F8EC88;
  font-size:18px;
  font-weight:bold;
  text-decoration:underline;
}  

.NewsStartSeite a:active, .News a:hover, .News a:focus { color:#EF9D39; }

.News
{
  overflow:auto;
  background-color:#E8DC78; /*#2A2F58;*/
  border-left:solid 2px #406619;
  border-bottom:solid 2px #406619;
  text-align:right;
  padding: 4px 15px;
  height:25px;
}

.News a:link, .News a:visited
{
  color:#0A0F38;
  font-size:18px;
  font-weight:bold;
  text-decoration:underline;
}  

.News a:active, .News a:hover, .News a:focus
{
  color:#EF9D39;
}

#menue_links {
  float:left;
  width:200px;    /*174px;*/
  padding:3px;
  padding-top:15px;
  padding-left:10px;
  background-color:#F8EC88;
  /*border-Top:solid 2px #406619;*/
  line-height:16px;
  }

 .menu_entry
{
  margin-top:6px;
}

 .menu_entry a
{
  font-size:14px;
  font-weight:bold;
}
  
#menue_rechts {
  visibility:hidden;
  float:right;
  width:0px;
  /*width:164px;*/
  padding:3px;
  background-color:#ffffcc;
  }
  
#content {
  overflow:auto;
  /*background-color:#f7f7f7;*/
  background-color:#F8EC88; /*#FFFFFF; /*#ffffcc;*/
  border-left:solid 2px #406619;
  /*border-Top:solid 2px #406619;  */
  /*border-right:solid 2px #e8d878;*/
  padding: 3px 15px;
  min-height:800px;
  }
  
#content a{
  font-size:14px/*1em;*/
}

#content h2 a
{
    font-size:16px;
}

.contendBlockLeft
{
    /*background-color:#FFCCFF; */
    width:48%; 
    float:left;
}

.contendBlockRight
{
    /*background-color:#FFFFCC; */
    width:48%; 
    float:right;
}

.contentlist
{
 list-style-type:disc;
}

.contentlist li
{
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 20px;
}

.contentlist li a
{
    font-weight:bold;
	/*text-decoration:none;  */
	font-size:22px;  
}

.liBaustelle a
{
    color:Gray;
}

.linklist{}

.linklist li
{
  margin-top: 10px;
}

.TodoList
{
    list-style-type:circle;
}

.TodoList li
{
  margin-top: 3px;
  margin-bottom: 5px;
  margin-left: 20px;
  font-size:14px;
  font-weight:bold;
}

#footer 
{
    clear:left;
    clear:right;
    width:100%;
    height:25px;
    border-top:solid 2px #406619;
    background-color:#F8EC88;/*#ff9900;*/ 
  }

#logo_jlu{
  /*background-image: url("../design/jlulogo.png") ; /*#989CAB */
  /*background-color:#ffffff;*/
  /*clear:left;*/
  /*float:left;*/
  position:relative;
  top:0px;
  left:-4px;
  width:200px;
  height:80px;
  border-style:none;
  /*border:solid 5px red;*/
  /*border:solid 3px #ffffff;*/
  margin:0px;
  }

/* TEST */

#menucontainer
{
    /*visibility:hidden;*/    
    position:absolute;
    font-size:12px;
    color:#0E1339;
    /*border:1px solid #606060;*/
    background-color:#BFB269;
    width:120px;
    float:left;
    padding:5px;
    margin-left:172px;
    /*margin:0px 5px 5px 0px;*/
    line-height:24px;
    height:24px;    
    clip:rect(0px, 132px 24px 0px)
}
#menucontainer:active, #menucontainer:hover, #menucontainer:focus 
{
    background-color:#BFB269;
    height:auto;
    clip:auto;
}

.menutitle
{
    margin:-5px -5px 5px -5px;
    padding-left:3px;
    /*padding:2px;*/
    background-color:#38522D;
    font-weight:bold;
    border-bottom:1px solid #606060;
}

.menu
{
    font-size:14px;
    font-weight:bold;
}

.ChangeDate
{
    margin-top:50px;
    margin-right:10px;
    font-size:10px;
    color:Gray;
    text-align:right;
}

.TodoLink a
{
    color:Gray;
    /*margin-top:50px;
    margin-right:10px;
    font-size:12px;
    text-align:right;*/
}

.submenu
{
    line-height:12px;
    font-size:12px;
    font-weight:bold;
    margin-left:10px;
}

.impressum
{
    vertical-align:top;
    padding-top:10px;
    padding-bottom:10px;
    font-size:14px;
}
.impressum tr
{
    vertical-align:top;
}
.impressum td
{
    padding-top:5px;
    padding-bottom:5px;
}
.impressum_header
{
    font-weight:bold;
}

.image_startseite
{
    display:block;
    width:700px;
	height:700px;
    margin:0 auto;
}

.image_baustelle
{
    margin-left:20px;
    margin-top:20px;
    margin-bottom:10px;
	width:800px;
	height:481px;
}

.imageintext
{
    margin-top:10px;
    margin-bottom:10px;
}

#salmface
{
    background-color:Yellow;
}

.galerieimageleft
{
    margin:20px;
    float: left;
    border:double 3px #406619;
    visibility:visible;
}
/*
.galerieimageleft:active, .galerieimageleft:hover, .galerieimageleft:focus 
{
    visibility:hidden;
}
*/
.galerieimageright
{
    margin:20px;
    float: right;
    border:double 3px #406619;
}

.frosch_gross
{
    margin:20px;
    float: right;
    border:none;
}

.frosch_klein
{
    border:none;
	/*position:absolute;*/
    margin-right:100px;    
    margin-top:180px;    
}

.imageportal
{
   background-color:#ffffff;
   width:300px;
   height:300px;
   clip:rect(0px, 300px 300px 0px)
}

#varMenu
{
    position:relative;
    top:120px;
    float:left;
    width:160px;
    padding:3px;
    background-color:#ffffcc;
    line-height:20px;
}

#varMenu a
{
    color: #aaccaa;
}

#varMenu:active a, #varMenu:hover a, #varMenu:focus a
{
    color: blue;
}

.tafel
{
	background-image:url("../design/tafel.png");
	background-repeat:no-repeat;
	width:70px;
	height:20px;
	padding:10px 15px;
	color:#F0F0F0;
	font-weight:bold;
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}

.liClearFloat
{
	clear:left;
}

.textImageLeft
{
    margin:10px;
    float: left;
    border:double 3px #406619;
}

.textImageRight
{
    margin:10px;
    float: right;
    border:double 3px #406619;
}

.clearFloatRight
{
	clear:right;
}

.clearFloatLeft
{
	clear:left;
}

.Zitat
{
    font-size:20px;
    font-style:italic;
    font-family:Comic Sans MS;
}

.colorshema
{
    font-size:12px;
    font-weight:bold;    
    padding-left:10px;
}

.counter
{
    margin-top:50px;
    /*text-align:left;*/
}

div.preview_right
{
	border: none;
	width: auto;
	clear: right;
	float: right;
	margin-left:10px;
}

div.preview_left
{
	border: none;
	width: auto;
	clear: left;
	float: left;
}

div.previewcontend
{
	border: 1px solid #ccc;
	padding: 3px;
	background-color: #f9f9f9; /*#E8DC78;*//*#F8EC88;*/ /*#f9f9f9;*/
	font-size: 66%;
	text-align: center;
	overflow: hidden;
}

.previewimage {
	border: 1px solid #ccc;
}
.previewcaption {
	border: none;
	text-align: left;
	line-height: 1.4em;
	padding: 3px;
	font-size: 100%;
}

.partnerlogo 
{
    margin-top:6px;
    padding: 1px;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.partnerLink
{
    margin-bottom:20px;    
}

.partnerTitle
{
	font-size:larger;
}

.sitemap
{
 list-style-type:disc;
}

.sitemap li
{
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 20px;
}

.sitemap li a
{
    font-weight:bold;
	/*text-decoration:none;  */
	font-size:22px;  
}

.sitemap_right
{
	float:right;
}

.sitemap_left
{
	/*clear:right*/
}

.oeffnungszeiten td
{
  padding-right:20px;
} 

/*img.thumbborder {
	border: 1px solid #dddddd;
}*/
/*div.magnify {
	float: right;
	border: none !important;
	background: none !important;
}
div.magnify a, div.magnify img {
	display: block;
	border: none !important;
	background: none !important;
}*/


/*
.imageportal:active, .imageportal:hover, .imageportal:focus 
{
    background-color:#ff9900;
    width:600px;
    height:600px;
    clip:auto;
}
*/
