/*--Style Meerane Stadtbibliothek--*/

* { margin: 0; padding: 0; }

body { font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #5F5F5F; background-color: #eef3f8; }

/*--Links allgemein --*/
a:link { color: #5a6eb9; text-decoration: none; }

a:visited { color: #5a6eb9; text-decoration: none; }

a:active { color: #5a6eb9; text-decoration: none; }

a:hover { color: #cccccc; text-decoration:none; }

h1, h2, h3, h4, h5, h6{ font-weight: bold; font-size: 1em; }

h1 { font-size: 1.2em; }
h2 { margin:0em 0em 0.5em 0em; }
h3 { margin:0em 0em 1em 0em; }

p { line-height: 140%; }

ul { margin: 0 0 0.8em; }

li { line-height: 140%; margin: 0 0 0.2em 0; list-style-position: inside; }

img { border:0; margin-bottom: 5px; }

a img { border:0; margin: 0px; }

.pixline { background-image: url(../images/layout/pixline.jpg); background-repeat: repeat-x; height: 2em; width: 400px; }

/* Pixline Internetordnung*/
.pixline_2 { background-image: url(../images/layout/pixline.jpg); background-repeat: repeat-x; height: 2em; }

/* Divtags Clearen*/
.clearr { clear:right; }

.clearl { clear:left; }

.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clearboth		{ clear:both}

/* Nav Content*/
#nav_content { height:2.5em; border: 1px solid #cccccc; }

#nav_content ul { list-style-type: none; }

#nav_content ul li { display: block; float:left; padding:0.5em 0.2em 0.5em 3.5em; margin-right: 0em; }

#nav_content ul li a { background-image: url(../images/layout/pfeil.jpg); background-repeat: no-repeat; padding-left: 10px; background-position: 0 center; }

#nav_content a:hover { text-decoration: none; background-image: url(../images/layout/icon_arrow_close.gif); background-repeat: no-repeat; background-position: 0 center; }

#nav_content a.current { text-decoration: none; background-image: url(./images/layout/icon_arrow_close.gif); background-repeat: no-repeat; background-position: 0 center; color: #000000; }

/* Dreispalter*/
#zeit { float:left; background-image: url(../images/layout/pfeil_zeiten.jpg); background-repeat: no-repeat; padding-left:130px; }

#inhalt ul.treecol { list-style-type: none; margin: 0; }

#inhalt ul.treecol li { display:block; background-color:#e0e1e5; float:left; width: 75px; padding: 10px; margin-right: 0px; }

#inhalt h1 { padding-left: 105px; margin: 0px 0px 10px 0px; background-image: url(../images/layout/h1_background.jpg); background-repeat: no-repeat; background-position: left center; }

/* Medienempfehlungen */
#med { text-align:left; }

#med .medcol  { float:left; margin: 3px; width: 210px; border:0px solid; padding: 2px;  }
#med .medcol  li { display:inline; }

/*
	  ------------------------------------------------
		Tabelle
	  ------------------------------------------------
*/
table 			{border-collapse: collapse; text-align:left; font-size: 1em; margin-bottom:1em; text-align:center; width:90%;}                  
table th 		{border:1px solid #E4E4E4 ;color:#5e7393; padding: 0.5em; text-align: left; vertical-align:top;}
table td 		{border:1px solid #dddddd; padding: 0.5em; text-align:left; vertical-align:top;}
table a  		{text-decoration:none; color:#ff7e00;}
table a:hover	{text-decoration:none;color:#900000;  }
.border td,th	{border:0px;vertical-align:middle; }

/* 

/*--Bilder --*/
.colr_start { float: right; position: relative; z-index: 1; }
.colr { float: right; }

.coll { float: left; }

/*--FORMULAR --*/
#fieldset { line-height: 2em; }

#fieldeset1 { padding-top: 42px; line-height: 2em; }

#submit { clear: both; display: block; width: 200px; left: 250px; }

error { font-size: 0.8em; color: #990000; }

#fieldeset3 { }

.float_left { float: left; margin-right: 1em; }

.float_rigth { float: right; }

/*--FORMULAR END --*/

/*--Submit Button--*/
.submit_button { cursor: default; background-color: #EDE9E6; height: 25px; width: 120px; border: 1px solid #666666; padding: 2px; display: block; margin: 10px; }

#container { background-color: #eef3f8; margin-top: 10px; margin-right: auto; margin-left: auto; width: 707px; }

#header { height: 85px; background-image: url(../images/layout/header.jpg); background-repeat: no-repeat; }

#nav { font-size: 10px; font-weight: bold; border-top-width: 1px; border-right-width: 2px; background-color:#FFFFFF; border-left-width: 2px; border-right-style: solid; border-left-style: solid; border-right-color: #7f8ec7; border-left-color: #7f8ec7; background-image: url(./images/layout/hg_nav_top.jpg); background-repeat: repeat-x; height: 40px; border-bottom-width: 1px; border-top-style: dashed; border-bottom-style: dashed; border-top-color: #7f8ec7; border-bottom-color: #7F8EC7; }

#nav ul { padding: 1em 0em 0em 1em; font-size: 1em bold; list-style-type: none; }

#nav ul li { display: inline; margin-left: 1em; }

#nav ul li a { margin: 0 0 0 0; padding: 0 0 0 0.8em; text-decoration: none; background-image: url(../images/layout/pfeil.jpg); background-repeat: no-repeat; background-position: 0; }

#nav a:hover { text-decoration: none; background-image: url(../images/layout/icon_arrow_close.gif); background-repeat: no-repeat; background-position: 0 center; }

#nav a.current { text-decoration: none; background-image: url(../images/layout/icon_arrow_close.gif); background-repeat: no-repeat; background-position: 0 center; color: #999999; }

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

#inhalt { border-top-width: 1px; border-bottom-width: 1px; border-bottom-color: #7f8ec7; border-right-width: 2px; border-left-width: 2px; border-right-color: #7f8ec7; border-left-color: #7f8ec7; background-image: url(../images/hg_content.jpg); overflow: hidden; border-right-style: solid; border-left-style: solid; border-bottom-style: dashed; padding: 1.5em; }

#inhalt a:link { color: #5a6eb9; text-decoration: none; }

#inhalt a:visited { color: #5a6eb9; text-decoration: none; }

#inhalt a:active { color: #5a6eb9; text-decoration: none; }

#inhalt a:hover { color: #CCCCCC; text-decoration: none; }

#texte_inhalt { }

table { text-align: left; font-size: 1em; }

#bilder { float: right; margin-top: 20px; padding-top: 20px; padding-right: 5px; padding-left: 20px; width: 300px; }

#link { }

#link li { list-style-type: none; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 10px; background-image: url(../images/layout/pfeil.jpg); background-repeat: no-repeat; background-position: 0px center; }

#footer { clear: both; text-align: right; height: 25px; background-color: #F9F9F9; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #7f8ec7; border-bottom-color: #7f8ec7; border-left-color: #7f8ec7; }

#footer ul { font-size: 0.9em; list-style-type: none; margin: 0; padding-top: 0.5em; padding-right: 0; padding-bottom: 0.5em; padding-left: 20px; }

#footer ul li { display: inline; }

#footer ul li { margin: 0 1em 0 0; padding: 0 0 0 8px; text-decoration: none; background: url() 0 center no-repeat;}

/* Error Message */
form span.error { color: #900000; font-size: 10px; }

/* Media */
#media { padding:20px; }

#media h1, { font-weight: bold; font-size: 1em; color: #7F8EC7; padding: 5px 0px 5px 0px;}

#media p { line-height: 140%; }

#media ul { margin: 0 ; }

#media li { line-height: 140%; margin: 0 0 0.2em 0;  }