*{
	margin: 0;
	padding: 0;
	margin-top: 0px;
}	
html{background: #FFFFFF;}	
body{
	background: #FFFFFF;
	color: #4C4C4C;
	font: 62.5% Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}

/* links  */
A:focus { outline: none; }
a{
	color: #5680BA;
	text-decoration: none;
}
a:hover{color: #4C4C4C;}

/* headings */

h1 {font-size:2em}  /* displayed at 24px */
h2 {font-size:1.5em}  /* displayed at 18px */
h3 {font-size:1.25em}  /* displayed at 15px */
h4 {font-size:1em}  /* displayed at 12px */

/* tables & forms */

input, select, th, td {font-size:1em}

/* ------------------------------------------------------------

	page structure & layout

------------------------------------------------------------ */

#container{
	background: url(images/bg02-white-left.png);
	margin: 0 auto;
	text-align: justify;
}

/* Set the page width here */
#menu-top, #header, #container, #footer {
	width: 85%;
	min-width: 700px;
	max-width: 1050px;
	margin: 0 auto;
	text-align: left;
}

#menu-top {
	overflow: hidden;
}

#menu-top ul {
	margin: 0;
	padding: 1em 30px 0 20px;
	list-style: none;
	float: right;
}

#menu-top li { 
	display: inline; 
}

#menu-top a, #menu-top a:visited {
	color: #5680BA;
	float: left;
	text-decoration: none;
	margin: 0 0 0 25px;
}

#menu-top a span, #menu-top a:visited span {
	padding: 0 8px 0 4px;
	margin: 0 0 0 4px;
	display: block;
}

#menu-top a:hover { background-position: 0% -50px; }
#menu-top a:hover span { background-position: 100% -50px; }

#wrapper-header { background: transparent url('images/bg.png') top center repeat-x; }
#header { background: #eee url('images/banner_ostsee.jpg') no-repeat center top; }
#wrapper-header2 { background: transparent url('images/bg02-blue-left.png') top left no-repeat; }
#wrapper-header3 { background: transparent url('images/bg02-blue-right.png') top right no-repeat; }

#header h1 {
	margin: 0 0 0 45%;
	padding: 0;
	height: 152px;
	line-height: 3em;
	color: #ccc;
	font-size: 14px;
}
#navigation{
	bottom: 0;
	font-size: 1.1em;
	position: absolute;
	right: 0px;	
}
#path-time{
	color: #4C7897;
	height: 15px;
	position: relative;
	padding: 5px 10px 0px 10px;
	text-align: right;
}	
#info{
	background: #D8EAFF;
	border-bottom: 2px solid #f1e5a1;
	color: #4C4C4C;
	font-size: 1.4em;
	line-height: 1.5em;
	position: relative;
	padding: 20px 150px 20px 30px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	border-top: 2px solid #f1e5a1;
}

#info h2{
	color: #4C4C4C;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0 0 17px 0;
}
#primary-content{
	float: left;
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 20px 20px 30px 30px;
	width: 65%;
	margin-top: 5px;
	text-align: justify;
}
#secondary-content{
background: url(images/bg02-white-right.png);
	float: right;
	font-size: 1.1em;
	padding: 0px 18px 20px 0px;
	width: 175px;
	margin-top: 0px;
	text-align: justify;
}	
#footer{
	border-top: 1px solid #FFFFFF;
	background: url(images/footer.png);
	clear: both;
	color: #fff;
	font-size: 1.1em;
	height: 28px;
	width: 100%;
	margin: 0 0 0 0;	
	padding: 0 0 0 0;
}


/* ------------------------------------------------------------

	navigation

------------------------------------------------------------ */

#navigation ul{
	display: inline;
}
#navigation li{
	display: block;
	float: left;
	list-style: none;
}
#navigation li a{
	color: #5680BA;
	display: block;
	margin: 0 1px 0 1px;
	line-height: 1.6em;
	padding: 2px 10px 0px 20px;
	text-align: center;
	text-decoration: none;
}
#navigation li a:hover{background: #FAF7D8;}


/* ------------------------------------------------------------

	path-time

------------------------------------------------------------ */

#path-time a{
	color: #5680BA;
	text-decoration: none;	
	text-transform: capitalize;
}
#path-time a:hover{text-decoration: none;}


/* ------------------------------------------------------------

	primary content

------------------------------------------------------------ */

#primary-content h2{
	color: #5680BA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 0 0 17px 0;
}	
#primary-content h2 a{
	color: #5680BA;
	text-decoration: underline;
}		
#primary-content h2 a:hover{
	color: #333333;
}	
#primary-content h3, #primary-content h4{
	background: none;
	border-bottom: 1px solid #dfe3e4;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 5px;
}	
#primary-content p{
	line-height: 1.5em;
	margin: 0 0 20px 0;
}
#primary-content ol {
	line-height: 1.8em;
	list-style: url(images/blue-box.gif);
	margin: 2px 30px 20px 20px;
	padding-left: 5px;
}	
#primary-content ul {
	line-height: 1.8em;
	margin: 0 30px 20px 50px;
	padding-left: 5px;
}
#primary-content ul li {
	line-height: 1.8em;
	list-style: url(images/blue-box.gif);
	margin: 0 30px 20px 50px;
}
#primary-content ul.pages {
	line-height: 1.8em;
	margin: 0 30px 20px 0;
	margin-left: 10px;
}
#primary-content ul.pages li {
	background: url(images/timeicon.gif) no-repeat 0 50%;
	line-height: 1.8em;
	list-style: none;
	padding-left: 15px;
}

/* Archive & SiteMap pages */

#primary-content dl {
	margin: 10px 0 0 10px;
}
#primary-content dt {
	font-size: 1.1em;
	margin: 5px 0;
}
#primary-content dt a{
	color: #222;
	background: url(images/arrow.gif) no-repeat 0 50%;
	padding-left: 10px;	
}
#primary-content dd {
	margin-left: 5px;
}
#primary-content dd a {
	background: url(images/timeicon.gif) no-repeat 0 50%;
	padding-left: 15px;
}

/* forms & class's */

#primary-content form{margin: 10px 0 20px 0;}		
#primary-content fieldset legend{
	color: #990000;
	margin: 0 0 10px 0;
}
#primary-content fieldset{
	background: #FFFEDC;
	border: 1px solid #dfe3e4;
	padding: 5px 15px 15px 10px;
	width: 95%;
	margin-bottom: 20px;
	position: relative;
}
#primary-content fieldset p{
	margin: 0 0 10px 0;
}
#primary-content fieldset textarea{
	height: 250px;
	overflow: auto;
}
form .field:focus, form .text:focus, form textarea:focus {background: #D8EAFF; color: #324F6A;}
#primary-content textarea{
	height: 110px;
	overflow: auto;
}
	
/* ------------------------------------------------------------

	secondary content

------------------------------------------------------------ */

#secondary-content h2{
	color: #4C4C4C;
	border-bottom: 1px solid #81A649;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	margin: 15px 0 5px 0;
	padding: 2px 0 5px 0;
}		
#secondary-content p{
	margin: 0;
	color: #4C4C4C;
	text-align: justify;
}		
#secondary-content ul{
	margin: 7px 0 20px 10px;
}	
#secondary-content ul li{
	background: url(images/timeicon.gif) no-repeat 0 1px;
	height: 18px;
	list-style: none;
	padding-left: 15px;
}	
#secondary-content a{	
	color: #5680BA;
	text-decoration: none;
}
#secondary-content img {
        border: 0px solid #DCDCDC;
	padding: 1px;
}	
#secondary-content a:hover{
	color: #231f20;
}	

/* class's */

#secondary-content .searchfield{
	font-size: 1.1em;
	padding: 3px;
	width: 68%;
}

/* ------------------------------------------------------------

	footer

------------------------------------------------------------ */

#footer p{
	margin-top: 5px;
	text-align: center;
}
#footer a{
	color: #fff;
	text-decoration: underline;
}

/* ------------------------------------------------------------

	misc.

------------------------------------------------------------ */

a img {border: none;}
acronym{cursor: help;}
legend{
	color: #324F6A;
	font-weight: bold;
}
blockquote{
	background: url(images/quote.gif) no-repeat 10px 0;
	color: #3044E9;
	border-left: 2px solid #3044E9;
	line-height: 1.5em;
	margin: 0 10px 20px 10px;	
	padding: 0 10px 0 10px;
}
hr, .hide {display: none;}
.show{display: block;}

/* class's */

.pathway{
	font-size: 0.9em;
	margin-left: 50px;
	margin-top: 8px;
	position: absolute;
}
.time{	
	position: absolute;
	right: 50px;
	top: 25px;
}
.right, .left{	
	background: #fff;
	border: 1px solid #e3e7e8;
	float: left;
	margin: .5em 12px 6px 0;
	padding: 6px;
}
.right{
	float: right;
	margin: .5em 0  6px 12px;
}
.left{
	float: left;
	margin: .5em 12px 6px 0;
}

/* infoline */

.infoline{
	color: #afafaf;
	font-size: 0.9em;
}
.infoline a{
	color: #afafaf;
}
.infoline .more a{
	background: url(images/arrow.gif) no-repeat 0 50%;
	padding-left: 10px;
}
.infoline .commentcount a{
	background: url(images/comment.gif) no-repeat 0 50%;
	padding-left: 15px;
	margin-right: 5px;
}
.infoline .date{
	background: url(images/timeicon.gif) no-repeat 0 50%;
	padding-left: 10px;
}
.infoline .edit a{
	border-left: 1px solid;
	padding-left: 7px;
}
.infoline .author a{
	background: url(images/comment.gif) no-repeat 0 50%;
	padding-left: 15px;
}


.commentsbox{margin-top: 25px;}	
#primary-content .commentsbox h2{
	background: #FFFFFF;  
	color: #808080; 
	padding: 10px; 
	margin: 0 0 10px 0; 
	border-top: 1px solid #ccc; 
	}
.comment { 
	background: #E9F2FF; 
	border: 1px solid #dee2e3;
	color: #221f20;
	font-size: 0.9em;
	padding: 15px 10px 0px 10px; 
	margin: 10px 0 10px 0;
	overflow: auto;
}
.comment .infoline{
	font-size: 1.0em;
	color: #222;
	font-weight: bold;	
}
.comment .infoline .author a{
	padding-right: 3px;
	color: #990001;
}
.comment .infoline .author a:hover{
	text-decoration: none;
}
.field, .searchfield, .text, textarea, select{
	border: 1px solid #dfe3e4;
	padding: 1px;
	/* width: 97%; */
}
textarea{
	width: 97%; 
	height: 10em; 
	padding: 3px; 
	border: 1px solid #ccc; 
	background: url('http://www.jabel-net.de/images/shade.gif');
	font-family: verdana;font-size: 11px;color:#666666;
}
input[type=text], input[type=password]{
	margin-left:1px; 
	margin-right:1px; 
	padding: 1px; border: 1px solid #ccc; 
	background: #F0F0F0 url('http://www.jabel-net.de/images/bgbt2.gif');
	font-family: verdana;font-size: 11px;color:#666666;
}
input[type=password]{
	/* width: 57%; */
}
.button{
	font: normal 11px Verdana; 
	color: #666666;	
	height: 21px;
	border: 1px #ccc solid;
	background-color: #ECECEC;
	background: #F0F0F0 url('http://www.jabel-net.de/images/bgbt2.gif');
	vertical-align: bottom;	
}
.searchbutton{font: normal 11px Verdana; 
	color: #666666;	
	width: 30px;
	height: 22px;
	border: 1px #ccc solid;
	background: #F0F0F0 url('http://www.jabel-net.de/images/bgbt2.gif');
	vertical-align: bottom;	
}	
.New_Admin_Links {font-size:85%;
	text-align:center;
}

.midlength {width: 40%;}
.biglength {width: 75%;}

/* image */

 .leftimg {   
   position:relative;   
   height:auto;   
   width:auto;   
   }  
 .leftimg img{  
   border:1px solid #DCDCDC;  
   float:left;  
   margin-top:10px;  
   margin-bottom:10px;  
   margin-left:0px;  
   margin-right:10px;  
 }  
 .leftimg br{  
   clear:both;  
 } 
 .rightimg {   
   position:relative;   
   height:auto;   
   width:auto;   
   }  
 .rightimg img{  
   border:1px solid #DCDCDC;  
   float:right;  
   margin-top:10px;  
   margin-bottom:10px;  
   margin-left:10px;  
   margin-right:0px;  
 }  
 .rightimg br{  
   clear:both;  
 }

shot {
	background: #FAFAFA;
        border: 1px solid #DCDCDC;
	padding: 5px;
}
img {
        border: 0px solid #DCDCDC;
	padding: 5px;
}
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}
img.float-center {
  	background: #FAFAFA;
        border: 1px solid #DCDCDC;
	padding: 5px;
	width: 50%;
}

/* Blätterfunktion */

a.page {
    border-top: 1px solid #fff;
    padding: 1px 1px;
    color: #555;
    text-decoration: none;
}
a:hover.page {
    border-top: 1px solid #5680BA;
    padding: 1px 1px;
    color: #555;
    text-decoration: none;
}
.pageselected {
    padding: 1px 1px;
    font-weight: bold;
    color: #5680BA;
}

/* paginator */

.paginator{ 
     width: 100%; 
     color: #555; 
     margin-top: 20px;
     text-align: right;
}
.extra{ 
     width: 95%;
     background: url(images/back.gif); 
     color: #555; 
     margin-left: 9px;
     text-align: justify;
     border: 1px solid #e2e2e2;
     padding: 5px;
}
.extra h3{
padding-left: 11px;
}


/* 
 * CSS:      Table like css gallery
 */

div#cmsGalleryBody .cmsGallery {
   margin:     0; 
   padding:    0;
   overflow:   hidden; /* Clears the floats */
   width:      100%; /* IE and older Opera fix for clearing, they need a dimension */
   list-style: none;
}

div#cmsGalleryBody .cmsGallery li {
   float:      left;
   display:    inline; /* For IE so it doesn't double the 1% left margin */
   width:      120px; /* width:23.8%; */
   margin:     0 1% 0 1%; /* 0 0 10px 1%; */
   padding:    10px 0; /* 10px 0; */
   height:     80px; /* For img 85 */ /* Height of img (75) + 2 times 3px padding + 2 times 1px border = 83px */
   position:   relative; /* This is the key */
}

div#cmsGalleryBody .cmsGallery a, .cmsGallery img {
   display:    block;
   width:      100%;
}

div#cmsGalleryBody .cmsGallery a img {
   padding:    3px; /* 3px; */
   background: #fff; 
   border:     1px solid #E2E2E2; 
} /* A small fix */

div#cmsGalleryBody .cmsGallery a:link, .cmsGallery a:visited, .cmsGallery a:focus, .cmsGallery a:hover, .cmsGallery a:active {
   padding:    3px; /* 3px; */
   background: #fff;
   width:      120px;
   height:     80px;
   position: absolute; top: 50%; left: 50%; /* position it so that image's top left corner is in the center of the list item */
   margin: -36px 0 0 -36px; /* Pull the image into position with negative margins (margins value is half of the width of the image) */
   /* vertical-align: middle; */
}

div#cmsGalleryBody .cmsGallery a:hover {
   background: #ffff;
   border:     1px solid #ffff;
   border-color:   #fff;
}


/* These are all optional, for decoration purposes only */
div#cmsGalleryBody .cmsGallery {
   border-bottom:  1px solid #eeefef; /* #000; */
   border-top:  1px solid #eeefef; /* #000; */
   padding-bottom: 5px;
   margin-top:     5px;
}