/* 



CSS-Datei fuer grayline-Template von CMBasic

Copyright CSS-Datei Erwin Gabler http://www.graphictec.de 



*/





/* Gesamtschrift und Gesamtrand festlegen */

body   {background-color: #cccc33; color: #666; font-size: 0.85em; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px }



/* mother-container, contains logo, navi, content and footer */

#mother {background-color: White; text-align: left; margin: auto; width: 880px; border-style: solid; border-width: 0px; border-color: silver; color: #666; }



/* Container mit dem Logo */

#logo  {background-color: White; background-image: url(titel2012.jpg);  color: black; text-align: left; margin-bottom: 0px; width: 100%; height: 100px }



/* Haupt?berschrift im Logo-Container   */

#logo h1 { background-image: none;   font-size: 2.2em; color: transparent; margin: 0px; padding-left: 10px; text-align: left;}



/* Suchfeld */

#search    { background-color: white; padding-top: 20px; padding-bottom: 20px; border-top: 1px dotted #666; border-bottom: 1px dotted #666; width: 150px }



/* Innenrand Suchform */

#search form  { text-align: center }



/* Haupt-Navigationsbereich */

#navi  { color: black; font-size: 0.8em; background-color: white; float: left; margin-top: 30px; width: 150px }



/* Infobereich*/

#infobereich   { background: transparent url(hintergrund_suche.jpg); float: left; width: 150px; height: 300px }



/* Navigationspfad */

#navipfad    { border-bottom: 1px dotted #666; width: 100% }

#path    { color: #666; font-size: 0.82em; padding-bottom: 6px; padding-left: 10px; width: 100% }



/* Inhaltsbereich */

#content  { color: #666; font-size: 0.84em; line-height: 1.65em; background-color: white; float: right; padding-left: 6px; border-left: 0px; width: 685px; border-left-color: silver; border-left-style: solid }



/* 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: white; clear: both; padding: 2px }

#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       			{ font-style: normal; font-weight: lighter; text-transform: capitalize; border-bottom: 1px dotted #069;}

#topmenu ul   			{ font-weight: lighter; text-transform: capitalize; margin-bottom: 0px; padding: 3px }

#topmenu li  			{ font-weight: lighter; text-transform: capitalize }

#topmenu a    			{ font-weight: lighter; text-decoration: none; text-transform: capitalize; margin-right: 3px; padding: 3px 1em; border-top: 0px solid silver; border-right: 0px solid #999; border-bottom: 0 none; border-left: 0px solid silver }

#topmenu a:link  		{ font-weight: lighter; text-decoration: none; text-transform: capitalize }

#topmenu a:visited    	{ font-weight: lighter; text-transform: capitalize;}

#topmenu a:hover   		{ font-weight: lighter; text-decoration: underline; text-transform: capitalize;}

#topmenu .obermenuhigh 	{ color: #603; font-weight: lighter; text-decoration: none; text-transform: capitalize; margin-right: 3px; padding: 3px 1em; border-top: 0px solid silver; border-right: 0px solid silver; border-bottom: 0 none; border-left: 0px solid silver }







/* Listenstile f?r Men?eintrag im Navibereich

Dieser Abschnitt ist sehr lang */

#navi ul   					{ list-style-type: none; margin-top: 0px; margin-left: 10px; padding-left: 10px }

#navi ul ul 				{  padding-left: 10px; margin-left: 10px; }

#navi ul li a     			{ color: #666; font-weight: bold; background-color: transparent; text-transform: uppercase; text-indent: 0; letter-spacing: 10%; list-style-type: none; margin-top: 1px; padding: 4px 4px 4px 0; border-color: silver; border-style: none none solid; border-width: 0; display: block  }

#navi ul ul li a  			{ color: #666; font-weight: lighter; background-color: transparent; text-transform: capitalize; text-indent: 0px; margin-top: 1px; padding: 4px 4px 4px 0px;  display: block }

#navi a:link  				{ text-decoration: none; width: 140px; display: block }

#navi a:visited  			{ text-decoration: none; width: 140px; display: block }

#navi a:hover  				{ color: #999; background-color: transparent; width: 140px; display: block }

#navi ul .obermenuhigh     	{ color: #999; font-weight: bold; text-transform: uppercase; list-style-type: none; list-style-image: url(pfeil.gif); margin-top: 1px; padding: 4px 4px 4px 0px; border: 0px; width: 140px; display: block }

#navi 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: 140px; display: block }

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



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



/* Ueberschriften gestalten #999*/

h1   						{ color: blue ; font-weight: bolder; font-size: 1.4em; line-height: 1.4; background-repeat: repeat-y; margin-top: 10px; 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; }



/* Tag b zusaetzlich einfaerben */

b 							{ color: #999 ; }



/* Zeichenformat strong */

strong { color: #999; }



/* normaler Listenstil, beschraenkt auf Inhaltsbereich */

#content ul  { font-size: 1em; line-height: 1.4; margin-left: 0.7em; padding-left: 0.7em }



/* Hovereffekt fuer Links */

a:hover { text-decoration: none; }



/* besuchte Hyperlinks */ a:visited { color: gray; }



/* 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 neuen Newskasten-Formate, ab CMBasic 1.3 */
.boxcover {
  font-size: 0.9em;
  margin-top: 10px;
  float: right;
  width: 190px;
  padding: 3px;
}

.box {
  font-size: 0.9em;
  margin-top: 10px;
  padding-right: 0px;
  float: right;
  width: 100%;
  border-style: solid;
  border-width: 1px;
  border-color: #0000A0;
}

.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 p a { display: inline; }



/* Format fuer zuletzt geaendert usw. */

.datum { font-size: 0.8em; }