/* 

CSS-Datei fuer grayline-Template von CMBasic
Copyright CSS-Datei Erwin Gabler http://www.graphictec.de 

*/


/* Gesamtschrift und Gesamtrand festlegen */


body   { color: #333; font-size: 0.85em; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; background: #C1D9D8 url(bg_logo_1.jpg) repeat-x; }

/* mother-container, contains logo, navi, content and footer */
#mother { text-align: left; margin:0; padding: 0px; width: 780px;  }

/* Container mit dem Logo */
#logo  { color:#333333;  text-align: left;  background-image: url(boot_1.jpg); background-repeat: no-repeat; background-position: 10px 0px; width: 100%; height: 162px; z-index: 4; margin: 0px; padding: 0px; }

/* Haupt?berschrift im Logo-Container */
#logo h1 {  font-size: 2.4em; font-stretch: extra-expanded; font-weight: 200;  color: white; margin: 0px; padding-top: 10px; padding-left: 160px; background-image: none; }
.h1black {font-stretch: extra-expanded; font-weight: 200;  color: #666666;
}
#seite { background-image: url(bg_links.gif); background-repeat: repeat-y; background-position:0px 166px; width: 780px; height: auto;
}

#navi  { color: white; font-size: 0.8em; background-color: transparent; float: left;  padding-top: 10px; width: 120px; height: auto; background-image: url(bg_links.gif); background-repeat: repeat-x;
}
/* Suchfeld */
#search    { background-color: transparent;   width: 90px; /*position: absolute; bottom: 0px; left: 0px;*/}

/* Innenrand Suchform */
#search form  { text-align: left; margin-left: 10px;  }
#search input {background-color: #FFFFFF; 
}

/* Haupt-Navigationsbereich */





/* Navigationspfad */
#navipfad    { border-bottom: 1px dotted #666; width: 100% }
#path    { color: #333; font-size: 0.82em; padding-bottom: 6px; padding-left: 10px; width: 100% }

/* Inhaltsbereich */
#content  { color: #333; font-size: 0.95em; line-height: 1.65em;  float: right; padding-left: 6px; border-left: 0px; width: 610px;  background:  url(segel_gross.gif); background-repeat:no-repeat; background-position: 280px 0px; }

/* Stilregel fuer Plugins, z.B. feedback  wichtig, Hintergrundfarbe weiss erzwingen */
.plugin { background-color: white; font-size: 0.7em; line-height:1.4em; }

/* Fusszeile */
#footer  			{ color: #666; background-color: #ccc; clear: both; padding: 2px; width: 100%; }
#footer div   		{ font-size: 0.84em; line-height: 2em; text-align: center; border-top: 1px dotted #666 }
#footer a:hover 	{ color: #666; text-decoration: none; }
#footer a:link  	{ color: #666; text-decoration: none; }
#footer a:visited 	{ color: #666; text-decoration: none; }


/* Listenstile fuer Men?eintrag im Navibereich topmenu */
#topmenu       			{  color: #FFFFFF; font-size: 1em; line-height: 1.1em; margin-left: 150px; margin-top: 30px;}
#topmenu ul   			{  margin: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 4px;
 list-style-type:none; }
#topmenu li  			{  display: inline; list-style-type:none; }
#topmenu a    			{  color: #FFFFFF; text-decoration: none;  margin-right: 6px;  }
#topmenu a:link  		{  text-decoration: none; padding-left: 12px; }
#topmenu a:visited    	{ color: #FFFFFF;padding-left: 12px; background-image:none; }
#topmenu a:hover   		{  color: #FFFFFF; padding-left: 12px; text-decoration: none; background-image: url(quadrat.gif); background-position:left; background-repeat: no-repeat; }
#topmenu .obermenuhigh 	{ color: #FFFFFF; padding-left: 12px; text-decoration: none; margin-right: 3px; background-image: url(quadrat.gif); background-position:left; background-repeat: no-repeat; }



/* Listenstile f?r Men?eintrag im Navibereich
Dieser Abschnitt ist sehr lang */

#navigation ul   					{ list-style-type: none; margin-top: 0px; margin-left: 4px; padding-left: 4px;  }
#navigation ul ul 				{  padding-left: 10px; margin-left: 4px; }
#navigation ul li a     			{ color: #666; font-weight: bold; background-color: transparent; text-indent: 12px; /*list-style-type: none;*/ margin-top: 1px; padding: 4px 4px 4px 0;  display: block  }
#navigation ul ul li a  			{ color: #666; font-weight: lighter; background-color: transparent;  text-indent: 12px; margin-top: 1px; padding: 4px 4px 4px 0px;  display: block }
#navigation a:link  				{ text-decoration: none; width: 120px; display: block }
#navigation a:visited  			{ text-decoration: none; width: 120px; display: block }
#navigation a:hover  				{ color: #999; background-color: transparent; width: 120px; text-indent: 12px; display: block; background-image: url(pfeil.gif);  background-repeat: no-repeat;  }
#navigation ul .obermenuhigh     	{ color: #999; font-weight: bold; text-indent: 12px; background-image: url(pfeil.gif);  background-repeat: no-repeat; margin-top: 1px; padding: 4px 4px 4px 0px; border: 0px; width: 120px; display: block }
#navigation ul ul .submenuhigh    { color: #999; font-weight: bold; list-style-image: url(pfeil.gif); margin-top: 1px; padding: 4px 4px 4px 0px; border: 0px; width: 120px; display: block }


#navi .partner a:link  				{ text-decoration: none;  }
#navi .partner a:visited  			{ text-decoration: none;  }
#navi .partner a:hover  				{ text-decoration:none; }

/* ENDE Listenstile fuer Men?eintrag im Navibereich */

/* Die ungebundenen Klassen erscheinen als Auswahloptionen im linken Pull-down-Menue von TinyMCE! */

/* Ueberschriften gestalten */
h1   						{ color: #999;  font-size: 1.4em; line-height: 1.4;  margin-top: 4px; padding: 4px }
h2 							{ font-size: 1.1em; line-height: 1.4; background-image: url(rotkaro.gif); background-repeat: no-repeat; text-indent: 20px; background-position: left; padding-bottom: 1px; margin-bottom: 1px;}
h3 							{ font-size: 1em; line-height: 1.4; margin-bottom: 1px; padding-bottom: 1px; }


/* Absatz und div */
p, div 						{ padding-right: 3px;}
p 							{margin-top: 3px; margin-bottom: 5px; }

.foerder {margin-top:0px; margin-bottom: 0px; text-align:center; font-size: 0.85em;
}
/* Tag b zusaetzlich einfaerben */
b 							{ color: #999 ; }

/* Zeichenformat strong */
.strong { font-weight: bold; }

/* normaler Listenstil, beschraenkt auf Inhaltsbereich */
#content ul  { font-size: 1em; line-height: 1.4; margin-left: 0.7em; padding-left: 0.7em }
#content li {list-style-image: url(list.gif);
}






/* Hier beginnen die ungebundenen Klassen, zu erkennen
am Punkt vor dem Klassennamen 
Diese werden im Auswahlmenue von TinyMCE gezeigt */

/* Gestaltung des rechts ausgerichteten News-Kastens */
.kasten  		{ font-size: 1em; float: right; margin: 3px; padding: 3px; border: dotted 1px #999; width: 170px }
.kasten h3 		{ margin-top: 0px; }

/* Beginn der Newskasten-Formate */
.boxcover 		{ font-size: 0.9em; margin-top: 10px; float: right; width: 200px; padding: 3px; }
.box  			{ font-size: 0.9em; float: right; margin-top: 10px; padding-right: 0px; border: solid 1px #666; width: 100% }
.box h3 		{ background-color: #0000A0;  color: white; padding: 3px; margin-top: 0px;}
.box div 		{ padding: 3px; }

/* Ende der neuen Newskasten-Formate */

/* Einfuehrungsabsatz */
.lead, .lead p 	{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;  font-size:  1em; line-height: 1.5em; font-weight: bold; margin-top: 5px; margin-bottom: 10px; }
.lead img 		{ padding: 5px;}

/* grauer Rahmen mit Umrandung */
.rahmen  		{ font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #eeeeee; padding: 3px; border: solid 1px #666; width: 90% }

/* Rahmen mit gestrichelter Umrandung */
.tipp  			{ font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 8px; margin-bottom: 10px; padding: 3px; border: dotted 1px #666; width: 90% }
code, .code 	{ font-family: 'Courier New', Courier, monospace; font-size: 1em;  color: #000099; }

/* Bildunterschrift */
.bu 			{margin-top: 0px; font-size: 0.75em; font-weight: bold;}

/* Linie interessant gestalten */
hr    			{ }

/* Luft fuer Tabellen */
table th, th, tbody { padding: 3px; }

/* Links innerhalb von Abs?tzen mit 
kleinem Zeichen versehen */

#content a:link {color: #333333; display: inline; text-decoration: underline; }
/* besuchte Hyperlinks */
#content a:visited { color: #666666; }
#content a:hover { color:#333333; text-decoration: underline; }
/* Format fuer zuletzt geaendert usw. */
.datum { font-size: 0.8em; }

.boxadresse {position: absolute; top: 70px; left: 664px; width: 200px;
}

input {color: #333 ; font-family:Verdana,sans-serif; font-size: 11px; background-color: #FFCC66; border: 1px solid #333; }
textarea {color: #333; font-family:Verdana,sans-serif; font-size: 11px; background: #FFCC66; border: 1px solid #333; width: 420px;}

.links {float: left;}
.rechts {float: right;
}

.gisa {margin-left:10px;
margin-top:10px;
}