/*
Theme Name: Uhl-and-Friends
Theme URI: http://www.uhl-and-friends.com/
Description: Uhl-and-Friends
Version: 1.0
Author: Nick Jantschke im Auftrag von UaF
Author URI: http://www.stil-etage.de/
*/
/*
----------------> CSS-RESET <--------------------
*/
* { margin: 0; padding: 0; }
html { }
html, body { height: 100%; background-color:#000; background-image:url(images/hg.jpg); background-repeat: repeat-x; background-position:top center; }
body { font-size: 12px; font-family: Tahoma, Helvetica, sans-serif; color:#fff; }
ul { list-style:none; }
ol { list-style: decimal inside; }
a { outline: none; text-decoration: none; color: #009999; }
a img { border: none; background: none; }
img { vertical-align: middle; outline:none; }
table { border-collapse: collapse; }
/*
----------------> Streifen und Men� <--------------------
*/
#containerst1 { float:left; width:100%; height:auto; background-image:url(images/streifen.jpg); background-repeat:repeat-x; }
#containerst11 { margin: 0 auto ; width:1000px; height:5px;}
#containerst2 { float:left; width:100%; height:auto; background-image:url(images/streifen.jpg); background-repeat:repeat-x; }
#containerst22 { margin: 0 auto ; width:1000px; height:5px;}
#containermen1 { float:left; width:100%; height:auto; background-image: url(images/menuhg.jpg); background-repeat:repeat-x; }
#containermen11 { margin: 0 auto ; width:1000px; height:25px; background-image:url(images/menuhgmain.jpg); background-repeat:no-repeat; background-position:center top; }
/*
----------------> Mainboxen <--------------------
*/
#container1 { float:left; width:100%; height:150px; }
#container11 { margin: 0 auto; width: 1000px; height:150px; background-image:url(images/hgbanner.jpg); background-position:top; background-repeat: no-repeat; }
#container2 { float:left; width:100%; height:auto; margin-top:20px; margin-bottom:20px; }
#container22 { margin: 0 auto; width: 1000px; height:auto; background-image: url(images/hgcn.jpg); background-repeat:repeat-y; }
#container3 { float:left; width:100%; height:auto; background-color:#000000; }
#container33 { margin: 0 auto; width: 1000px; height:300px; background-image:url(images/footer.jpg); background-position:bottom; background-repeat: no-repeat; }
/*
----------------> Formatierungen die nur f�r die Startseite zust�ndig sind. <--------------------
*/
#container222 { float:left; width:100%; height:auto; margin-top:20px; }
#container2222 { margin: 0 auto; width: 1000px; height:auto; }
td { padding:5px; background-color:#000; filter:alpha(opacity=100); -moz-opacity:1.00; -khtml-opacity: 1.00; opacity: 1.00; background:#000; border:#333 1px solid; font-variant:small-caps; }
td:hover { background-color:#000; filter:alpha(opacity=75); -moz-opacity:75; -khtml-opacity: 0.75; opacity: 0.75; background:#000; }
.content2{ float:left; width:1000px; height:auto; padding: 0px 0px 0px 0px; margin-left:0px; }
.contentbox { float:left; width:300px; margin:10px 5px 10px 5px; color:#fff; }
.contentbox li { list-style:none; background-image:url(images/tren.jpg); background-color:#1b2228; margin-bottom:10px; background-position:bottom; background-repeat: no-repeat; padding: 10px 5px 10px 5px; font-weight:normal; font-variant:small-caps; }
.contentbox a{ font-size:12px; color:#fff; }
.contentbox a:hover{ color:#009bc2; background-color:#333333; }
.contentboxmid { float:left; width:300px; margin:10px 40px 10px 40px; color:#666666; }
.contentboxmid li { list-style:none; background-image:url(images/tren.jpg); background-color:#1b2228; margin-bottom:10px; background-position:bottom; background-repeat: no-repeat; padding: 10px 5px 10px 5px; font-weight:normal; font-variant:small-caps; }
.contentboxmid a{ font-size:12px; color:#fff; }
.contentboxmid a:hover{ color:#009bc2; background-color:#333333; }
.vorstell {float: left; width:300px; height:auto; margin-top:195px; margin-left:10px; }
.vorstell p{ float:left; line-height: 1.6em; margin: 0 0 10px 0; color:#fff; font-variant:small-caps; font-size:12px; font-weight: lighter; margin-bottom:5px; padding-bottom:5px; padding:5px; background-color:#000000; }
.vorstell p:hover{ float:left; line-height: 1.6em; margin: 0 0 10px 0; color:#fff; font-variant:small-caps; font-size:12px; font-weight: lighter; margin-bottom:5px; padding-bottom:5px; padding:5px; background-color:#000000; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; background:#000; }
.vorstell1 {float: left; width:980px; height:auto; margin-top:195px; margin-left:10px; }
.vorstell1 p{ float:left; line-height: 1.6em; margin: 0 0 10px 0; color:#fff; font-variant:small-caps; font-size:12px; font-weight: lighter; margin-bottom:5px; padding-bottom:5px; padding:5px; background-color:#000000; }
.vorstell1 p:hover{ float:left; line-height: 1.6em; margin: 0 0 10px 0; color:#fff; font-variant:small-caps; font-size:12px; font-weight: lighter; margin-bottom:5px; padding-bottom:5px; padding:5px; background-color:#000000; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; background:#000; }
.leistung{ float:right; width:600px; height:auto; margin-top:195px; color:#FFFFFF; margin-right:10px; }
.leistung li { float:left; list-style: square; list-style-position:inside; margin-left:10px; font-size:12px; margin-top:10px; color:#fff; width:200px; padding-bottom:10px; }
.leistung a{ color:#fff; }
.flickr { float:left; width:980px; padding:10px; }
.flickrstart { float:left; width:980px; }
.flickrstart img{ float:left; margin:2px; padding:3px; background-color:#FFFFFF; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; background:#fff; }
.flickrstart img:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; background:#fff; }
.logo { float:left; height:68px; width:300px; background-image:url(images/logo.jpg); background-repeat: no-repeat; margin-left:10px; margin-top:10px; }
.btimgstart { padding-bottom:10px; }
/*
----------------> Allgemeine Formatierungen <--------------------
*/
h1 { color:#0092bc; text-transform:uppercase; letter-spacing:2px; font-size:14px; font-weight: lighter; margin-bottom:5px; padding-top:5px; padding-bottom:5px; background-color:#1b2228; }
h2 { color:#fff; text-transform:uppercase; font-size:12px; font-weight:bold; margin-bottom:5px; padding-bottom:5px; }
h3 { font-size:14px; color:#fff; font-weight:bold; text-transform:uppercase; padding-bottom:10px; margin-bottom:10px; background-image:url(images/tren3.jpg); background-repeat: no-repeat; background-position:left bottom; }
h3 a{ color:#00CCCC; }
h4 { background-color:#FBF7EA; border-bottom:#e2e2e2 1px solid; border-top:#e2e2e2 1px solid; width:100%; color:#333; text-transform:uppercase; letter-spacing:2px; font-size:10px; font-weight: lighter; padding:5px; margin-bottom:10px; }
h4 a{ color:#fff; }
p { line-height: 1.6em; margin: 0 0 10px 0; color:#fff;word-spacing:0.1em; }
.titel { float:left; color:#fff; text-transform:uppercase; font-size:14px; font-weight: lighter; margin-bottom:5px; padding-bottom:5px; padding:5px; background-color:#000000; width:auto; }
/*
----------------> Header <--------------------
*/
.menupunkt { font-size:10px; color:#DB6612; font-weight:bold; }
/*
----------------> Men�s <--------------------
*/
.menu { float:left; height:20px; width:1000px; }
.menu li { float:left; font-size:12px; color:#666666; list-style:none; padding:2px 4px 4px 4px; font-weight:normal; text-transform:uppercase; margin-left:10px; line-height:16px; margin-top:2px; }
.menu li:hover { background-image: url(images/hgmenhover.jpg); background-repeat:repeat-x; background-position:center bottom; color:#fff; }
.menu a { color:#ccc; text-decoration:none; }
.menu a:hover { color:#fff; display:block; }
.menu .current_page_item { background-image: url(images/hgmenhover.jpg); background-repeat:repeat-x; background-position:center bottom; color:#fff; }
.menu .current_page_item a { color:#FFFFFF; }
.submenu {  }
.submenu li{ clear:both; list-style:decimal-leading-zero; }
.submenu ul ul li{ margin-left:20px; margin-top:10px; }
.submenu li:hover {  }
.submenu a {  }
.submenu a:hover {  }
/*
----------------> Bilder <--------------------
*/
.bild {float:left; width:1000px; height:470px; background-image:url(images/bild.jpg); background-repeat: no-repeat; background-color:#000000; margin-bottom:10px; }
.bild1 {float:left; width:1000px; height:470px; background-image:url(images/bild1.jpg); background-repeat: no-repeat; background-color:#000000; margin-bottom:10px; }
.bild2 {float:left; width:1000px; height:470px; background-image:url(images/bild2.jpg); background-repeat: no-repeat; background-color:#000000; margin-bottom:10px; }
.bild3 {float:left; width:1000px; height:470px; background-image:url(images/bild3.jpg); background-repeat: no-repeat; background-color:#000000; margin-bottom:10px; }
.bild4 {float:left; width:1000px; height:470px; background-image:url(images/bild4.jpg); background-repeat: no-repeat; background-color:#000000; margin-bottom:10px; }
.bild5 {float:left; width:1000px; height:470px; background-image:url(images/bild5.jpg); background-repeat: no-repeat; background-color:#000000; margin-bottom:10px; }
.bild6 {float:left; width:1000px; height:470px; background-image:url(images/bild6.jpg); background-repeat: no-repeat; background-color:#000000; margin-bottom:10px; }
.bild7 {float:left; width:1000px; height:470px; background-image:url(images/bild7.jpg); background-repeat: no-repeat; background-color:#000000; margin-bottom:10px; }
.bild8 {float:left; width:1000px; height:470px; background-image:url(images/bild8.jpg); background-repeat: no-repeat; background-color:#000000; margin-bottom:10px; }
.bild9 {float:left; width:1000px; height:470px; background-image:url(images/bild9.jpg); background-repeat: no-repeat; background-color:#000000; margin-bottom:10px; }
.bild10 {float:left; width:1000px; height:470px; background-image:url(images/blogbanner.jpg); background-repeat: no-repeat; background-color:#000000; margin-bottom:10px; }
.bild11 {float:left; width:1000px; height:470px; background-image:url(images/bild11.jpg); background-repeat: no-repeat; background-color:#000000; margin-bottom:10px; }
.bild12 {float:left; width:1000px; height:470px; background-image:url(images/bild12.jpg); background-repeat: no-repeat; background-color:#000000; margin-bottom:10px; }
.bild13 {float:left; width:1000px; height:470px; background-image:url(images/bild13.jpg); background-repeat: no-repeat; background-color:#000000; margin-bottom:10px; }
.bild14 {float:left; width:1000px; height:470px; background-image:url(images/bild14.jpg); background-repeat: no-repeat; background-color:#000000; margin-bottom:10px; }
.bild15 {float:left; width:1000px; height:470px; background-image:url(images/bild15.jpg); background-repeat: no-repeat; background-color:#000000; margin-bottom:10px; }
.bild20 {float:left; width:1000px; height:470px; background-image:url(images/bild20.jpg); background-repeat: no-repeat; background-color:#000000; margin-bottom:10px; }
/*
----------------> Content <--------------------
*/
.content{ float:left; width:670px; height:auto; padding: 10px 10px 10px 10px; background-color:#1b2228; color:#fff; background-image:url(images/condown.jpg); background-repeat:no-repeat; background-position:bottom; }
.post li { list-style-image:url(images/lipost.jpg); list-style-position:inherit; margin-left:20px; margin-bottom:10px; }
.post{ float:left; width:660px; height:auto; margin-bottom:10px; }
.date{ padding-bottom:10px; }
.date p{ color:#fff; text-transform:uppercase; letter-spacing:2px; font-size:10px; font-weight: lighter; margin-bottom:5px; }
.tren{ float:left; width:650px; height:1px; background-image:url(images/tren3.jpg); background-repeat: no-repeat; background-color:#000000; margin-bottom:50px; margin-top:20px; background-position:top center; }
.bildblog {float:left; width:1000px; height:100px; background-image:url(images/bildblog.jpg); background-repeat: no-repeat; background-color:#000000; }
.title { float:left; width:100%; }
.searchbox { float:left; width:100%; height:auto; border-bottom:#e2e2e2 1px solid; padding:5px; margin-bottom:20px; }
.alignleft {float:left; }
.alignright{float:right; }
.center { text-align:center; }
.center img{ margin-left:50px; }
.404box { float:left; margin-top:20px; clear:both; }
.navigation{ float:left; background-color:#000; border-bottom:#666 1px solid; border-top:#666 1px solid; width:640px; color:#fff; text-transform:uppercase; letter-spacing:2px; font-size:10px; font-weight: lighter; padding:5px; margin-bottom:10px; }
.navigation a{ color:#fff; }
/*
----------------> Sidebar <--------------------
*/
.sidebar{ float:right; width:280px; height:auto; padding-bottom:20px; background-color:#1b2228; padding:10px; background-image:url(images/sidedown.jpg); background-repeat:no-repeat; background-position:bottom; }
.box { float:left; width:280px; height:auto; margin-bottom:10px; padding-bottom:10px; }
.box li { float:left; list-style:none; list-style-position:inherit; margin-right:5px; padding: 5px 0px 5px 0px; font-weight:normal; text-transform:uppercase; color:#009bc2; }
.box a{ color:#fff; background-color:#000000; padding:3px; text-transform:uppercase; }
.box a:hover{ color:#009bc2; background-color:#000; }
.boxr img{ float:left; margin:5px; padding:3px; background-color:#FFFFFF; width:50px; height:50px; }
.button { width:220px; border:none; padding:4px; font-size:12px; text-transform:uppercase; background-color:#000; color:#fff; }
.button2 { width:auto; margin-left:0px; border:none; padding:3px; background-color:#000; font-size:12px; text-transform:uppercase; color:#fff; cursor:pointer; }
.search { }
.ub { margin-bottom:10px; }
.imagebox { float:left; width:280px; height:auto; margin-bottom:10px; padding-bottom:10px; }
.imagebox li { float:left; list-style:none; list-style-position:inherit; margin-right:5px; padding: 5px 0px 5px 0px; font-weight:normal; text-transform:uppercase; color:#009bc2; }
.rssimg { padding:3px; margin-bottom:5px; margin-top:5px; border-bottom:#1b2228 1px solid; }
.rssimg:hover { border-bottom:#fff 1px solid; }
.twittside { float:left; width:280px; height:auto; margin-bottom:10px; padding-bottom:10px; }
.twittside li { float:left; color:#fff; padding:5px; margin-bottom:10px; background-color:#000000; width:270px; height:auto; }
.tag-link { margin-bottom:5px; }
/*
----------------> Footer <--------------------
*/
.footbox { float:left; width:300px; margin:10px 5px 10px 5px; color:#666666; font-variant:small-caps; }
.footboxmid { float:left; width:300px; margin:10px 40px 10px 40px; color:#666666; font-variant:small-caps; }
.kontakt { float:left; padding:3px; background-color:#FFFFFF; border:#e2e2e2 1px solid; margin-right:10px; }
.kontakt2 p{color:#FFFFFF; line-height: 1.2em; }
.rssimg2 { padding:6px; margin-bottom:5px; margin-top:5px; border-bottom:#000 1px solid; }
.rssimg2:hover { background:none; border-bottom:#fff 1px solid; }

#respond { float:left; }
.txtein1 { width:200px; border:#E2E2E2 solid 1px; padding:2px; font-size:16px; color:#666666; margin-bottom:5px; }
.txtein2 { width:400px; border:#E2E2E2 solid 1px; padding:2px; font-size:16px; color:#666666; margin-bottom:5px; }


.alt { margin: 0; padding: 10px; background-color:#EAF9FD; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; border-bottom:#e2e2e2 1px solid; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }

.commentlist li ul li {} 
.commentlist li {font-weight: bold;}
.commentlist li .avatar { float: right;border: 1px solid #eee;padding: 2px;background: #fff;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;}
#commentform p {}
.commentmetadata {font-weight: normal;}
.odd { background-color:#000000; }
.even  { background-color:#000000; }
.comment-author a{ color:#FFFFFF; }
.comment-meta a{ color:#FFFFFF; border-bottom:dotted 1px #fff; padding-bottom:5px; }