/*-------------------------------------------------*/
/*Stylesheet zu Der-S.com                          */
/*Mainsheet für IE, FF, Opera, Safari, Chrome, etc.*/
/*(c) by Der-S.com 2009                            */
/*-------------------------------------------------*/

@font-face {	font-family: FontinSans; src: url('FontinSans.otf'); }
body { background:#FFF url('../images/design/background_side.jpg'); font:12px Arial,Verdana,Helvetica,FreeSans,Jamrul,Tahoma,Kalimati,Sans-Serif,Verdana,Arial; line-height:1.5em; letter-spacing:0.1px; color:#343436; }
em { font-style:italic; }
small { font-size:80%; }

/*-----------------*/
/*Abgerundete Ecken*/
/*-----------------*/
#searchbar input,
.imglist,
.galeriepre,
div.tagcloud a,
div.tagcloud a:link,
div.tagcloud a:hover,
div.tagcloud a:visited,
#navigation .selected,
#navigation li:hover,
#navigation li a:link
{ -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }

/*------------*/
/*Verlinkungen*/
/*------------*/
a:link, a:visited { color:#0084D7; text-decoration:none; }
a:hover, a:active { color:#0084D7; text-decoration:underline; cursor:url('../images/cursor_link.gif'), pointer; }

/*---------*/
/*Infoboxen*/
/*---------*/
.redbox { text-align:justify; border:1px solid #EF8989; background-color:#EDCCCC; padding:8px; }
.redbox a:link, .redbox a:visited { color:#343436; border-bottom:1px dotted #343436; text-decoration:none; }
.redbox a:hover { color:#343436; border-bottom:1px solid #343436; text-decoration:none; }
.infobox { text-align:justify; border:1px solid #96DBFA; background-color:#D6EDFA; padding:8px; }
.greenbox { text-align:justify; border:1px solid #449528; background-color:#BBE99F; padding:8px; }
.aboutbox { text-align:justify; border:1px solid #FFD1AF; background-color:#FFF8AF; padding:8px; }
.greybox { text-align:justify; border:1px solid #DDD; background-color:#F6F6F6; padding:8px; }
.greyboy h1, .aboutbox h1, .redbox h1, .infobox h1, .greenbox h1 { font-weight:bold; margin-bottom:8px; }
.simplebox { background-color:#FFF; border:1px solid #DDD; padding:8px; }

#header table, #navigation-div, #header #header-rssfeed, #mainarea { width:923px; margin-left:auto; margin-right:auto; }
#navigation ul { width:700px; }
#google-searchbar { width:223px; float:right; }

/*------*/
/*Header*/
/*------*/
#header { background:#222222 url('../images/design/background.png') center; height:100px; border-bottom:1px solid #BBB; }
#header table td { vertical-align:center; height:100px; }
#header-blog-on { background:transparent url('../images/design/header-blog-on.png') no-repeat; }
#header-blog-off { background:transparent url('../images/design/header-blog-off.png') no-repeat; }
#header-blog-off:hover { background:transparent url('../images/design/header-blog-on.png') no-repeat; }
#header-blog-on img, #header-blog-off img { width:239px; height:82px; }
#header-mycine-on { background:transparent url('../images/design/header-mycine-on.png') no-repeat; }
#header-mycine-off { background:transparent url('../images/design/header-mycine-off.png') no-repeat; }
#header-mycine-off:hover { background:transparent url('../images/design/header-mycine-on.png') no-repeat; }
#header-mycine-on img, #header-mycine-off img { width:317px; height:82px; }
#header-aboutme-on { background:transparent url('../images/design/header-aboutme-on.png') no-repeat; }
#header-aboutme-off { background:transparent url('../images/design/header-aboutme-off.png') no-repeat; }
#header-aboutme-off:hover { background:transparent url('../images/design/header-aboutme-on.png') no-repeat; }
#header-aboutme-on img, #header-aboutme-off img { width:286px; height:82px; }
#header #header-rssfeed img { padding:9px; padding-right:0; margin-right:12px; background:transparent url('../images/design/rssfeed.png') no-repeat bottom right; height:82px; width:112px; float:right; }
#header-skyline { height:100px; padding:0; width:100%; background:transparent url('../images/design/skyline.png') no-repeat bottom center; }

/*----------*/
/*Navigation*/
/*----------*/
#navigation, #navigation ul { height:35px; background-color:#DDD; border-bottom:1px solid #BBB; }
#navigation li { padding:4px 4px 0 4px; height:23px; float:left; border:1px solid #DDD; background-color:#DDD; margin-top:3px; margin-right:4px; }
#navigation li a:link { color:#666; text-decoration:none; font-weight:bold; padding-right:3px; }
#navigation li:hover { color:#444; border:1px solid #BBB; background-color:#FFF; margin-top:3px; }
#navigation .selected { color:#444; text-decoration:none; border:1px solid #BBB; background-color:#FFF; margin-top:3px; }
a.link-navigation:link, a.link-navigation:visited { padding-left:22px; text-decoration:none; margin-left:8px; color:#666; font-weight:bold; }
a.link-mycine-uebersicht:link, a.link-mycine-uebersicht:visited { color:#666; background:url('../images/navigations-icons/mycine-uebersicht-off.png') left center no-repeat; }
a.link-mycine-uebersicht:hover { color:#666; background:url('../images/navigations-icons/mycine-uebersicht-on.png') left center no-repeat; }
a.link-mycine-uebersicht-selected:link, a.link-mycine-uebersicht-selected:visited { color:#666; background:url('../images/navigations-icons/mycine-uebersicht-on.png') left center no-repeat; }
a.link-mycine-screenshots:link, a.link-mycine-screenshots:visited { color:#666; background:url('../images/navigations-icons/mycine-screenshots-off.png') left center no-repeat; }
a.link-mycine-screenshots:hover { color:#666; background:url('../images/navigations-icons/mycine-screenshots-on.png') left center no-repeat; }
a.link-mycine-screenshots-selected:link, a.link-mycine-screenshots-selected:visited { color:#666; background:url('../images/navigations-icons/mycine-screenshots-on.png') left center no-repeat; }
a.link-mycine-faq:link, a.link-mycine-faq:visited { color:#666; background:url('../images/navigations-icons/mycine-faq-off.png') left center no-repeat; }
a.link-mycine-faq:hover { color:#666; background:url('../images/navigations-icons/mycine-faq-on.png') left center no-repeat; }
a.link-mycine-faq-selected:link, a.link-mycine-faq-selected:visited { color:#666; background:url('../images/navigations-icons/mycine-faq-on.png') left center no-repeat; }
a.link-mycine-changelog:link, a.link-mycine-changelog:visited { color:#666; background:url('../images/navigations-icons/mycine-changelog-off.png') left center no-repeat; }
a.link-mycine-changelog:hover { color:#666; background:url('../images/navigations-icons/mycine-changelog-on.png') left center no-repeat; }
a.link-mycine-changelog-selected:link, a.link-mycine-changelog-selected:visited { color:#666; background:url('../images/navigations-icons/mycine-changelog-on.png') left center no-repeat; }
a.link-mycine-todolist:link, a.link-mycine-todolist:visited { color:#666; background:url('../images/navigations-icons/mycine-todolist-off.png') left center no-repeat; }
a.link-mycine-todolist:hover { color:#666; background:url('../images/navigations-icons/mycine-todolist-on.png') left center no-repeat; }
a.link-mycine-todolist-selected:link, a.link-mycine-todolist-selected:visited { color:#666; background:url('../images/navigations-icons/mycine-todolist-on.png') left center no-repeat; }
a.link-mycine-feed:link, a.link-mycine-feed:visited { color:#666; background:url('../images/navigations-icons/mycine-feed-off.png') left center no-repeat; }
a.link-mycine-feed:hover { color:#666; background:url('../images/navigations-icons/mycine-feed-on.png') left center no-repeat; }
a.link-mycine-feed-selected:link, a.link-mycine-feed-selected:visited { color:#666; background:url('../images/navigations-icons/mycine-feed-on.png') left center no-repeat; }
a.link-mycine-donation:link, a.link-mycine-donation:visited { color:#666; background:url('../images/navigations-icons/mycine-donation-off.png') left center no-repeat; }
a.link-mycine-donation:hover { color:#666; background:url('../images/navigations-icons/mycine-donation-on.png') left center no-repeat; }
a.link-mycine-donation-selected:link, a.link-mycine-donation-selected:visited { color:#666; background:url('../images/navigations-icons/mycine-donation-on.png') left center no-repeat; }
a.link-mycine-download:link, a.link-mycine-download:visited { color:#666; background:url('../images/navigations-icons/mycine-download-off.png') left center no-repeat; }
a.link-mycine-download:hover { color:#666; background:url('../images/navigations-icons/mycine-download-on.png') left center no-repeat; }
a.link-mycine-download-selected:link, a.link-mycine-download-selected:visited { color:#666; background:url('../images/navigations-icons/mycine-download-on.png') left center no-repeat; }
a.link-aboutme-uebermich:link, a.link-aboutme-uebermich:visited { color:#666; background:url('../images/navigations-icons/aboutme-uebermich-off.png') left center no-repeat; }
a.link-aboutme-uebermich:hover { color:#666; background:url('../images/navigations-icons/aboutme-uebermich-on.png') left center no-repeat; }
a.link-aboutme-uebermich-selected:link, a.link-aboutme-uebermich-selected:visited { color:#666; background:url('../images/navigations-icons/aboutme-uebermich-on.png') left center no-repeat; }
a.link-aboutme-bildergalerien:link, a.link-aboutme-bildergalerien:visited { color:#666; background:url('../images/navigations-icons/aboutme-bildergalerien-off.png') left center no-repeat; }
a.link-aboutme-bildergalerien:hover { color:#666; background:url('../images/navigations-icons/aboutme-bildergalerien-on.png') left center no-repeat; }
a.link-aboutme-bildergalerien-selected:link, a.link-aboutme-bildergalerien-selected:visited { color:#666; background:url('../images/navigations-icons/aboutme-bildergalerien-on.png') left center no-repeat; }
a.link-aboutme-melive:link, a.link-aboutme-melive:visited { color:#666; background:url('../images/navigations-icons/aboutme-melive-off.png') left center no-repeat; }
a.link-aboutme-melive:hover { color:#666; background:url('../images/navigations-icons/aboutme-melive-on.png') left center no-repeat; }
a.link-aboutme-melive-selected:link, a.link-aboutme-melive-selected:visited { color:#666; background:url('../images/navigations-icons/aboutme-melive-on.png') left center no-repeat; }
a.link-aboutme-favoritebands:link, a.link-aboutme-favoritebands:visited { color:#666; background:url('../images/navigations-icons/aboutme-favoritebands-off.png') left center no-repeat; }
a.link-aboutme-favoritebands:hover { color:#666; background:url('../images/navigations-icons/aboutme-favoritebands-on.png') left center no-repeat; }
a.link-aboutme-favoritebands-selected:link, a.link-aboutme-favoritebands-selected:visited { color:#666; background:url('../images/navigations-icons/aboutme-favoritebands-on.png') left center no-repeat; }
a.link-aboutme-inlove:link, a.link-aboutme-inlove:visited { color:#666; background:url('../images/navigations-icons/aboutme-inlove-off.png') left center no-repeat; }
a.link-aboutme-inlove:hover { color:#666; background:url('../images/navigations-icons/aboutme-inlove-on.png') left center no-repeat; }
a.link-aboutme-inlove-selected:link, a.link-aboutme-inlove-selected:visited { color:#666; background:url('../images/navigations-icons/aboutme-inlove-on.png') left center no-repeat; }
a.link-blog-uebersicht:link, a.link-blog-uebersicht:visited { color:#666; background:url('../images/navigations-icons/blog-uebersicht-off.png') left center no-repeat; }
a.link-blog-uebersicht:hover { color:#666; background:url('../images/navigations-icons/blog-uebersicht-on.png') left center no-repeat; }
a.link-blog-uebersicht-selected:link, a.link-blog-uebersicht-selected:visited { color:#666; background:url('../images/navigations-icons/blog-uebersicht-on.png') left center no-repeat; }
a.link-blog-tagwolke:link, a.link-blog-tagwolke:visited { color:#666; background:url('../images/navigations-icons/blog-tagwolke-off.png') left center no-repeat; }
a.link-blog-tagwolke:hover { color:#666; background:url('../images/navigations-icons/blog-tagwolke-on.png') left center no-repeat; }
a.link-blog-tagwolke-selected:link, a.link-blog-tagwolke-selected:visited { color:#666; background:url('../images/navigations-icons/blog-tagwolke-on.png') left center no-repeat; }
a.link-blog-feed:link, a.link-blog-feed:visited { color:#666; background:url('../images/navigations-icons/blog-feed-off.png') left center no-repeat; }
a.link-blog-feed:hover { color:#666; background:url('../images/navigations-icons/blog-feed-on.png') left center no-repeat; }
a.link-blog-feed-selected:link, a.link-blog-feed-selected:visited { color:#666; background:url('../images/navigations-icons/blog-feed-on.png') left center no-repeat; }
a.link-blog-kategorie:link, a.link-blog-kategorie:visited { color:#666; background:url('../images/navigations-icons/blog-kategorie-off.png') left center no-repeat; }
a.link-blog-kategorie:hover { color:#666; background:url('../images/navigations-icons/blog-kategorie-on.png') left center no-repeat; }
a.link-blog-kategorie-selected:link, a.link-blog-kategorie-selected:visited { color:#666; background:url('../images/navigations-icons/blog-kategorie-on.png') left center no-repeat; }
a.link-blog-eintrag:link, a.link-blog-eintrag:visited { color:#666; background:url('../images/navigations-icons/blog-eintrag-off.png') left center no-repeat; }
a.link-blog-eintrag:hover { color:#666; background:url('../images/navigations-icons/blog-eintrag-on.png') left center no-repeat; }
a.link-blog-eintrag-selected:link, a.link-blog-eintrag-selected:visited { color:#666; background:url('../images/navigations-icons/blog-eintrag-on.png') left center no-repeat; }

/*-------*/
/*Sidebar*/
/*-------*/
#sidebar { padding:12px; vertical-align:top; width:325px; background-color:#F6F6F6; border-left:1px dashed #BBB; border-right:1px dashed #BBB; }
#sidebar p { margin:8px 8px 20px 8px; }
#sidebar form { margin:8px 8px 20px 8px; }
#sidebar-top { background-color:#E6E6E6; height:40px; }

/*-------------*/
/*Content & Co.*/
/*-------------*/
strong { font-weight:bold; }
#mainarea { vertical-align:top; background-color:#FFF; }
#content { padding:12px; border-left:1px dashed #BBB; vertical-align:top; }
#content h1, #sidebar h1, #facebox .body h1 { font-family:FontinSans,Arial; font-size:22px; line-height:1.15; color:#343436; margin:0; margin-bottom:10px; font-size-adjust:0.52; }
#content h1 a:link, #content h1 a:visited, #sidebar h1 a:link, #sidebar h1 a:visited { color:#343436; }
#content h1 a:hover, #sidebar h1 a:hover { color:#343436; }
#sidebar h1 { font-size:16px; font-family:FontinSans,Arial; font-weight:normal; }
.avatar-big { padding:4px; width:531px; }
.bands { padding-right:6px; border:1px solid #DDD; }
#pictureofthemoment img { padding:0; width:306px; margin-left:auto; margin-right:auto; }
#pictureofthemoment div { padding:0; width:306px; margin-left:auto; margin-right:auto; }
#pictureofthemoment a:link, #pictureofthemoment a:visited { color:#343436; }
#avatardess img { padding:0; width:306px; height:306px; margin-left:auto; margin-right:auto; }
#avatardess div { padding:0 6px 0 6px; width:250px; margin-left:auto; margin-right:auto; }
#avataredess a:link { color:#343436; }
div.next-dates { padding-top:6px; padding-bottom:6px; border-top:1px solid #DADADA; }
div.next-dates-first { padding-top:0; border:0; }
div.next-dates-last { padding-bottom:0; }
div.next-dates div { line-height:1em; }
div.next-dates img { border:1px solid #CCC; float:left; width:60px; height:70px; margin-right:6px; margin-top:0; }
.imglist { background-color:#DDD; border:1px solid #CCC; padding:8px; }
.text-cell { width:50%; background-color:#EEE; border:1px solid #CCC; }
.live-flyer { float:left; width:70px; height:90px; margin-right:8px; }
.live-flyer-small { border:1px solid #CCC; float:left; width:50px; height:60px; margin-right:6px; margin-top:0; }
.live-btn { float:right; margin-top:16px; }
.live-btn img { margin:0 8px 12px 8px; width:32px; height:32px; }
#inlove { background:url('../images/lovebg.png') no-repeat center center; height:265px; width:555px; margin-left:auto; margin-right:auto; text-align:center; color:white; font-weight:bold; padding-top:145px; }
.quote { padding:0 45px; background:transparent url('../images/blockquote.gif') no-repeat 0 0; color:#3C3C3C; font-style:italic; }
.hiddenbox { display:none; position:aboslute; top:20px; z-index:999; }
#toggle-minus, #toggle-plus { cursor:url('../images/cursor_link.gif'), pointer; font-weight:bold; padding-left:16px; }
#toggle-minus { background:url('../images/symbol-toggle-minus.png') 0 center no-repeat; }
#toggle-plus { background:url('../images/symbol-toggle-plus.png') 0 center no-repeat; }
.twittericon { background:url('../images/symbol-twitter.png') 2px center no-repeat; padding-left:18px; }
.imageframe { border:1px solid #E6E6E6; }
#searchbar input { width:200px; background:#FFF url('../images/design/searchbar-bg.png') no-repeat center center; border:1px solid #CCC; padding:6px; }
ul.list { display:block; margin-left:45px; padding-bottom:10px; }
ul.list li { padding:3px 0 0 12px; background:url('../images/symbol-list.png') no-repeat 0 5px; }
ul.list li.todo-done { padding:3px 0 0 19px; background:url('../images/symbol-ok.png') no-repeat 0 5px; text-decoration:line-through; }
ul.list li.todo-undone { padding:3px 0 0 19px; background:url('../images/symbol-time.png') no-repeat 0 5px; }
ul.changelog li { background:url('../images/symbol-ok.png') left 3px no-repeat; padding-left:20px; margin-bottom:4px; }
ul.linkedentrys li { background:url('../images/symbol-entry.png') left center no-repeat; padding-left:20px; }
.framedbox-list li { background-color:#FFF; padding:8px 0; padding-left:20px; border-top:1px solid #DADADA; } 
.framedbox-list li a:link, .framedbox-list li a:visited, .framedbox-list li a:hover { color:#343436; }
.blogliste-kategorien li { background:url('../images/symbol-folder.png') left center no-repeat; }
.blogliste-eintraege li { background:url('../images/symbol-entry.png') left center no-repeat; }
.kommentare-gravatar { background:url('../images/design/gravatar-bg.png') no-repeat top left; float:left; width:104px; height:80px; }
.kommentare-gravatar-autor { background:url('../images/design/gravatar-bg-autor.png') no-repeat top left; }
.kommentare-gravatar img { margin-left:9px; margin-top:11px; width:58px; height:58px; }
.kommentare-textbox { margin-left:103px; width:436px; border:1px solid #DDD; background-color:#F6F6F6; padding:8px; margin-bottom:10px; }
.kommentare-textbox-autor { margin-left:103px; width:436px; border:1px solid #FFD1AF; background-color:#FFF8AF; padding:8px; margin-bottom:10px; }
.bildergalerien-preview { background:url('../images/design/gravatar-bg.png') no-repeat top left; float:left; width:104px; height:80px; }
.bildergalerien-preview img { margin-left:9px; margin-top:11px; width:58px; height:58px; }
.bildergalerien-preview div { text-align:center; margin-left:9px; margin-top:11px; width:58px; height:58px; }
.bildergalerien-textbox { margin-left:103px; width:436px; border:1px solid #DDD; background-color:#F6F6F6; padding:8px; margin-bottom:20px; }
.faq-question-icon { background:url('../images/design/faq-question-bg.png') no-repeat top left; float:right; width:104px; height:80px; }
.faq-question-icon img { margin-left:37px; margin-top:11px; width:58px; height:58px; }
.faq-question-textbox { margin-right:103px; width:437px; border:1px solid #DDD; background-color:#F6F6F6; padding:8px; margin-bottom:20px; }
.faq-answer-icon { background:url('../images/design/faq-answer-bg.png') no-repeat top left; float:left; width:104px; height:80px; }
.faq-answer-icon img { margin-left:9px; margin-top:11px; width:58px; height:58px; }
.faq-answer-textbox { margin-left:103px; width:436px; border:1px solid #DDD; background-color:#F6F6F6; padding:8px; margin-bottom:20px; }

/*---------------------------*/
/*Formatierungen für das Blog*/
/*---------------------------*/
.blog-date small, .blog-kategorien small { font-size:88%; }
.blog-date { margin-top:3px; background:url('../images/symbol-date.png') no-repeat 0 2px; padding-left:18px; }
.blog-linked { background:url('../images/symbol-linked.png') no-repeat 0 2px; padding-left:18px; }
.blog-linked-links { padding-left:18px; }
.blog-links { background:url('../images/symbol-links.png') no-repeat 0 2px; padding-left:18px; }
.blog-kategorien { margin-top:9px; background:url('../images/symbol-folder.png') no-repeat 0 2px; padding-left:18px; }
.blog-tags { margin-top:4px; background:url('../images/symbol-tags.png') no-repeat 0 2px; padding-left:18px; }
.blog-kommentare-off { margin-top:5px; background:url('../images/symbol-comment-off.png') no-repeat 0 3px; padding-left:18px; float:right; margin-top:8px; margin-right:4px; }
.blog-kommentare-on { margin-top:5px; background:url('../images/symbol-comment-on.png') no-repeat 0 3px; padding-left:18px; float:right; margin-top:8px; margin-right:4px; }

/*----------------*/
/*Seitennavigation*/
/*----------------*/
#pagination { text-align:center; font-size:105%; margin:0px; }
#pagination a:link, #pagination a:visited, #pagination #activepage { padding:5px; background-color:#FFF; border:1px solid #DADADA; }
#pagination #activepage { font-weight:bold; }

/*------*/
/*Footer*/
/*------*/
#bottom { background-color:#DDD; border-top:1px solid #BBB; height:6px; }
#footer { font-size:11px; padding-top:6px; background:#222222 url('../images/design/background.png') center; height:38px; border-top:1px solid #BBB; text-align:center; color:#8D9999; }
#footer img { height:15px; width:80px; }

/*---------*/
/*ScrollSpy*/
/*---------*/
#gototop { display:none; font-weight:bold; font-size:10px; width:60px; background:url('../images/design/nachoben.gif') 5px -8px no-repeat #E6E6E6; color:#0C6FAE; font-size:11px; text-decoration:none; position:fixed; left:60px; bottom:5px; padding:7px 7px 7px 20px; border:1px dotted #e5e5e5; }
#gototop:hover { text-decoration:underline; }

/*----------*/
/*Thumbnails*/
/*----------*/
ul.thumbs, ul.thumbs li { margin:0; padding:0; list-style:none; background:none; }
ul.thumbs li { float:left; margin:0 0 5px 5px; border:1px solid #CCC; padding:2px; }
ul.thumbs a { display:block; float:left; width:100px; height:100px; line-height:100px; overflow:hidden; position:relative; z-index:1; }
ul.thumbs a img { float:left; position:absolute; top:-20px; left:-30px; }
ul.thumbs a:hover { overflow:visible; z-index:1000; border:none; }
ul.thumbs a:hover img { border:1px solid #CCC; background:#FFF; padding:2px; }
ul.thumbs:after, li.thumbs:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul.thumbs, li.thumbs { display:block; }
ul.thumbs, li.thumbs { min-height:1%; }
* html ul.thumbs, * html li.thumbs { height:1%; }
p.thumb { float:left; margin:.5em 0; margin-right:10px; border:1px solid #CCC; padding:2px; }
p.thumb a { display:block; float:left; width:100px; height:100px; line-height:100px; overflow:hidden; position:relative; z-index:1; } 
p.thumb a img { float:left; position:absolute; top:-20px; left:-50px; }
p.thumb a:hover { overflow:visible; z-index:1; border:none; }
p.thumb a:hover img{ border:1px solid #CCC; background:#FFF; padding:2px; }

/*--------*/
/*Tabboxen*/
/*--------*/
ul.tabbox-navigation { list-style:none; margin:0; padding:0; height:30px; }
ul.tabbox-navigation li { background-color:#F6F6F6; float:left; font-weight:bold; display:inline; z-index:1000; height:30px; }
ul.tabbox-navigation li .selected { z-index:1001; padding:7px; background-color:#FFF; line-height:31px; border-top:3px solid #DDD; height:27px; padding-top:5px; border-bottom:#FFF solid 1px; }
ul.tabbox-navigation li a { color:#444; text-decoration:none; padding:7px; line-height:31px; border:1px solid #DDD; border-right:0; }
div.tabbox .tabbox-div, div.tabbox2 .tabbox-div { background-color:#FFF; padding:6px; border:1px solid #DDD; }

/*-----------------------------------*/
/*Explaination-Box für Formatierungen*/
/*-----------------------------------*/
.explaination { position:relative; color:#0084D7; border-bottom:1px dotted; cursor:help; }
.explaination-box { position:absolute; margin-top:-8px; width:350px; padding:5px; z-index:100; background-color:#F6F6F6; border:1px solid #DADADA; }

/*--------*/
/*Tagwolke*/
/*--------*/
div.tagcloud a { padding:5px; line-height:30px; }
div.tagcloud a:link, div.tagcloud a:hover, div.tagcloud a:visited { color:#FFF; text-decoration:none; }
div.tagcloud a:hover { background-color:#0084D7; }
a.tagcloud1 { background-color:#000; }
a.tagcloud2 { background-color:#111; }
a.tagcloud3 { background-color:#222; }
a.tagcloud4 { background-color:#333; }
a.tagcloud5 { background-color:#444; }
a.tagcloud6 { background-color:#555; }
a.tagcloud7 { background-color:#666; }
a.tagcloud8 { background-color:#777; }
a.tagcloud9 { background-color:#888; }
a.tagcloud10 { background-color:#999; }

/*---------*/
/*Formulare*/
/*---------*/
#form { margin:0; }
#form .desc { vertical-align:top; border-bottom:1px solid #EEE; background-color:#F6F6F6; width:200px; font-weight:bold; text-transform:uppercase; }
#form .opt { border-bottom:1px solid #EEE; background-color:#FFF; font-size:105%; }
#form .input-text, #form .input-textbox { -moz-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; border:1px solid #999; background-color:#FFF; color:#464646; height:22px; padding:3px 3px 0 3px; font-size:13px; }
#form .input-text:hover, #form .input-textbox:hover { color:#000040; cursor:pointer; }
#form .input-textbox { height:300px; }
#form .input-select { -moz-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; border:1px solid #999; background-color:#FFF; color:#464646; height:28px; padding:2px 0 0 10px; font-size:13px; }
#form .input-select:hover { color:#000040; cursor:pointer; }
#form .input-button { -moz-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; border:1px solid #999; background-color:#EEE; color:#464646; padding:8px; font-size:14px; text-align:center; }
#form .input-button:hover { color:#000040; cursor:pointer; }
#form .input-text-name { background:url('../images/symbol-user.png') 5px center no-repeat; padding-left:25px; }
#form .input-text-email { background:url('../images/symbol-email.png') 5px center no-repeat; padding-left:25px; }
#form .input-text-ort { background:url('../images/symbol-world.png') 5px center no-repeat; padding-left:25px; }
#form .input-text-twitter { background:url('../images/symbol-twitter.png') 5px center no-repeat; padding-left:25px; }
#form .input-text-webseite { background:url('../images/symbol-permalink.png') 5px center no-repeat; padding-left:25px; }

/*--------------*/
/*Sexy Bookmarks*/
/*--------------*/
#sexybookmarks { vertical-align:bottom; margin:0; padding:0; position:relative; height:40px; text-align:center; width:540px; margin-left:auto; margin-right:auto; }
#sexybookmarks ul {  position:relative; padding-top:10px; }
#sexybookmarks li { height:29px; width:60px; float:left; padding-top:5px; }
#sexybookmarks a { height:29px; width:60px; padding:0; margin:0; display:block; background:url('../images/design/sexybookmarks.png') no-repeat 0 0; }
#sexybookmarks a.sexybookmarks-twitter { background-position:-490px bottom; }
#sexybookmarks a.sexybookmarks-twitter:hover { background-position:-490px top; }
#sexybookmarks a.sexybookmarks-googlebuzz { background-position:-6160px bottom; }
#sexybookmarks a.sexybookmarks-googlebuzz:hover { background-position:-6160px top; }
#sexybookmarks a.sexybookmarks-facebook { background-position:-1330px bottom; }
#sexybookmarks a.sexybookmarks-facebook:hover { background-position:-1330px top; }
#sexybookmarks a.sexybookmarks-googlereader { background-position:-210px bottom; }
#sexybookmarks a.sexybookmarks-googlereader:hover { background-position:-210px top; }
#sexybookmarks a.sexybookmarks-email { background-position:-350px bottom; }
#sexybookmarks a.sexybookmarks-email:hover { background-position:-350px top; }
#sexybookmarks a.sexybookmarks-linkedin { background-position:-70px bottom; }
#sexybookmarks a.sexybookmarks-linkedin:hover { background-position:-70px top; }
#sexybookmarks a.sexybookmarks-reddit { background-position:-700px bottom; }
#sexybookmarks a.sexybookmarks-reddit:hover { background-position:-700px top; }
#sexybookmarks a.sexybookmarks-delicious { background-position:-1190px bottom; }
#sexybookmarks a.sexybookmarks-delicious:hover { background-position:-1190px top; }
#sexybookmarks a.sexybookmarks-stumbleupon { background-position:-630px bottom; }
#sexybookmarks a.sexybookmarks-stumbleupon:hover { background-position:-630px top; }
#sexybookmarks a.sexybookmarks-rss { background-position:-420px bottom; }
#sexybookmarks a.sexybookmarks-rss:hover { background-position:-420px top; }
#sexybookmarks a.sexybookmarks-stern { background-position:-2100px bottom; }
#sexybookmarks a.sexybookmarks-stern:hover { background-position:-2100px top; }
#sexybookmarks a.sexybookmarks-digg { background-position:-980px bottom; }
#sexybookmarks a.sexybookmarks-digg:hover { background-position:-980px top; }
#sexybookmarks a.sexybookmarks-friendfeed { background-position:-1750px bottom; }
#sexybookmarks a.sexybookmarks-friendfeed:hover { background-position:-1750px top; }
#sexybookmarks a.sexybookmarks-misterwong { background-position:-1400px bottom; }
#sexybookmarks a.sexybookmarks-misterwong:hover { background-position:-1400px top; }
#sexybookmarks a.sexybookmarks-technorati { background-position:-560px bottom; }
#sexybookmarks a.sexybookmarks-technorati:hover { background-position:-560px top; }
#sexybookmarks a.sexybookmarks-blinklist { background-position:-1260px bottom; }
#sexybookmarks a.sexybookmarks-blinklist:hover { background-position:-1260px top; }
#sexybookmarks a.sexybookmarks-netvibes { background-position:-2870px bottom; }
#sexybookmarks a.sexybookmarks-netvibes:hover { background-position:-2870px top; }
#sexybookmarks a.sexybookmarks-hackernews { background-position:-2520px bottom; }
#sexybookmarks a.sexybookmarks-hackernews:hover { background-position:-2520px top; }
#sexybookmarks a.sexybookmarks-windowslive { background-position:-3360px bottom; }
#sexybookmarks a.sexybookmarks-windowslive:hover { background-position:-3360px top; }
#sexybookmarks a.sexybookmarks-posterous { background-position:-3430px bottom; }
#sexybookmarks a.sexybookmarks-posterous:hover { background-position:-3430px top; }

/*---------------*/
/*Social Profiles*/
/*---------------*/
#socialprofiles { clear:both; position:fixed; border:0; margin:0; padding:0; top:200px; }
#socialprofiles a { background:url('../images/design/socialprofiles.png') no-repeat 0 0; display:block; width:32px; height:32px; padding:0; margin:0 0 4px 0;}
#socialprofiles a.socialprofiles-twitter { background-position:0 0; }
#socialprofiles a.socialprofiles-twitter:hover { background-position:0 -32px; }
#socialprofiles a.socialprofiles-youtube { background-position:-32px 0; }
#socialprofiles a.socialprofiles-youtube:hover { background-position:-32px -32px; }
#socialprofiles a.socialprofiles-lastfm { background-position:-64px 0; }
#socialprofiles a.socialprofiles-lastfm:hover { background-position:-64px -32px; }
#socialprofiles a.socialprofiles-rss { background-position:-96px 0; }
#socialprofiles a.socialprofiles-rss:hover { background-position:-96px -32px; }
#socialprofiles a.socialprofiles-flickr { background-position:-128px 0; }
#socialprofiles a.socialprofiles-flickr:hover { background-position:-128px -32px; }
#socialprofiles a.socialprofiles-uboot { background-position:-160px 0; }
#socialprofiles a.socialprofiles-uboot:hover { background-position:-160px -32px; }
#socialprofiles a.socialprofiles-vznet { background-position:-192px 0; }
#socialprofiles a.socialprofiles-vznet:hover { background-position:-192px -32px; }
#socialprofiles a.socialprofiles-amazon { background-position:-224px 0; }
#socialprofiles a.socialprofiles-amazon:hover { background-position:-224px -32px; }
#socialprofiles a.socialprofiles-cosmiq { background-position:-256px 0; }
#socialprofiles a.socialprofiles-cosmiq:hover { background-position:-256px -32px; }
#socialprofiles a.socialprofiles-ebay { background-position:-288px 0; }
#socialprofiles a.socialprofiles-ebay:hover { background-position:-288px -32px; }
#socialprofiles a.socialprofiles-vcard { background-position:-320px 0; }
#socialprofiles a.socialprofiles-vcard:hover { background-position:-320px -32px; }

/*-----------------*/
/*iPhone Checkboxen*/
/*-----------------*/
.iPhoneCheckContainer, .iPhoneCheckContainer label { user-select:none; -moz-user-select:none; -khtml-user-select:none; }
.iPhoneCheckContainer { position:relative; height:27px; cursor:pointer; overflow:hidden; }
.iPhoneCheckContainer input { position:absolute; top:5px; left:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
.iPhoneCheckContainer label { white-space:nowrap; font-size:17px; line-height:17px; font-weight:bold; font-family:Helvetica Neue, Arial, Helvetica, sans-serif; text-transform:uppercase; cursor:pointer; display:block; height:27px; position:absolute; width:auto; top:0; padding-top:5px; overflow:hidden; }
label.iPhoneCheckLabelOn { color:#FFF; background:url('../images/design/iphonecheckboxes-on.png') no-repeat; left:0; padding-top:5px; }
label.iPhoneCheckLabelOn span { padding-left:8px; }
label.iPhoneCheckLabelOff { color:#8B8B8B; background:url('../images/design/iphonecheckboxes-off.png') no-repeat right 0; text-align:right; right:0; }
label.iPhoneCheckLabelOff span { padding-right:8px; }
.iPhoneCheckHandle { display:block; height:27px; cursor:pointer; position:absolute; top:0; left:0; width:0; background:url('../images/design/iphonecheckboxes-slider-left.png') no-repeat; padding-left:3px; }
.iPhoneCheckHandleRight { height:100%; width:100%; padding-right:3px; background:url('../images/design/iphonecheckboxes-slider-right.png') no-repeat right 0; }
.iPhoneCheckHandleCenter { height:100%; width:100%; background:url('..pimages/design/iphonecheckboxes-slider-center.png'); }

/*-------------------------*/
/*myCine-Screenshots Slider*/
/*-------------------------*/
#mycine-screenshots-slider ul, #mycine-screenshots-slider li { margin:0; padding:0; width:555px; list-style:none; }
#mycine-screenshots-slider li { width:555px; height:350px; overflow:hidden; }	
#mycine-screenshots-slider img { width:555px; height:350px; }	
#mycine-screenshots-slider, #nextBtn { width:85px; height:40px; }										
#prevBtn a, #nextBtn a { display:block; width:52px; height:40px; background:url('../images/design/btn-prev-off.png') no-repeat 0 0; text-indent:-8000px; float:left; }	
#nextBtn a { background:url('../images/design/btn-next-off.png') no-repeat 0 0; float:right; }
#prevBtn a:hover { background:url('../images/design/btn-prev-on.png') no-repeat 0 0; }
#nextBtn a:hover { background:url('../images/design/btn-next-on.png') no-repeat 0 0; }

/*-------------*/
/*Teaser Slider*/
/*-------------*/
#teaser-slider ul, #teaser-slider li { margin:0; padding:0; width:555px; list-style:none; }
#teaser-slider li { width:555px; height:250px; overflow:hidden; cursor:url('../images/cursor_link.gif'), pointer; }	
#teaser-slider img { width:555px; height:250px; }	
#teaser-slider { width:85px; height:40px; }		
#teaser-slider li div { padding:206px 3px 3px 3px; color:#FFF; }
#teaser-slider li div a:link, #teaser-slider li div a:visited { font-weight:bold; color:#FFF; text-decoration:none; }
#teaser-slider li div a:hover { font-weight:bold; color:#FFF; text-decoration:underline; }

input, textarea {
   outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
}

input:focus, textarea:focus {
    box-shadow: 0 0 8px rgba(82,168,236,.5);
    -webkit-box-shadow: 0 0 8px rgba(82,168,236,.5); 
    -moz-box-shadow: 0 0 8px rgba(82,168,236,.5); 
}