/**
 * lukaspodolski.pl
 *
 * @author Piotr Cichosz aka shpyo
 * @version 1.00 2008/10/19
 */

body,html {
	font: normal 12px arial, Geneva, sans-serif;
	background: #000 url(../images/bg.jpg);
	color: #666;
	margin: 0;
}

/******************************************************************
 * global styles
 */

*:focus { outline: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a.more { background: url(../images/a-more.gif) left no-repeat; color: #06c; padding: 0 0 0 25px; }
img { border: 0; }
input, textarea { color: #666;  border: solid 1px #ccc; padding: 2px; font: normal 12px tahoma, arial, Geneva, sans-serif; }
input.submit { cursor: pointer; border: 0; color: #000; font-weight: bold; background: transparent; }

hr { clear: both; }

.clearUl { margin: 0; padding: 0; list-style: none; }
.clear { clear: both; }
.r { float: right; }
.l { float: left; }
.c { text-align: center; }
.ri { text-align: right; }
.j { text-align: justify; }
.hide { display: none; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 5px 0; clear: both; }

p.msgInfo { font-size: 13px; font-weight: bold; color: #f00; margin: 0; padding: 4px; background: #ffccbf; }
p.error { color: #f00; font-weight: bold; }

/******************************************************************
 *  mainBox
 */
#mainBox { width: 960px; overflow: hidden; margin: auto; }
#topBox { height: 102px; background: url(../images/logo.jpg) no-repeat; }

#menuBox { background: url(../images/bg-menu.gif) repeat-x; height: 50px; clear: both; font: normal 18px arial, "Trebuchet MS", Arial, sans-serif; }
#menuBox ul li a { color: #fff; display: inline-block; width: 90px; float: left; height: 35px; text-align: center; padding: 15px 5px 0 5px; }
#menuBox ul li a:hover, #menuBox ul li a.selected { background: url(../images/bg-menu-on.gif); }

#adsBox { background: #000; margin: 20px 0; padding: 10px 0; }

#mainBox div.newsBox { overflow: hidden; padding: 20px; margin: 0 0 10px 0; line-height: 180%; }
#mainBox div.bayern { background: #244b8c; }
#mainBox div.private { background: #000; }
#mainBox div.koeln { background: #fff; }
#mainBox div.koeln h2.t { color: #000 !important; }
#mainBox div.deuche { background: #920000; }
#mainBox div.newsBox div.newsTop { background: #fff; overflow: hidden; height: 200px; margin: 0 0 10px 0; }
#mainBox div.newsBox div.newsTop div.text { float: left; width: 570px; padding: 5px 20px; }
#mainBox div.newsBox div.newsBottom { width: 280px; padding: 5px 10px; float: left; margin: 0 10px 0 0; background: #fff; height: 190px; overflow: hidden; }
#mainBox div.newsBox div.newsBottom img { float: left; padding: 0 5px 0 0; }
#mainBox div.newsBox div.newsBottom p { margin: 0; padding: 0; font-size: 11px; line-height: 150%; }
#mainBox div.newsBox div.last { float: right; margin: 0; }
#mainBox h2.t { color: #fff; margin: 0 0 10px 0; padding: 0; font-size: 16px; }

#contentBox { background: #214580; overflow: hidden; padding: 20px; margin-bottom: 20px; height: 1%; }
#contentBox h1 { font-weight: normal; color: #fff; font-size: 20px; }
#contentBox div.wrapper { background: #fff; border: solid 1px #e5e5e5; padding: 0 30px; overflow: hidden; }
#contentBox div.wrapper div.text { float: left; width: 530px; line-height: 180%; }
#contentBox div.wrapper div.text a { color: #930000; text-decoration: underline; }
#contentBox div.wrapper div.text a:hover { text-decoration: none; }
#contentBox div.wrapper div.text img { padding: 0 5px; }
#contentBox div.wrapper div.text h2 { font-weight: normal; padding: 10px 0 0 0; color: #930000; font-size: 20px; }
#contentBox div.wrapper div.text p.lead { font-weight: bold; }
#contentBox div.wrapper div.sub { float: right; width: 300px; }
#contentBox div.wrapper div.sub h3 { font-weight: normal; padding: 10px 0 10px 0; color: #bfbfbf; font-size: 20px; }
#contentBox div.wrapper div.sub h3.links { margin-top: 30px; }
#contentBox div.wrapper div.sub a { color: #135fbc; }
#contentBox div.wrapper div.sub ul li { padding: 4px 1px; border-bottom: solid 1px #e5e5e5; }
#contentBox div.wrapper div.sub ul.links li { border: 0; }

#contentBox table.video { width: 100%; }
#contentBox table.video th.lp { width: 30px; }
#contentBox table.video th.video { width: 130px; }
#contentBox table.video th.title { text-align: left; }
#contentBox table.video td { vertical-align: top; }

/* Comments*/
.commentlist { margin: 0; padding: 0; }
.commentlist cite { font-style:normal; margin-bottom:4px; display:block; }	
.commentlist blockquote { background:#ededed; }
.commentlist li { padding: 10px 0; list-style: none; }
.commenttext { padding: 10px 10px 0px 10px; background:#f2f2f2; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; }
.commentlist cite strong { color: #3c78a7; }
#commentform small { background:#fff; font-weight:bold; padding:0; }
.commentmetadata { color:#4d4d4d; display: block; margin-top:3px; text-align:right; }
.commentlist small { background:#e9e9e9; }
#comment { width:530px; background:#fff; }

#buttonsBox { background: #000; overflow: hidden; padding: 20px 10px; }
#buttonsBox ul.buttons li { float: left; padding: 3px 20px; border-right: solid 1px #333; }
#buttonsBox ul.links { float: right; margin: 0 10px 0 0; }
#buttonsBox ul.links li { border-bottom: solid 1px #333; width: 215px; padding: 2px 0; }
#buttonsBox ul.links li a { color: #bfbfbf; }
#buttonsBox ul.links li a:hover { text-decoration: none; }
#buttonsBox ul.links li a span { color: #930000; }

#footerBox { padding: 5px; clear: both; text-align: center; margin: 5px 0; }