/* CCS-Style created  September-2006 by 
   Andreas Petermann (ByteNation.de)
*/

*
{	margin:0px;
	padding:0px;
	font-family:verdana, sans-serif;
	font-size: 10px;
}

form
{	display:inline;
}

body
{	background-color:#DBDBDB;
}

img
{	border-width:0px;
}

.my_clear
{	font-size:1px;
	height:1px;
	overflow:hidden;
	clear:right;
}	

.bn_center
{	text-align:center;
}	

/* die umrandung sowie der hintergrund des layouts */
.bn_layout
{	width:764px;
	overflow:hidden;
	margin:auto;
	background-image:url(image/bn_layout.jpg);
}

/* die obere umrandung */
.bn_start
{	height:7px;
	overflow:hidden;
	background-image:url(image/bn_start.jpg);
}

/* der Header mit den links im header */
.bn_header
{	height:179px;
	overflow:hidden;
	background-image:url(image/bn_header.jpg);
}

.links
{	height:39px;
	overflow:hidden;
	background-image:url(image/bn_header_navi.jpg);
	background-repeat:no-repeat;
	text-align:center;
	line-height:30px;
}

.links a,.links a:link,.links a:visited,.links a:active
{	font-size:12px;
	color:#f9f9f9;
	text-decoration:none;
	margin:0px 15px;
	font-weight:bold;
}

.links a:hover
{	color:#cccccc;
}

/* linke und rechte Menüleiste */

.menu
{	width:188px;
	overflow:hidden;
}

.menu *
{	position:relative;
}

.left
{	display:inline;
	margin-left:2px;
	float:left;
	z-index:1;
}

.right
{	display:inline;
	margin-right:2px;
	float:right;
	width:187px;
	z-index:1;
}

.menu h1, .menu h4
{	font-size:12px;
	text-align:center;
	font-weight:bold;
	letter-spacing:1px;
}

.menu p
{	margin-top:5px;
}

.end
{	background-image:url(image/right_end.jpg);
	background-repeat:no-repeat;
	height:20px;
	overflow:hidden;
}


.left ul, .right ul
{	margin-top:10px;
	color:#ffffff;
	font-size:12px;
	list-style-type:none;
	list-style-position:outside;
}

.left ul li, .right ul li
{	overflow:hidden;
}

.left li a, .right li a
{	color:#ffffff;
	text-decoration:none;
	display:block;
	width:96%;
	overflow:hidden;
	padding:3px 0px;
}


/* Boxen zum suchen und für den Login */

.menu_box
{	background-image:url(image/bn_left_login.jpg);
	padding:25px 20px;
	height:179px;
	overflow:hidden;
	margin-top:-8px;
	color:#8e8e8e;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	position:relative;
}

.such_box
{	background-image:url(image/bn_such_box.jpg);
	height:179px;
	overflow:hidden;
	margin-top:-9px;
	color:#8e8e8e;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	position:relative;
}

#login_s
{	background-image:url(image/schrift/login.jpg);
	height:11px;
	width:36px;
	margin:auto;
}



#benutzername
{	position:absolute;
	top:60px;
	left:35px;
	display:block;
	width:85px;
	height:12px;
	background-image:url(image/schrift/benutzername.jpg);
}

.login_pic
{	position:absolute;
	top:75px;
	left:32px;
}

#login_benutzername
{	background-image:url(image/bn_back_input.jpg);
	height:14px;
	width:100px;
	border-width:0px;
	position:absolute;
	top:75px;
	left:36px;
	padding:2px 6px 0px 6px;
	overflow:hidden;
	color:#ffffff;
	background-color:transparent;
}

.kennwort_pic
{	position:absolute;
	top:114px;
	left:32px;
}

#kennwort
{	position:absolute;
	top:100px;
	left:35px;
	display:block;
	width:54px;
	height:11px;
	background-image:url(image/schrift/kennwort.jpg);
}

#login_kennwort
{	background-image:url(image/bn_back_input.jpg);
	height:14px;
	width:100px;
	border-width:0px;
	position:absolute;
	top:114px;
	left:36px;
	padding:2px 6px 0px 6px;
	overflow:hidden;
	color:#ffffff;
	background-color:transparent;
}

#bn_submit
{	background-image:url(image/bn_login.jpg);
	height:36px;
	width:78px;
	border-width:0px;
	position:absolute;
	top:140px;
	left:52px;
}


#bn_such
{	background-image:url(image/bn_such.jpg);
	height:36px;
	width:78px;
	border-width:0px;
	position:absolute;
	top:125px;
	left:56px;
	background-color:transparent;
}


#kennwort_vergessen
{	position:absolute;
	top:185px;
	left:37px;
	display:block;
	width:109px;
	height:24px;
	background-image:url(image/schrift/kennwort_vergessen.jpg);
}

#suchbegriffe
{	position:absolute;
	top:50px;
	left:37px;
	display:block;
	width:72px;
	height:13px;
	background-image:url(image/schrift/suchbegriffe.jpg);
}

.such_pic
{	position:absolute;
	top:65px;
	left:32px;
}

#input_suchbegriffe
{	background-image:url(image/bn_back_input.jpg);*/
	height:14px;
	width:100px;
	border-width:0px;
	position:absolute;
	top:65px;
	left:36px;
	padding:2px 6px 0px 6px;
	overflow:hidden;
	color:#ffffff;
	background-color:transparent;
}


#blogs_durchsuchen
{	background-image:url(image/schrift/blogs_durchsuchen.jpg);
	height:11px;
	width:119px;
	position:absolute;
	top:26px;
	left:32px;
	overflow:hidden;
	color:#ffffff;
}



/* die silbernen boxen links und rechts */

.right .silver_box_out
{	background-image:url(image/silver_box_background_r.jpg);
	margin-left:-4px;
}

.right .silver_box
{	background-image:url(image/silver_box_r.jpg);
	background-repeat:no-repeat;
	padding:15px 20px;
	color:#636363;
}

.right .silver_box_footer
{	background-image:url(image/silver_box_footer_r.jpg);
	height:20px;
	overflow:hidden;
}

.left .silver_box_footer
{	background-image:url(image/silver_box_footer.jpg);
	height:20px;
	overflow:hidden;
}

.left .silver_box_out
{	background-image:url(image/silver_box_background.jpg);
}

.left .silver_box
{	background-image:url(image/silver_box.jpg);
	background-repeat:no-repeat;
	padding:15px 20px;
	color:#636363;
}

.silver_box .spacer
{	float:right;
	height:117px;
	width:1px;
	overflow:hidden;
	position:relative;
	display:inline;
}

.silver_box a:hover
{	color:#4c006c;
}

/* die lilalen Boxen */

.left .blog_box_out
{	background-image:url(image/bn_blogs_background.jpg);
}

.left .blog_box
{	background-image:url(image/bn_blogs.jpg);
	background-repeat:no-repeat;
	padding:15px 20px;
	color:#ffffff;
}

.left .blog_box_footer
{	background-image:url(image/bn_blogs_footer.jpg);
	height:20px;
	overflow:hidden;
}

.right .blog_box_out
{	background-image:url(image/bn_blogs_background_r.jpg);
	margin-left:-4px;
}

.right .blog_box
{	background-image:url(image/bn_blogs_r.jpg);
	background-repeat:no-repeat;
	padding:15px 24px;
	color:#ffffff;
}

.right .blog_box_footer
{	background-image:url(image/bn_blogs_footer_r.jpg);
	height:20px;
	overflow:hidden;
}

.blog_box .spacer
{	float:right;
	height:196px;
	width:1px;
	overflow:hidden;
	position:relative;
	display:inline;
}


.blog_box a:hover
{	color:#8b8b8b;
}


/* der Content bereich */

.bn_content
{	width:385px;
	margin-top:-9px;
	overflow:hidden;
	float:left;
	z-index:2;
	position:relative;
}


.content_box_out
{	background-image:url(image/bn_content_box_background.jpg);
	overflow:hidden;
	margin-top:9px;
	position:relative;
}

.content_box
{	background-image:url(image/bn_content_box.jpg);
	background-repeat:no-repeat;
	padding:15px 10px 0px 10px;
}

.bn_content_box_footer
{	background-image:url(image/bn_content_box_footer.jpg);
	height:9px;
	overflow:hidden;
	clear:both;
}

.content_box .spacer
{	float:right;
	height:199px;
	width:1px;
}

.content_box p
{	color:#434343;
	font-weight:bold;
	margin-bottom:10px;
}

.content_box h1, .content_box h4,
.big_box h1, .big_box h4,.error_box h1, .error_box h4
{	color:#434343;
	font-weight:bold;
	font-size:12px;
	margin-bottom:10px;
	margin-right:20px;
	border-bottom:1px solid #4c006c;
}

.content_box h5,.error_box h5,.big_box h5
{	color:#434343;
	font-weight:bold;
	font-size:10px;
	text-decoration:underline;
}

.content_box ul
{	margin-top:10px;
	color:#434343;
	font-size:12px;
	list-style-type:none;
	list-style-position:outside;
	padding-left:20px;
}

.content_box li
{	padding:2px 0px;
}

.content_box a, .big_box a, .error_box a
{	color:#4c006c;
	text-decoration:none;
	font-weight:bold;
}

.content_box a:hover, .big_box a:hover, .error_box a:hover
{	text-decoration:underline;
}


/* der footer, bzw. die abschlußlinie */
.bn_footer
{	height:9px;
	overflow:hidden;
	background-image:url(image/bn_footer.jpg);
	clear:both;
}



/* big_box für die suchanfragen und die anmeldung */

.big_box_out
{	background-image:url(image/big_box_background.jpg);
	overflow:hidden;
	margin-top:9px;
	position:relative;
	width:744px;
	margin:auto;
}

.big_box
{	background-image:url(image/big_box.jpg);
	background-repeat:no-repeat;
	padding:15px 10px 0px 10px;
}

.big_box_footer
{	background-image:url(image/big_box_footer.jpg);
	height:9px;
	overflow:hidden;
	clear:both;
}

.big_box .spacer
{	float:right;
	height:199px;
	width:1px;
}


/* error-box, das ist die box die man unter dem header findet wenn etwas 
	spezielles angezeit wird, beispiel wäre ein fehler oder wenn man sich ameldet, bzw. etwas sucht,
	ich habe diese box auch für andere zwecke in der Anmeldung missbraucht 
*/

.error_box_out
{	background-image:url(image/error_box_background.jpg);
	overflow:hidden;
	margin-top:9px;
	position:relative;
	width:744px;
	margin:0px auto 10px auto;
}


.error_box
{	background-image:url(image/error_box.jpg);
	background-repeat:no-repeat;
	padding:16px 10px 8px 10px;
}

.error_box_footer
{	background-image:url(image/error_box_footer.jpg);
	height:10px;
	overflow:hidden;
	clear:both;
}

.error_box_out h2
{	font-size:12px;
	color:#4c006c;
	font-weight:bold;
}


/* hier die definierten buttons, labels und fieldsets die für die anmeldung und das neue Passwort
	benötigt werden
*/

.buttons
{   width: 99%;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
}

legend, label
{	font-weight:bold;
}

fieldset
{	padding:10px;
}

.field
{	width:90%;
	overflow:hidden;
	margin:20px 0px;
}

.field input
{	display:block;
	width:100%;
	margin-bottom:5px;
}

.fieldValidationError
{	margin-bottom:10px;
	color:#f90000;
}

.templateScreen {
  margin: 5px 0px 15px 40px;
	display:inline;
  float:left;
	width:150px;
	overflow:hidden;
}
.links ul
{ list-style-type:none;
  list-style-position:outside;  
}
.links ul li
{ display:inline;
}

.dashboard_blog *
{ background-color:#cccccc;
}

.mj_box
{	background-image:url(image/mj_box.jpg); 
	position:relative; 
	top:10px; 
	z-index:2; 
	background-position:right; 
	background-repeat:no-repeat; 
	height:18px; 
	text-align: right; 
	margin-right:12px; 
	padding-right:10px; 
	padding-top:12px;
}

.mj_box a, .mj_box a:link, .mj_box a:visited, .mj_box a:active
{	color:#4c006c; 
	font-size:14px; 
	position:relative; 
	top:2px; 
	font-weight:bold; 
	text-decoration:none;
}

.mj_box a:hover
{	color:#ffffff;
}