/*  
Theme Name: youthcode.bopki.com
Theme URI: http://youthcode.bopki.com
Description: Theme für ein bopki Seeding Projekt
Version: 1.0
Author: Alexander Ridler
Author URI: http://www.trnd.com
*/

#grey, #grey a, #grey h2
{
	color: #A5A5A5 !important;
	border: #A5A5A5 !important;
}

*
{
	margin: 0px;
	padding: 0px;
}

body, .bodyhome
{
	margin: 0px;
	padding: 0px;
	background: #000;
	font-family: "Lucida Grande", 'Arial', sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000;
}

.bodywrap
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 100%;
	background: URL('images/bodywrap_bg.jpg') center top no-repeat;
}

/*-------------------------------------------------------------------------------------------------*/
/* Container | Struktur */

.site
{
	margin: 0px auto 0px auto;
	padding: 0px 0px 25px 0px;
	width: 820px;
}

.header
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 820px;
	height:326px;
	background-image: URL('images/header_bg.jpg');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: transparent;
}

.blognavigation
{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	display: block;
	height: 35px;
	list-style-type: none;
	position: relative;
	top: 274px;
}

.produktlink
{
	display: block;
	width: 200px;
	height: 90px;
	background: transparent;
	position: absolute;
	top: 59px;
	text-decoration: none;
	border: none;
}

.wide
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 820px;
	float: left;
	background-color: #fff;
}

* html .wide
{
	margin: 0px 0px 0px 10px;
}

.content
{
	margin: 40px 0px 30px 20px;
	padding: 0px;
	width: 560px;
	float: left;
}

* html .content
{
	margin: 40px 0px 30px 10px !important;
}

.fotoalbum
{
	margin: 40px 0px 30px 20px;
	padding: 0px;
	width: 780px;
}

.sidebar
{
	margin: 40px 20px 30px 0px;
	padding: 0px 0px 0px 0px;
	width: 180px;
	float: right;
}

* html .sidebar
{
	margin: 20px 10px 30px 0px; !important;
}

.footer
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 820px;
	height: 25px;
	clear: both;
	background: URL('images/footer_bg.jpg') center top repeat-x;
}

.page, .post, .entry, .entryarrow
{
	margin: 0px;
	padding: 0px;
}

/*-------------------------------------------------------------------------------------------------*/
/* Container | Inhalt */

.post
{
	position: relative;
	margin: 0px;
	width: 100%;
	background-image: URL('images/post_bg.gif');
	background-position: 0px bottom;
	background-repeat: no-repeat;
	overflow: hidden;
}

.entry, .entryarrow
{
	width: 100%;
	background-image: URL('images/entry_bg.gif');
	background-position: 0px top;
	background-repeat: no-repeat;
}

.entryarrow
{
	background-image: URL('images/entryarrow_bg.gif');
}

.nummer
{
	overflow: hidden;
	position: absolute;
	top: 10px;
	left: -10px;
	z-index: 3;
	margin: 0px;
	padding: 0px;
	font-size: 110px;
	width: 90px !important;
	height: 80px;
	font-weight: bold;
	color: #E9ECEE;
	line-height: 80px;
}

.entryarrow .nummer
{
	margin-top: 25px;
}

.messagemeta
{
	margin: 0px;
	padding: 0px;
	width: 150px;
	float: left;
	overflow: hidden;
}

.entryarrow .messagemeta, .entryarrow .message
{
	margin-top: 25px !important;
}

.message
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: block;
	width: 400px;
	float: right;
}

.messagecontent
{
	margin: 20px 20px 20px 0px;
}

.messagemetacontent
{
	z-index: 5;
	position: relative;
	margin: 20px 0px 0px 20px;
	padding: 0px 0px 20px 0px;
}

/*-------------------------------------------------------------------------------------------------*/
/* Elemente Testablauf */

.post h1, .post h1 a, .post h1:link, .post h1:visited
{
	margin: 15px 0px 10px 0px;
	padding: 0px;
	font-size: 30px !important;
	font-weight: bold;
	line-height: 30px;
	letter-spacing: -2px;
	text-decoration: none;
	color: #000;
	border: none !important;
}

.post h1 a:active, .post h1 a:hover, .post h1 a:focus
{
	color: #7DADF3;
}

.post h2, .post h2 a, .post h2:link, .post h2:visited,
.messagemeta h2 a, .messagemeta h2 a:link, .messagemeta h2 a:visited
{
	margin: 15px 0px 5px 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	text-decoration: none;
	color: #25509A;
	border: none;
}

.post h2 a:active, .post h2 a:hover, .post h2 a:focus,
.messagemeta h2 a:active, .messagemeta h2 a:hover, .messagemeta h2 a:focus
{
	color: #7DADF3;
}

.post p
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	text-align: left;
}

.post p a, .post p a:link, .post p a:visited,
.post a, .post a:link, .post a:visited
{
	font-size: 12px;
	text-decoration: none;
	color: #000;
	font-weight: normal;
	border-bottom: 1px dotted #A2A2A2;
}

.post p a:hover, .post p a:active, .post p a:focus,
.post a:hover, .post a:active, .post a:focus
{
	color: #7DADF3;
}

.backbutton, .backbutton:link, .backbutton:visited
{
	display: block;
	margin: 0px 0px 5px 20px !important;
	font-size: 12px;
	text-decoration: none;
	color: #25509A;
	font-weight: bold;
}

.backbutton:active, .backbutton:hover, .backbutton:focus
{
	color: #7DADF3;
}

.kommentarelink, .kommentarelink:link, .kommentarelink:visited
{
	margin: 0px;
	font-size: 10px !important;
	text-decoration: none;
	color: #000;
	font-weight: normal !important;
}

.kommentarelink:active, .kommentarelink:hover, .kommentarelink:focus
{
	
}

/*-------------------------------------------------------------------------------------------------*/
/* Elemente Projektinfos */

/* trnd Produkt-Test - Headline */
.page h4
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	line-height: 11px;
	letter-spacing: -0.01em;
}

.page h1
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
	letter-spacing: -2px;
}

.page h2
{
	margin: 22px 0px 10px 0px;
	padding: 0px;
	font-size: 22px;
	font-weight: bold;
	line-height: 22px;
	letter-spacing: -1px;
}

.page h5
{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
}

.page p
{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	text-align: left;
}

.page p a, .page p a:link, .page p a:visited
{
	text-decoration: none;
	color: #000;
	font-weight: bold;
	border-bottom: 1px dotted #000;
}

.page p a:hover, .page p a:active, .page p a:focus
{
	color: #ff3abe;
	border-bottom: 1px dotted #ff3abe;
}

.page ul, .page ol
{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-decoration: none;
	list-style-type: none;
	list-style-position: outside;
}

.page li
{
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 18px;
	background-image: URL('images/li_bg.gif');
	background-position: 0px 5px;
	background-repeat: no-repeat;
}

.page li.right
{
	margin-left: 178px;
}

.page ul ul, .postmessage ol ol
{
	margin: 10px 0px 0px 7px;
	padding: 0px;
}


.breitekiste
{
	margin: 10px 0px 25px 0px;
	padding: 0px;
	background-image: URL('images/breitekiste02.gif');
	background-position: 0px bottom;
	background-repeat: no-repeat;
}

.breitekiste .inhalt
{
	margin: 0px;
	padding: 20px;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	text-decoration: none;
	background-image: URL('images/breitekiste01.gif');
	background-repeat: no-repeat;
	background-position: top center;
}

.breitekiste ul
{
	margin: 0px;
	padding: 20px 0px 10px 20px;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-decoration: none;
	list-style-type: none;
	list-style-position: outside;
}

.breitekiste li
{
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 18px;
	background-image: URL('images/li_bg.gif');
	background-position: 0px 4px;
	background-repeat: no-repeat;
}

.alignright
{
	margin: 5px 0px 0px 10px !important;
	padding: 0px;
	float: right;
	border: none !important;
}

.alignleft
{
	margin: 0px 20px 15px 0px !important;
	padding: 0px;
	float: left;
	border: none !important;
}

/*-------------------------------------------------------------------------------------------------*/
/* Elemente Sidebar */

.sidebar h4
{
	margin: 0px 0px 3px 0px;
	padding: 0px;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	color: #000;
}

.sidebar p
{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 10px;
	font-weight: normal;
	line-height: 13px;
	color: #000;
}

.linklist, .reccentcommentlist
{
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	font-weight: normal;
	line-height: 13px;
	text-decoration: none;
	list-style-type: none;
	list-style-position: outside;
}

.linklist li, .reccentcommentlist li
{
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}

.linklist a, .linklist a:link, .linklist a:visited,
.reccentcommentlist a, .reccentcommentlist a:link, .reccentcommentlist a:visited
{
	text-decoration: none;
	color: #7a7a7a;
	border: none;
}

.linklist a:active, .linklist a:hover, .linklist a:focus,
.reccentcommentlist a:active, .reccentcommentlist a:hover, .reccentcommentlist a:focus
{
	color: #000;
}

/*-------------------------------------------------------------------------------------------------*/
/* Elemente Navigation */

.blognavigation li
{
	margin: 0px 10px 0px 0px;
	padding: 0px;
	display: block;
	float: left;
}

.blognavigation li a, .blognavigation li a:link, .blognavigation li a:visited
{
	margin: 0px;
	padding: 0px;
	display: block;
	width: 135px;
	height: 35px;
	float: left;
	font-family: 'Arial', 'Tahoma', sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	line-height: 35px;
	text-decoration: none;
	color: #FFF;
	background: URL('images/blognav_bg.jpg') 0px bottom no-repeat;
}

.blognavigation li a:active, .blognavigation li a:hover, .blognavigation li a:focus
{
	background-position: 0px center;
}

.blognavigation li.current_page_item a, .blognavigation li.current_page_item a:link, .blognavigation li.current_page_item a:visited
{
	background-position: 0px top;
}

.blognavigation li.current_page_item a:hover, .blognavigation li.current_page_item a:active, .blognavigation li.current_page_item a:focus
{
}

/*-------------------------------------------------------------------------------------------------*/
/* Elemente Footer */

.footer p
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-family: 'Arial', 'Tahoma', sans-serif;
	font-size: 10px;
	line-height: 25px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	color: #fff;
}

.footer a, .footer a:link, .footer a:visited
{
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #fff;
}

.footer a:hover, .footer a:active, .footer a:focus
{
	color: #ff3abe;
}

/*-------------------------------------------------------------------------------------------------*/
/* Elemente Kommentare */

.comment
{
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 20px;
	width: 520px;
	clear: both;
}

.commentlist
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 520px;
	clear: both;
	list-style-type: none;
	list-style-position: outside;
}

.info
{
	margin: 35px 0px 10px 0px;
	padding: 0px 0px 0px 20px;
	width: 520px;
	clear: both;
}

.postmeta, .commentmeta, .infometa
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 140px;
	float: left;
}

.commentmessage, .authorcomment, .infomessage
{
	margin: 0px;
	padding: 0px;
	width: 380px;
	float: right;
}

.postlink
{
	margin: 0px;
	padding: 0px 0px 0px 156px;
	width: 380px;
	clear: both;
}

.authorcomment
{
	margin: 0px;
	padding: 10px 10px 5px 10px;
	width: 358px;
	background-color: #f6f6f6;
	border: 1px solid #c2cdd6;
}

.commentmeta p
{
	margin: 0px 10px 0px 0px;
	padding: 0px;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	line-height: 14px;
	text-decoration: none;
	color: #000;
}

.commentmeta a, .commentmeta a:link, .commentmeta a:visited
{
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	text-decoration: none;
	color: #203D79;
}

.commentmeta a:active, .commentmeta a:hover, .commentmeta a:focus
{
	color: #6277A1;
}

.commentmessage p, .authorcomment p
{
	margin: 0px 0px 7px 0px;
	padding: 0px;
	font-family: 'Arial', 'Tahoma', sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	line-height: 16px;
	text-decoration: none;
	color: #414141;
	overflow: hidden;
}

.authorcomment p
{
	color: #000;
}

.commentmessage ul, .commentmessage ol, .authorcomment ul, .authorcomment ol
{
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	font-family: 'Arial', 'Tahoma', sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	line-height: 15px;
	text-decoration: none;
	color: #000;
	list-style-type: none;
	list-style-position: outside;
}

.commentmessage li, .authorcomment li
{
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 12px;
	background-image: URL('images/li_bg.gif');
	background-position: 0px 3px;
	background-repeat: no-repeat;
}

.commentmessage ul ul, .commentmessage ol ol, .authorcomment ul ul, .authorcomment ol ol
{
	margin: 10px 0px 0px 7px;
	padding: 0px;
}

.commentmessage a, .commentmessage a:link, .commentmessage a:visited,
.authorcomment a, .authorcomment a:link, .authorcomment a:visited,
.more-link, .more-link:link, .more-link:visited
{
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #203D79;
	border-bottom: 1px dotted #203D79;
}

.commentmessage a:active, .commentmessage a:hover, .commentmessage a:focus,
.authorcomment a:active, .authorcomment a:hover, .authorcomment a:focus,
.more-link:active, .more-link:hover, .more-link:focus
{
	color: #6277A1;
	border-bottom: 1px dotted #6277A1;
}

.infometa p
{
	margin: 0px 10px 0px 0px;
	padding: 0px;
	font-family: 'Arial', 'Tahoma', sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	line-height: 15px;
	text-decoration: none;
	color: #000;
}

.infomessage h3, .infomessage p
{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-family: 'Arial', 'Tahoma', sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	line-height: 15px;
	text-decoration: none;
	color: #000;
}

.infomessage a, .infomessage a:link, .infomessage a:visited
{
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

.infomessage a:active, .infomessage a:hover, .infomessage a:focus
{
	color: #7a7a7a;
}

.commentform
{
	margin: 0px 0px 5px 0px;
	padding: 5px;
	width: 370px;
	height: 100px;
	border: 1px solid #c2cdd6;
	font-family: 'Arial', 'Tahoma', sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	line-height: 15px;
	text-decoration: none;
	color: #000;
	background-color: #fff;
}

.commentform:active, .commentform:hover, .commentform:focus
{
	background-color: #f6f6f6;
}

.commentsubmit
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 200px;
	height: 25px;
	border: 1px solid #c2cdd6;
	font-family: 'Arial', 'Tahoma', sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	line-height: 15px;
	text-decoration: none;
	color: #000;
	background-color: transparent;
}

.commentsubmit:active, .commentsubmit:hover, .commentsubmit:focus
{
	background-color: #f6f6f6;
}

/*-------------------------------------------------------------------------------------------------*/
/* WP & Misc */

img.wp-smiley
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	height: 12px;
	position: relative;
	top: 2px;
	border: none !important;
}

.home
{
	margin: 0px;
	padding: 0px;
	display: block;
	width: 800px;
	height: 185px;
	position: relative;
	top: 0px;
	left: 0px;
	background-color: transparent;
}

.previous
{
	float: left;
}

.next
{
	float: right;
}

.rssbox
{
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

.rsslink, .rsslink:link, .rsslink:visited
{
	margin: 0px 0px 21px 0px;
	padding: 1px 0px 0px 23px;
	display: block;
	width: 120px;
	height: 18px;
	background-image: URL('images/rsslink_lo.jpg');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	font-family: 'Arial', 'Tahoma', sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	line-height: 18px;
	text-decoration: none;
	color: #7a7a7a;
}

.rsslink:active, .rsslink:hover, .rsslink:focus
{
	background-image: URL('images/rsslink_hi.jpg');
	color: #000;
}

/*-------------------------------------------------------------------------------------------------*/
/* bopki Button */

#grey .bopki_button, #grey .bopki_button_done, #grey .bopki_button_locked
{
	color: #fff !important;
	background-image: URL('images/bopki_button_bg_grey.gif');
}

.bopki_button, .bopki_button:link, .bopki_button:visited,
.bopki_button_bewerbung, .bopki_button_bewerbung:link, .bopki_button_bewerbung:visited,
.bopki_button_submit, .bopki_button_submit:link, .bopki_button_submit:visited,
.bopki_button_upload, .bopki_button_upload:link, .bopki_button_upload:visited,
.bopki_button_done,
.bopki_button_locked,
.bopki_button_grey
{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	display: block;
	width: 152px;
	height: 22px;
	font-family: 'Arial', 'Helvetica', sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal !important;
	text-align: center;
	line-height: 22px;
	text-decoration: none;
	color: #fff !important;
	text-transform: normal;
	border: none !important;
	letter-spacing: 0px;
	background-image: URL('images/bopki_button_bg.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.bopki_button:active, .bopki_button:hover, .bopki_button:focus,
.bopki_button_bewerbung:active, .bopki_button_bewerbung:hover, .bopki_button_bewerbung:focus,
.bopki_button_submit:active, .bopki_button_submit:hover, .bopki_button_submit:focus,
.bopki_button_upload:actvie, .bopki_button_upload:hover, .bopki_button_upload:focus
{
	background-position: 0px -22px;
	color: #ECECEC !important;
}

.bopki_button_bewerbung
{
	margin: 0px !important;
}

.bopki_button_done
{
	color: #B0B0B0;
	background-image: URL('images/bopki_button_bg_done.gif');
}

.bopki_button_locked
{
	color: #686868 !important;
	background-image: URL('images/bopki_button_bg_locked.gif');
}

.bopki_button_grey
{
	color: #686868 !important;
	background-image: URL('images/bopki_button_bg_grey.gif');
}

.bopki_button_submit
{
	margin: 0px;
}

.bopki_button_upload
{
	margin: 5px 20px 0px 0px !important;
	float: right;
}

/*-------------------------------------------------------------------------------------------------*/
/* Flickr */

#flickrphotos
{
	margin: 0px 0px 0px 0px !important;
	padding: 0px;
}

.flickrlink, .flickrlink:link, .flickrlink:visited
{
	margin: 0px 11px 11px 0px !important;
	padding: 0px !important;
	float: left;
	border: 5px solid #8A1D60 !important;
}

.flickrlink:active, .flickrlink:hover, .flickrlink:focus
{
	border: 5px solid #FF3ABE !important;
}

.flickrimage
{
	margin: 0px !important;
	padding: 0px !important;
	border: none;
}

.flickrnav  a
{
	margin-right:5px;
	padding:3px 3px;
	text-decoration:none;
	font-weight: bold;
	background-color:#8A1D60;
	color:#fff;
}

.flickrnav  a:hover, .flickrnav  a.active
{
	background-color:#FF3ABE;
}

/*-------------------------------------------------------------------------------------------------*/
/* bopkibar */

.bopkibar
{
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	height: 26px;
	background-color: transparent;
	background: url('images/bopkibar.gif');
	margin: 0;
	text-align: center;
}

.bopkitext
{
	margin: 0px;
	padding: 0px 4px 0px 4px;
	height: 26px;
	text-align: center;
}

.bopkitext h1
{
	margin: 0px;
	padding: 0px;
	font-family: sans-serif;
	font-size: 10px;
	line-height: 22px;
	color: #e2e2e2;
	display: inline;
}

.bopkitext h1 a, .bopkitext h1 a:link, .bopkitext h1 a:visited
{
	margin: 0px 0px 0px 1px;
	color: #FFF;
}

.bopkitext a:hover, .bopkitext a:active, .bopkitext a:focus
{
	color: #e2e2e2;
}

.marker {
	background-image: URL('images/marker.jpg');
	background-position: 0px 0px;
	background-repeat: repeat-x;
}

.faqhead
{
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #000 !important;
	letter-spacing: 0px;
	border: 0px !important;
}

.faqlist
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px !important;
}

.faqlist li
{
	margin: 0px;
	color: #000;
	text-decoration: none;
	font-size: 11px;
}

.faqlist li a
{
	color: #000;
	text-decoration: none;
}

.faqlist li a:hover
{
	color: #6D6D6D;
}

.faqlink, .faqlink:link, .faqlink:visited
{
	color: #000;
	text-decoration: none;
	font-size: 11px;
}

.faqlink:active, .faqlink:hover, .faqlink:focus
{
	color: #6D6D6D;
}