/**
* layout styles
*
* @project bella edward
* @version 1.0
* @package css
* @author Nico Ender
* @copyright 2010 folge3
*
*/

/* normalisieren der tags */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
center, dl, dt, dd, ul, ol, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
list-style:none;
}

ol li {
	list-style:decimal;
}

.olInBigBox ol li {
	margin:0 0 20px 18px;
	padding:0 20px 0 20px;
	
}

#devnavi {
	position:absolute;
	left:5px;
	top:0;
	margin:0 0 10px 0;
	padding:5px;
	background: #7B2530;
	
}

#devnavi ul {
	margin:0 0 10px 0;
}

#devnavi h3 {
	color:#fff;
	font-size:14px;
	margin:0 0 5px 0;
	border-bottom:1px solid #fff;
}

#devnavi li {
	margin:0 0 3px 0;
}

#devnavi li a{
	color:#fff;
	display:block;
}

/* #################### end testing ############## */



body {
	background:#000;
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #333;
}

#carlsenlogo {
	position:absolute;
	top:10px;
	left:10px;		
}

#page {
	margin:auto;
	width:960px;
	position:relative;
	margin-bottom:40px;
}

#header {
	overflow:hidden;
	height:229px;
	background:url(http://www.bella-und-edward.de/bella2/img//default_header.jpg) 0 0 no-repeat #000;
}

#header #login {
	float:right;
}

#header #login a {
	color:#fff;
}

.headloginForm {
	background:#000;
	border:1px solid #79582a;	
}

.contentcontainer {
	position:relative;
	overflow:hidden;
}

#content .contentcontainer {
	margin:0 0 20px 0;
}

.contentcontainer .contentbox p {
	margin:0 0 20px 0;
}

#left .contentcontainer,
#right .contentcontainer  {
	margin:0 0 13px 0;
}

#left {
	float:left;
	width:185px;
	margin:0 15px 20px 0;
}

#content {
	float:left;
}

/* default content container */
#contentsection {
	overflow:hidden;
	margin:10px 0 0 0;
	background:url(http://www.bella-und-edward.de/bella2/img//content_bg_pattern.jpg) 0 0 repeat-y;
}

/* stellt das top bg dar */
#content_top_bg {
	background:url(http://www.bella-und-edward.de/bella2/img//content_top_bg.jpg) 0 0 no-repeat;
	overflow:hidden;
}

/* stellt das bottom bg dar */
#content_bottom_bg {
	background:url(http://www.bella-und-edward.de/bella2/img//content_bottom_bg.jpg) left bottom no-repeat;
	overflow:hidden;
	padding:0 0 20px 0;
}

.default_content_padding {
	padding:20px;
	overflow:hidden;
}

._3col{
	width:490px;
	padding:0 15px 0 15px;
	margin-bottom:20px;
	background:url(http://www.bella-und-edward.de/bella2/img//_3col_bg.png) 0 0px;
	overflow:hidden;
}

._2col{
	width:705px;
	overflow:hidden;
}

._3col_fb{
	width:490px;
	padding:0 15px 0 15px;
	margin-bottom:20px;
	overflow:hidden;
}

#headerloginbox {
	width:300px;
	position:absolute;
	right:0;
	top:40px;
	background:#FFF7E2;
	padding:0 0 8px 8px;
}

#userProfilContainer {
	color:#fff;	
}

#userProfilContainer .loginForm {
	padding:10px;
	background:	#000;
	border:1px solid #79582a;
	color:#fff;
}

#headerloginbox p {
	margin:6px 0 0 0;
}

#right {
	float:right;
	width:185px;
	margin:0 0 20px;
}

/* wenn das two-col layout angezeigt wird */
#twoColRight {
	float:right;
	width:185px;
	margin:0 0 20px;
}

#right input.grey,
#twoColRight input.grey {
	width:173px;
}

#left p,
#right p,
#twoColRight p {
	margin:0 0 15px 0;
	color:#67635a;
}

.aktion p {
	margin:0 0 20px 0;
}

.galerie p {
	margin:0 0 20px 0;
}

#footer a {
	color:#fff;
}

#footer #footernavi {
	margin:0 0 10px 0;
}

#sitemap {
	margin:auto;
	width:650px;
	overflow:hidden;
	padding:0 0 40px 0;
}

#sitemap a {
	color:#8c897a;
}

#sitemap .col {
	float:left;
	margin:10px 40px 0 0;
}

#sitemap .col ul {
	margin:0 0 0 10px;
}

/* hauptnavi */

#navi {
	overflow:hidden;
	width:100%;
	background:#000;
	padding:0 0 
}

#navi ul {
	float:left;
	width:800px;
	overflow:hidden;
}

#navi ul li {
	float:left;
}

#navi ul li a{
	background:url(http://www.bella-und-edward.de/bella2/img//hnavi_sprites.png) 0 0 no-repeat;
	height:45px;
	text-decoration:none;
	display:block;
}

#navi ul li a#nav_home {
	width:160px;
}

#navi ul li a#nav_home:hover,
#navi ul li.active a#nav_home  {
	background-position:0 -45px;
}

#navi ul li a#nav_news {
	width:115px;
	background-position:-160px 0;
	width:107px;
}

#navi ul li a#nav_news:hover,
#navi ul li.active a#nav_news {
	background-position:-160px -45px;
}

#navi ul li a#nav_buecher {
	background-position:-268px 0;
	width:107px;
}

#navi ul li a#nav_buecher:hover,
#navi ul li.active a#nav_buecher {
	background-position:-268px -45px;
}

#navi ul li a#nav_rundum {
	background-position:-382px 0;
	width:213px;
}

#navi ul li a#nav_rundum:hover,
#navi ul li.active a#nav_rundum {
	background-position:-382px -45px;
}

#navi ul li a#nav_extras {
	background-position:-595px 0;
	width:118px;
}

#navi ul li a#nav_extras:hover,
#navi ul li.active a#nav_extras {
	background-position:-595px -45px;
}

#navi ul li a#nav_fans {
	background-position:-713px 0;
	width:95px;
}

#navi ul li a#nav_fans:hover,
#navi ul li.active a#nav_fans {
	background-position:-713px -45px;
}

#navi ul li a span {
	visibility:hidden;
}

/* end hauptnavi  */

/* subnavi  */

#subnavi {
	
}
  
#subnavi ul li a  {
	display:block;
	background:url(http://www.bella-und-edward.de/bella2/img//submenu_bg.png) 0 0 no-repeat;
	padding:7px 10px 7px 12px;
	/* vm people */
	font-size: 17px;
	
	/*font-size: 12px; */
	font-variant: small-caps;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #626958;
	font-weight: lighter;
	margin:0 0 2px 0;
	letter-spacing: 1px;
	height:20px;
	text-decoration:none;
}

#subnavi ul li a:hover  {
	color:#96251D;
}

#subnavi ul li.current a {
	display:block;
	background:url(http://www.bella-und-edward.de/bella2/img//submenu_bg_highlight.png) 0 0 no-repeat;
	padding:9px 10px 5px 12px;
	/* vm people */
	font-size: 17px;
	
	/*font-size: 12px; */
	font-variant: small-caps;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-weight: lighter;
	margin:0 0 2px 0;
	letter-spacing: 1px;
	height:20px;
	text-decoration:none;
}

#subnavi ul li.current a:hover  {
	color:#FFFFFF;
}

/* subnavi  */

#socialnavi {
	width:150;
	float:right;
	margin:8px 0 0 0;
}


/* user background pattern */

.farn_bg_top {
	background:url(http://www.bella-und-edward.de/bella2/img//pattern/user/farn_top.png) 0 0 no-repeat;
	overflow:hidden;
	padding-top:30px
}

.farn_bg_bottom {
	background:url(http://www.bella-und-edward.de/bella2/img//pattern/user/farn_bottom.png) left bottom no-repeat;
	overflow:hidden;
	padding-bottom:20px
}

.flowers_bg_top {
	background:url(http://www.bella-und-edward.de/bella2/img//pattern/user/flowers_top.png) 0 0 no-repeat;
	overflow:hidden;
	padding-top:20px
}

.flowers_bg_bottom {
	background:url(http://www.bella-und-edward.de/bella2/img//pattern/user/flowers_bottom.png) left bottom no-repeat;
	overflow:hidden;
	padding-bottom:20px
}

.leaves_bg_top {
	background:url(http://www.bella-und-edward.de/bella2/img//pattern/user/leaves_top.png) 0 0 no-repeat;
	overflow:hidden;
	padding-top:20px
}

.leaves_bg_bottom {
	background:url(http://www.bella-und-edward.de/bella2/img//pattern/user/leaves_bottom.png) left bottom no-repeat;
	overflow:hidden;
	padding-bottom:20px
}


/* WP Subnavi */
#archive_subnavi, #category_subnavi {
	margin-bottom: 20px;
}
#archive_subnavi li, #category_subnavi li {
	margin-bottom: 5px;
}

/* quiz sollte noch nach quiz.css kopiert werden */

.quizHeadlineBoxBG {
	background:url(http://www.bella-und-edward.de/bella2/img//quiz/headline_bg.png) 0 0 no-repeat;
}
.quizHeadlineBoxBGFix {
	background:url("http://www.bella-und-edward.de/bella2/img//quiz/question_bg.png") no-repeat scroll 0 0 transparent; 
}
.bottom_bg {
	background:url(http://www.bella-und-edward.de/bella2/img//quiz/headline_bg_bottom.png) 0 0 no-repeat;
	height:8px;
}

.quizHeadlineBox h1 {
	margin-bottom:0;
}

.quizHeadlineBox  .text {
	color: #373836;
	font-size:16px;
	padding:40px 157px 20px 35px;
	font-family:arial, verdana;
	font-weight:bold;
}
.secretQuestion.text {
	color: #373836;
	font-size:16px;
	font-family:arial, verdana;
	font-weight:bold;
}

.questions ul {
	margin-bottom:10px;
}

.quiz_question_row {
	overflow:hidden;
}

.quiz_question_row a {
	display:block;
	text-decoration:none;
	color:#6d7461;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	margin:0 0 2px 0;
	letter-spacing: 1px;
	padding:17px 0 10px 0;
	background:url(http://www.bella-und-edward.de/bella2/img//quiz/abc_sprites.png) 0 0 no-repeat;
}

.quiz_question_row a:hover {
	color:#a50a13;
}

.quiz_question_row a.q1:hover {
	background-position: 0 -630px;
}

.quiz_question_row a.q2 {
	background-position: 0 -172px;
}

.quiz_question_row a.q2:hover {
	background-position: 0 -778px;
}

.quiz_question_row a.q3 {
	background-position: 0 -332px;
}

.quiz_question_row a.q3:hover {
	background-position: 0 -910px;
}

.quiz_question_row a.q4 {
	background-position: 0 -472px;
}

.quiz_question_row a.q4:hover {
	background-position: 0 -1063px;
}

.quiz_question_row .quiz_answer {
	margin:0 15px 0 35px;
	display: block;
}

.quiz_question_row .quiz_question_index {
	float:left;
	padding:5px 0 0 10px;
}

.highscoreContainer ul.tab_container {
	margin-left:320px;
	margin-top: -15px;
}

#left .highscoreContainer ul.tab_container,
#right .highscoreContainer ul.tab_container {
	 margin-left:0;
	 margin-top:10px;
}

.highscoreContainer h3.title  {
	font-size: 18px;
	font-variant: small-caps;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #67635a;
	font-weight: lighter;
	margin:0;
	margin-top:10px;
}

.highscore_table {
	width:100%;
	padding:6px;
}


.highscore_table td {
	vertical-align: top;
	border-bottom:1px solid #EDEDED; 
	padding:6px;
}

.highscore_table td.number {
	width:5%;
	color:#67635a;
}

.highscore_table td.user {
	color:#67635a;
	width:65%;
	font-size:14px;
	font-family:arial, verdana, sans-serif;
}

.highscore_table td.user a {
	color:#67635a;
	font-family:aria, verdana, sans-serif;
	text-transform:normal;
	text-decoration:none;
}

.highscore_table td.user a:hover {
	text-decoration:underline;
}

.highscore_table .points {
	color:#a50a13;
	font-size:14px;
}

.highscore_table td.date {
	color:#67635a;
	font-family:arial, verdana, sans-serif;
	font-size:14px;
	text-align:right;
}

#right .highscore_table td.user {
	font-size:12px;
}

#left .highscore_table td.user {
	font-size:12px;
}

#right .highscore_table td.date {
	font-size:12px;
}

#left .highscore_table td.date {
	font-size:12px;
}

#left .highscore_table .points {
	font-size:12px;
}

#right .highscore_table .points {
	font-size:12px;
}

.debugborder{
	border: 1px red solid;
	padding: 10px;
	margin: 10px;
}

.shareQuestionText{
	width: 350px;
	float:left;
}

.fbInviteFriendLink{
	background:url(http://www.bella-und-edward.de/bella2/img//quiz/facebook/friends_icon.png) center right no-repeat #000;
	padding-right:20px;
}

.fbBecomeFriendLink{
	background:url(http://www.bella-und-edward.de/bella2/img//quiz/facebook/fan_icon.png) center right no-repeat #000;
	padding-right:20px;
}

.highscoreLikeButton{
	margin: 3px 0 0 10px;
}

#gallery_ajax {
  overflow:hidden;
}

.gallery_image_item_082011 {
	height:260px;  
}