body { color: #fff; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; line-height:18px; background:#0d2333; padding:20px; margin:0; text-align:center}

h1 { font-size:18px; color:#0d2333; padding:0; margin:0 0 18px 0;  font-weight:normal; }
h2 { font-size:12px; color:#0d2333; padding:10px 0 10px 0; margin:0 0 4px 0; font-weight:bold; }
h3 { font-size:12px; color:#0d2333; padding:10px 0 10px 0; margin:0 0 4px 0; font-weight:bold; }
h4 { font-size:14px; color:#fff; background-color:#d62525; padding:8px 5px; margin:0 0 4px 0; font-weight:normal; }
h5 { padding:0; margin:0; }

a	{ color:#0d2333; font-weight:normal; text-decoration:none; outline:none; }
a:hover { color:#fff; }

table { font-size:12px; font-family: Arial, Verdana, Helvetica, sans-serif; width:100%; border-collapse:collapse; table-layout:fixed}
td { vertical-align: top; text-align: left; padding:2px;} 
img { border:0; margin:0;  }
.clear { clear:both; height:0; }
.success { padding:10px; background-color:#FFCC00;} 
.error { background:#a1c4e4 ; border:1px solid #CC0000; border-width:1px 0; font-weight:bold; padding:8px 5px; margin-bottom:10px; font-size:11px; } 
.webdesign { float:right; }
.print { display:none }
.coloredRed { color:#CC0000; font-weight:bold; } 
.coloredYellow { color:#fedb2d; } 
.colored { color:#0d2333; font-weight:bold; } 
.colorednorm { color:#0d2333;  } 
hr { clear:both; height:1px; border:1px solid #fff; border-width:0 0 1px 0; color:#fff; margin:18px 0; }

.fullBg {
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

#mainContent {
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 5000;
	width: 100%;
	}

#container { width:927px; padding:0 0 0 60px; margin:0 auto; background:transparent url(/templates/co-nachtderbibliotheken/images/freitag.gif) 0 17px no-repeat; text-align:left;}

#rahmen { width:887px; padding:0; margin:0; background:#618aaf url(/templates/co-nachtderbibliotheken/images/bgRahmen.gif) repeat-y; border:10px solid #fff; border-width:0 20px 20px 20px; }

#header	 { padding:0; height: 40px;  background:#fff; color:#fff; font-size:30px; font-family: Calibri, Arial, Verdana, Helvetica, sans-serif;  } 

#middle { height:34px; background-color:#fff; padding:0 0 0 20px; border:1px solid #fff; border-width:0 0 1px 0; }

.sponsoren { padding-top:4px;   }
.sponsoren img.last { margin-right:0; }

.optionen { float:right; padding:10px 10px 0 30px; font-size:11px; width:311px; color:#fff ; text-align:right; }
.optionen a { color:#f18c48 }
.optionen a:hover { text-decoration:underline;  }
.optionen a.onOption { color:#888888 }
.optionen img { vertical-align:middle; } 

.breadcrump { float:left; color:#bbbbbb; font-size:11px; padding:10px 10px 0 0; }
.breadcrump a { color:#f18c48; }
.breadcrump a:hover { text-decoration:underline;  }

#menuMain { height: 30px; }
#menuMain ul { padding:0; margin:0; list-style-type:none; }
#menuMain ul li { display:inline; }
#menuMain ul li a { display:block; float:left; padding:10px 20px 0 20px; line-height:20px; margin:0; color:#618aaf; font-size:13px; border-left:1px solid #0d2333; font-weight:bold; }
#menuMain ul li a:hover { color:#0d2333;  }
#menuMain ul li a.onkat { color:#0d2333; }
#menuMain ul li a#last { border-right:1px solid #0d2333;}
#menuSocial { float:right; width:175px; padding-top:10px;  }

#subnavigation {  float:right; width:261px; background:#618aaf; padding:0 0 100px 0; margin: 0; font-size:12px;color:#0d2333; }
#subnavigation .bgPoster { border-bottom:10px solid #fff; }
#subnavigation .text { padding: 20px; }

.events { padding: 0 20px; }
.eventsInput { float:right; width:150px; }
.events input { width:100px; background:#fff; color:#0d2333}
.eventsSite { padding: 0 0 20px 0; width:230px; }
.eventsSite input { width:100px; background:#fff; color:#0d2333}
input.submitbuttonsmall { background:#0d2333 url(/templates/co-nachtderbibliotheken/images/arrow-right.png) no-repeat 3px 1px; padding:0;  font-weight:normal; width:24px; height:24px; color:#fff; margin:2px 0 0 0; border:none; vertical-align:top; font-size:11px; text-align:left; }
input.submitbuttonsmall:hover	{  background-color: #888888; }

.box_member { padding: 0 20px; }
.box_member input { width:100px; color:#aaaaaa;}
input.submitbuttonsmall { background:#0d2333 url(/templates/co-nachtderbibliotheken/images/arrow-right.png) no-repeat 3px 1px; padding:0;  font-weight:normal; width:24px; height:24px; color:#fff; margin:2px 0 0 0; border:none; vertical-align:top; font-size:11px; text-align:left; }
input.submitbuttonsmall:hover	{  background-color: #888888; }

.oneImage { float:right; margin: 0 0 20px 20px; }

ul.presseDownloads { clear:both; padding:0; margin:0; list-style-type:none; }
ul.presseDownloads li { float:left; width:175px; padding:0 0 10px 0; margin:0 3px 20px 0; font-size:12px; line-height:18px; }

ul.werbemittel { clear:both; padding:0; margin:0; list-style-type:none; }
ul.werbemittel li { float:left; width:250px; padding:0 0 10px 0; margin:0 3px 20px 0; font-size:12px; line-height:18px; }
ul.werbemittel li img { float:left; margin:0 10px 0 0; width:100px; }

#content { float:left; width:550px; margin:0; padding:30px 36px 30px 30px; line-height:160%; font-size:12px; border-right:10px solid #fff; } 
.boxExtra { clear:both; padding:18px 0; border:1px dotted #fff; border-width:1px 0; }
.boxLogin { clear:both; padding:20px; border:1px solid #fff; border-width:1px;}
.boxLogin2 { clear:both; width:535px; padding:15px; border:1px solid #fff; border-width:1px;}

#footer { clear:both; width:827px; margin:0; padding:10px 50px; text-align:left; font-size:12px; color:#fff; line-height:24px; }
#footer a { padding:0 6px; color:#fff;  }
#footer img { vertical-align:middle; margin-right:5px;  }

#formular { clear:both; padding:5px 20px; background:none; border:1px solid #fff; border-width: 0;  }
#formular #colored { border:3px solid #88ba14; }
#formular table { width:100%; border-collapse:collapse; table-layout:fixed }
#formular td { padding:0; border-bottom:1px solid transparent; }
#formular td.first { width:120px; padding:3px 0; border-right:1px solid #fff; border-bottom:10px solid transparent; }
#formular td.needed { width:120px; padding:3px 10px; color:#fff }
#formular td.wert { padding:0 5px 0 10px; border-bottom:10px solid transparent;}
#formular td.textarea { font-size:11px; text-align:left; padding:0 5px 0 10px; }
#formular td.text { padding:5px 10px; }

input { padding: 3px; font-size: 13px; margin:2px 4px 2px 0; vertical-align:middle; width:300px; border:1px solid #0d2333; background:#fff; }
input.short { width:235px; }
input.very_short { width:50px; }
textarea { padding: 3px 3px; font-size: 13px; margin:2px 4px 2px 0; vertical-align:middle; width:300px; font-family: Arial, Helvetica, sans-serif; border:1px solid #0d2333; color:#0d2333; }
select { padding: 3px; font-size: 13px; padding:0; margin:2px 4px 2px 0; background-color:#dddddd;  }
select#dropdown { background-color:#fff; border:1px solid #dddddd; width:308px; padding: 3px;border:1px solid #0d2333;  }
input.radiobutton { padding:3px; margin:2px 4px 2px 0; width:20px; border:none; }
input.checkboxbutton { padding:3px; margin:2px 4px 2px 0; width:20px; border:none; }
input.submitbutton { background-color: #0d2333; padding:4px 60px 4px 10px;  font-weight:bold; font-size:12px; width:130px; color:#fff; margin:0 10px 0 120px; border:none; vertical-align:top}
input.submitbutton:hover	{  background-color: #888888; }
input.submitbuttonLogin { background-color: #0d2333; padding:4px 10px 4px 10px;  font-weight:bold; font-size:12px; width:80px; color:#fff; margin:10px 10px 0 140px; border:none; vertical-align:top}
input.submitbuttonLogin:hover	{  background-color: #888888; }

/*Form Validation */
#formular table .invalidInput,.validInput { display:inline; padding:0px; }
#formular table .invalidInput input { background-color:#fff; }
#formular table .invalidInput select { background-color:#fff; }
#formular table .validInput input { background-color:#fff; }
#formular table .validInput select { background-color:#fff; }

/*Content Imagepool*/
.image { float:right; padding:20px 0 10px 20px; }

#list_linedrop ul { padding:0;  margin:0 0 10px 0;  list-style-type: none; }
#list_linedrop li { line-height:18px; margin-bottom:0px; padding:5px 0; border-bottom:1px dashed #0d2333; }
#list_linedrop li.firstline { color:#0d2333; font-weight:bold; border-bottom:1px solid #0d2333; }

/* Events */
#list_events ul { padding:0;  margin:0 0 10px 0;  list-style-type: none; border-top:1px solid #fff; }
#list_events li { margin-bottom:0px; padding:10px 0; border-bottom:1px solid #fff; }

/*EvevntCities*/
#EventCities ul { padding:0; margin:0;  list-style-type:none; border:none; }
#EventCities li { padding:0 ; line-height:22px; border:1px dotted #fff; border-width: 0 0 1px 0; }
#EventCities li.headline { color:#0d2333; font-weight:bold; border:1px solid #fff; border-width: 0 0 1px 0; }
#EventCities li div { float:right; }

/*Imagepool*/
#box_imagepool { clear:both; padding:0;}
#box_imagepool ul { padding:0; margin:0; list-style-type:none; }
#box_imagepool li { display:inline; font-size:11px; text-transform:uppercase; }
#box_imagepool li a { display:block; float:left; padding:0;  width:160px; height:80px; margin: 0 10px 10px 0; font-size:11px; color:#fff; border:5px solid #a1c4e4; background-color:#a1c4e4; background-repeat:no-repeat; background-position: 0; }
#box_imagepool li a:hover { border-color:#fff; }

/*Content Downloads*/
.downloads { clear:both; margin:20px 0 0 0; padding:1px; border:1px solid #eeeeee; }
.downloads ul { padding:0; margin:0; list-style-type:none; }
.downloads li { padding:0 10px; line-height:24px; font-size:11px; background-color:#dddddd; border-bottom:1px solid #fff; }

/*Content Untermenü*/
ul#submenu { padding:0; margin:0; list-style-type:none;  }
ul#submenu li { clear:both; padding:5px 0; border:none; border:none; background:none; border:1px solid #fff; border-width:0; }
ul#submenu li img { float:right; margin:4px 0 20px 20px; border:1px solid #fff; }
ul#submenu li .imgSub {display:none; }
ul#submenu li .text { float:right; width:390px; }
ul#submenu li .title {  font-weight:bold;  padding:0;  }
ul#submenu li .title a {  font-weight:bold;  }
ul#submenu li p { padding:0; margin:0; }

/*News*/
ul#latest { padding:20px 0 0 0; margin:0; list-style-type:none; }
ul#latest li { padding:0 0 20px 0; line-height:20px;  }
ul#latest li img { float:right; margin:2px 0 14px 14px; }
ul#latest li .date { font-size:11px; font-weight:bold;  }
ul#latest li .title { font-size:14px; font-weight:bold; color:#328925; padding:5px 0 5px 0;  }
ul#latest li p { padding:0; margin:0; }

ul#newsarchiv { padding: 20px 0 0 0; margin:0; list-style-type:none; }
ul#newsarchiv li { padding:0; line-height:24px; border:1px solid #cccccc; border-width:0 0 1px 0 }
ul#newsarchiv li .date { float:left; width:100px;  }
ul#newsarchiv li .title { font-size:14px; font-weight:bold; color:#328925; padding:0;  }

ul#newsarchiv { padding: 10px 0 0 0; margin:0; list-style-type:none; }
ul#newsarchiv li { clear:both; padding:4px 0 0 0; border:1px solid #cee1af; border-width:1px 0; margin:0 0 4px 0;  }
ul#newsarchiv li .date { float:left; width:30px; font-size:12px; color:#888888;  }
ul#newsarchiv li .title { float:right; width:470px; font-size:12px; color:#888888; padding:0;  }

ul#newsticker { padding: 20px 0 0 0; margin:0; list-style-type:none; }
ul#newsticker li { clear:both; padding:4px 0 0 0; border:1px solid #cee1af; border-width:1px 0; margin:0 0 4px 0;  }
ul#newsticker li .date { float:left; width:80px; font-size:12px; color:#888888;  }
ul#newsticker li .title { float:right; width:420px; font-size:12px; color:#888888; padding:0;  }

.werbeDownloads ul { padding:0; margin:0; list-style-type:none; }
.werbeDownloads li { width:175px; float:left; padding:0px 1px; 0px 0px; }