/*           seegras.de             */
/* -------------------------------- */

/* Resetten aller margins und paddings für Browserkompatibilität */
* { margin: 0; padding: 0; }
body {
   margin:auto;
   background : url(images/back.gif) #000000 no-repeat; 
   color:#ffffff;
   top:0;
   left:0;
   min-width: 800px;
   max-width: 1100px;
   font-family: Arial, Helvetica, sans-serif;
   font-size:101%; /* IE-Hack zum richtigen Runden von nested elements */ }
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address, textarea {
    margin-bottom: 1em;
    font-family: Arial, Helvetica, sans-serif; }
ul { padding-left: 1em; margin-left: 0px; }
p, input { padding: 0em 0em; margin: 0.5em 0em; }   

/* Wiedererlangen von margins und paddings, Schriftgrößen */
p, blockquote, li, td, h4 { font-size:0.8em; line-height: 140%;}
h1 { margin:10px 0px 10px 0px;font-size:1.3em; }
h2 { margin:10px 0px 10px 0px;font-size:1.1em; }
h3 { margin:10px 0px 10px 0px;font-size:1.0em; }
textarea {font-family: Arial, Helvetica, sans-serif; font-size: 1.0em;}



/* Logo  ----------------------------------------- */
div#header {
  clear: both;
  height: 100px;
  background-color: transparent;
  padding: 1px; }

.slogan { margin-left:115px; color: #c2a369; font-weight:bold; font-size:0.80em;}

  
/* Ganze Seite */
div#page { margin:auto; width:800px; padding-bottom:50px;}





/* ============= Startseite =========== */

/* Navigation  ----------------------------------------- */
div#navigation {
   margin-bottom:60px;
   margin-left:27px;
   height: 30px;
   background:transparent; 
}


/* Navigationsmenue ----------------------------------------- */
	
.menu {
/*	background: #333; */
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.menu li {
	float: left;
	font: 80% Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
.menu a {
	/* background: #062234 url("/images/seperator.gif") bottom right no-repeat; */
	color: #fff;
   font-weight: bold;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
   border:1px solid #ededed;
}
.menu a:hover {
	background-color: #225588; 
	color: #fff;
	padding-bottom: 8px;	
	text-decoration: none;
}

/* Right: Allgemein ----------------------------------------- */
#rightbox {
   float: right;
   width: 200px;
   margin:80px 0px 20px 0px;
   padding: 8px;
   background:transparent;
   color: #ffffff;
   border-right: 1px solid #073f76;
   border-top: 1px solid #073f76;
   border-left: 1px solid #04213e;
   border-bottom: 1px solid #04213e; }
  
  
/* Right: Kuhlippenbox ----------------------------------------- */
#kuhlippen {
   float: right;
   width: 200px;
   margin-top:50px;
   margin-bottom:250px;
   margin-left:75px;
   margin-right:20px;
   padding: 8px;
   background:transparent;
   color: #ffffff;
   border-right: 1px solid #073f76;
   border-top: 1px solid #073f76;
   border-left: 1px solid #04213e;
   border-bottom: 1px solid #04213e; }

.stretched { letter-spacing: 7px; }

/* Right: Binnenbox ----------------------------------------- */
#binnenbox {
   float: right;
   width: 200px;
   margin-left:50px;
   margin-top:50px;
   margin-right:20px;
   padding: 10px;
   background-color: #004058;
}

/* Middle: Content ----------------------------------------- */
div#middle {
   padding: 0px 50px 5px 25px;
/*   padding: 0px 300px 5px 180px; */
   margin-top:40px;
   background:transparent; }

#middle p { margin-bottom:15px; }
#middle img.thumb { padding:10px 10px 10px 30px; border:none; float:right;}

   
   
/* Footer: Restseite  ----------------------------------------- */
div#footer {
   clear: both;
   margin-left: 40px;
   background:transparent; }

   
#pagefooter {  font-size:0.7em; }   


.seegrastable { border:1px solid #c0c0c0; }
.seegrastable th {
   text-align: left;
   padding-left: 7px;
   padding-top: 5px;
   background-color: #062234; }
.seegrastable td { padding:3px 20px 3px 7px; }
   

.toplogo { height:49px; background-image: url(images/seegras.gif); background-repeat: no-repeat; }
p.toplogo a { height:49px; display:block; }
.invisible { display:none; }

/* Texte */
p, td, li { color: #ffffff; font-family: Arial, "MS Sans Serif", Verdana, sans-serif; font-size:0.8em; }

/* Links */
a { color : #78bea4; text-decoration : underline; }
a:hover { color : #ecc437; text-decoration : underline; }
a.inbox { color : #469779; text-decoration : underline; }
a.inbox:hover { color : #d5aa15; text-decoration : underline; }
a.sprungziel { color : #000000; text-decoration : none; }


/* Formulare */
.formfield {
   background-color: #052C52;
   padding: 3px 4px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   color: #ffffff;
   font-size: 1.0em;
   border: 1px solid #9C9C9C;
}

.submitfield {
background-color:#77C7BA; 
font-weight:normal; 
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif; 
font-size:1.0em; 
border: 1px solid #e0e0e0;
}

.resetfield {
background-color:#7EB4D0; 
font-weight:normal; 
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif; 
font-size:1.0em; 
border: 1px solid #e0e0e0;
}

.spambox { padding:2px 2px 6px; background-color: transparent; }

/* --------------------------- */
/*     Xnews-Section      */
/* --------------------------- */

xtable.xnewshead {
   width: 80%;
   border-left: 1px solid #FEF3DA;
   border-top: 1px solid #FEF3DA;
   background: #91AABA;
   border-bottom: 2px #FFFFFF groove;
}
table.xnews { width : 80%; border-left : 1px solid #FEF3DA; background : #E9E9E9; padding-left:10px; padding-right:25px; }
table.navi { width : 80%; margin-bottom : 20px; }
.xnewslinks { /*background-color:#052c52; */ width : 170px; padding : 8px; background-color : transparent; color : #FFFFFF; border-right : 1px solid #073F76; border-top : 1px solid #073F76; border-left : 1px solid #04213E; border-bottom : 1px solid #04213E; }
.xnewshint { border-right : 1px solid #CC3333; border-top : 1px solid #CC3333; border-left : 1px solid #CC3333; border-bottom : 1px solid #CC3333; padding : 4px;  margin-top: 25px;}
.main {
   font-family: "MS Sans Serif", sans-serif;
   font-weight: bold;
   color: #000000;
   font-size: 14px;
   background: #91AABA;
   padding: 2px 4px;
   height: 100%;
}
.xnews p { padding-top: 10px; }

.sub1 { color : #000000; font-weight : bold; font-size : 13px; }
.sub2 { color : #000000; font-weight : bold; font-size : 13px; margin-left : 15px; border-left:5px solid #aaaaaa; padding-left:5px; }


.descr1 { color : #000000; font-size : 13px; }
.descr2 { color : #000000; display:block; margin-left : 25px; font-size : 13px; padding-left:25px; }


.black { color : #000000; font-size : 13px;}
.header { font-weight : bold; font-size : 14px; }
.fspce { height : 30px; }
.xnews code { font-size: 1.0em; font-family: "Courier New", Courier, monospace; }

/* --------------------------- */
/*     Foto-Section      */
/* --------------------------- */


/* RH start */

/*
.infotable {
	border: none !important;
}

.infotable table {
	margin-top: 15px !important;
	margin-bottom:45px !important;
}

.infotable table td {
	border-right: 8px solid black !important;
	border-left: 10px solid black !important;
}

.rtitle {
	font-weight: bold;
	color: #c0c0c0;
}

.rtitle a {
    display: block;  
	margin-top: 20px
}

.rtitle a:link {
	text-decoration: none;
	color: #c0c0c0;
}

.rtitle a:visited {
	text-decoration: none;
	color: #c0c0c0;
}

.rtitle a:hover {
	text-decoration: none;
	color: #ffffff;
}

#rbody {
  margin-top: 54px;
}

#rnaviindex {
   float:left; 
   margin-top:54px;
}

#rnavislide {
   float:left; 
   margin-top:0px;
}


#rnavislidetop {
   margin-top:70px;
   margin-bottom: 5px;
}

.slideImage { margin-left:-73px;}

.slidefolderdescription {
   width:100%; 
   margin-left:auto; 
   margin-right:auto; 
   margin-top:15px; 
   margin-bottom: -30px; 
   text-align:center;
   font-weight: bold;
   font-size: 120%;
}
*/
/* RH end */



#pageslide { margin:auto; padding-bottom:50px;}

.slidefolderdescription { display:none !important; }

.dirname { font-size:100% !important; }

.mthumb {
    width:120px !important;
   height:80px !important;
   margin-left:23px;
   margin-top:10px;
   border:1px solid #888888; 
}

.dirname a {  text-decoration: none; color: #ffffff; font-weight: normal;letter-spacing: 0.05em }

table.diatable7 { 
text-align: left !important; 
}

table.rootindex a:active,
table.rootindex a:focus {outline: none; }

table.rootindex .smalltxt a { color : #78bea4; text-decoration : underline; }
table.rootindex .smalltxt a:hover { color : #ecc437; text-decoration : underline; }


table.rootindex td.indexthumb { 
   background-image : url(/images/folder_r.gif);
   background-repeat: no-repeat;
   width:150px;
}

td.indexthumb { padding-right: 35px !important; padding-bottom:35px !important;}

table.rootindex .smalltxt{ margin-top:10px; margin-left:10px;}

#rnaviindex { margin: 15px 25px 25px auto !important; }
#rnaviindex a { font-size: 13px !important; }

.rtitle a {font-size:13px !important; }

a:visited .mthumb {
border-color:#AAAAAA;
}

table.slidetable, table.slidetable td { width:100% !important; }

/* Positionszeile */
.rtitle { color: #ffffff; margin-right:20px;}
/*  .rtitle a {  text-decoration: underline; }
.rtitle a:hover {	text-decoration: none; color: #ecc437; font-weight: bold } */



/* Bildunterschrift */
.infotable { width:100% !important; border: none !important; }
.infotable td { border: none !important; }
.comment { font-weight:normal; font-size:90%; }
td.indexthumb div { height:10px !important }

/* Contentbereich Diaseite */
#pageslide #middle { margin-top:-40px !important; }
#pageslide #rnavislidetop { margin-bottom:20px !important; margin-top:20px !important;margin-left:auto; margin-right: auto; text-align: center; }
#pageslide #rnavislidetop img { margin-bottom:-11px;  }

.fotopretext { margin-bottom:10px; }
p.footersign { clear:both; padding-top:60px; }

span.prevnextidxblock { 
   font-size:80%;
   margin-left:380px;
 }
span.prevnextidxblock img {
   margin-bottom:-6px;
   margin-right:5px;
   margin-left:5px;
}

span.prevnextidxblockbottom {
display:block;
clear:left;
font-size:80%;
margin-right:50px;
text-align:right;
}

span.prevnextidxblockbottom img {
   margin-bottom:-6px;
   margin-right:5px;
   margin-left:5px;
}