/*
	© Layout & Code by Alice-Grafixx.de 
*/

body {
	background: #3F3F3F url('images/happy/bg.jpg') repeat;
   	font: normal 0.75em helvetica, arial, verdana, sans-serif;
	color: #636364;
   	text-align: center; 
} 

/* Layout
--------------------------------------------------------- */ 

#ram {
	width: 754px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	background: #fff url('images/happy/ram.jpg') repeat;
}

code{   font: 0.9em arial, verdana, sans-serif;}

div.post .php{
	width: 500px;
	overflow: auto;
}

* html div.post .php{
	width: 525px;
	overflow: auto;
}

#top {
	padding-right: 25px;
	height: 50px;
	background: url('images/happy/top.jpg') no-repeat;
}

#header {
	background: url('images/happy/header_g.jpg') no-repeat;
	height: 140px; 
	color: #636364;
	padding: 0px;
	margin-bottom: 5px;
	margin-top: 0px;
	text-align: left;
}

.links {
	float: left;
	width: 183px;
	height: 100%;
	margin: 0px;
	padding: 0px 0px 0px 22px;
	text-align: left;
}

*[class="links"]{
	width: 161px;
	height: 100%;
	padding: 0px;
	margin-left: 22px;
	text-align: left;
}

.content {
	width: 545px;
	padding: 0px;
	margin-left: 155px;
	text-align: center;
}

*[class="content"]{
	width: 535px;
	padding: 0px;
	margin-left: 200px;
	text-align: left;
}

#footer {
	clear: both;
	margin: 0px;
	padding: 0px 0px 0px 200px;
	height: 67px; 
	background: url('images/happy/footer_h.jpg') center no-repeat;
}

div#footer div  {
	padding-top: 8px;
	line-height: 15pt;
	text-align: left;
	color: #454753;
}
/* Top Menu
--------------------------------------------------------- */ 

ul#menu {
	margin: 0; 
	padding: 0;
	list-style: none; 
} 

ul#menu li {
	position: relative;
	margin-top: 6px;
	display: block; 
	width: 80px; 
	height: 41px;  
	float: right;
} 

ul#menu li a {
	font-size: 1.0em;
	display: block; 
	width: 80px; 
	height: 41px;
	color: #636364; 
	text-decoration: none; 
	position: relative; 
	background: #EDEEF0;
	border: solid #C7C7C8;
	border-width: 1px 2px 0px 2px;
	cursor: help;
} 

ul#menu li a b {
	position: absolute; 
	bottom: 3px; 
	left: 5px; 
} 

ul#menu li a:visited {
	color: #9F852E;
}

ul#menu li a:hover, ul#menu li a:active{
	color: #fff; 
	background: url('images/happy/footer_h.jpg') center no-repeat;
}

/* Menu left
--------------------------------------------------------- */ 
.links h3{
	background: url('images/happy/footer_h.jpg') center no-repeat;
	font-size: 1.3em;
	font-weight: bold;
	border-top: 2px solid #E5E6EA;
	border-bottom: 2px solid #E5E6EA;
	color: #636364;
	text-align: right; 
	letter-spacing: 2px;
	margin: 0px;
	padding: 0px 4px;
	line-height: 20px; 
}

ul.navi {
	list-style: none;
	padding: 0;
	margin: 0;
	color: #636364;
}

.navi li A {
	font-size: 1.1em;
	height: 18px;
	display: block;
	padding: 0;
	margin: 0 0 0px;
	padding: 2px 0 0 5px;
	border-bottom: 1px solid #E5E6EA;
}

.navi li A:link {
	padding-right: 2px; 
	padding-left: 4px;
	color: #636364; 
	font-weight: bold;
	display: block;
	text-decoration: none;
	background-color: #F6F6F6;
}

.navi li A:visited {
	padding-right: 2px; 
	padding-left: 4px;
	color: #636364; 
	font-weight: bold;
	display: block;
	text-decoration: none;
	background-color: #F6F6F6;
}

.navi li A:hover, 
.navi li A:active {
	padding-right: 2px; 
	padding-left: 4px;
	color: #fff; 
	display: block;
	font-weight: bold; 
	text-decoration: none;
	background: url('images/happy/footer_h.jpg') -200px -5px no-repeat;
}

.affi {	
	width: 148px;
	color: #636364;
	border: 1px solid #D6D9DE;
	background-color: #E5E4E9;
}

/*  Resources Linklist
--------------------------------------------------------- */ 

ul.list { 
	list-style: square inside; 
	display: inline-block;
	padding:0px 20px 0px 5px;
	float: left;
	margin: 0px; 
}

ul.lis {	
	padding-left: 120px; 
	margin: 0px; 
}


/* Neuste Themen
--------------------------------------------------------- */ 

ul.list-1 { 
	list-style: square inside; 
	display: inline-block;
	padding: 0px 20px 0px 10px;
	float: left;
	margin: 0px; 
}

ul.list-2 {	
	padding-left: 305px; 
	margin: 0px; 
}

/*  Links
--------------------------------------------------------- */ 

img {
    margin: 0px;
    border: 0px solid #DAD1BF;
}

a {
	color: #ED8526;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #9DA212;
	text-decoration: none;
}

a:hover, a:active {
	color: #FEE33A; /* #9BB9C3; */
	text-decoration: none;
}

a:visited:hover {
	color: #DCBD6D;
	text-decoration: none;
}

#header a, #header a:visited {
	color: #636364;
	font-weight: bold;
	text-decoration: none;
}

#header a:hover, #header a:active {
	color: #ED8526;
	text-decoration: none;
}

.dunkler{ margin-top: 8px;}

.dunkler a, .dunkler a:visited{
	color: #636364 ! important;
}

.dunkler a:hover{
	color: #F6F6F6 ! important;
}

/*  Seiten Navigation
--------------------------------------------------------- */ 

.go { 
    padding: 2px 5px 0px 5px;
    margin-bottom: 10px;
	text-align: left;
	color: #636364;
	height: 18px;
	font-weight: bold;
	font-size: 1.0em;
}

.current { 	
	float:right; 
	height: 18px; 
	padding: 5px 8px;
	text-align: right; 
	background-color: #EDEEF0;
	color: #ED8526; 
	margin-top: -5px;
}

.gos { 
	float:left; 
}

.gos a { 
	margin: 0px;
	font-weight: bold;
	padding: 5px 8px; 
	background-color: #EDEEF0;
	color: #ED8526; 
}
	
.gos a:hover { 	
	padding: 5px 8px; 
	background-color: #E6E7E9;
	color: #ED8526; 
}

.gocur { 
	padding: 5px 8px; 
	background-color: #EDEEF0;
	color: #636364; 
}

/* Login
--------------------------------------------------------- */ 
#header strong { color: #636364;}

#login {
	margin-left: 26px;
    padding: 4px 5px 0px 5px;
   	text-align: left;
	color: #636364;
	width: 150px;
	border: 0px solid #EDEEF0;
}

.language{
	float: right;
	font-weight: bold;
	width: 150px;
	margin: 0px 0px 0px 0px;
	padding-top: 10px;
}

.log{
	width: 150px;
	border: 0px solid #EDEEF0;
	background-color: #EDEEF0;
}

.sublog{
	margin: 5px 0 7px 0;
	color: #7D838F;
	width: 50px;
	border: 0px solid #EDEEF0;
	background-color: #EDEEF0;
}

.login_reg{
	list-style: none;
    padding: 0px;
	margin: -4px 0 -12px 1px;
}

*[class="login_reg"]{
	margin: 0px 0px 0px 1px;
}

.welcome {
	color: #F7F7F7;
    padding: 0px 0 0 18px;
    margin: 0px;
}

*[class="welcome"]{
    padding: 0px 0 0 15px;
}
/* Activierung / Registrierung
--------------------------------------------------------- */ 

.activ{
	width: 200px;
	color: #7D838F;
	border: 1px solid #C6C7C9; 
	background-color: #F6F6F6;
}

.b_activ{
	color: #7D838F;
	border: 1px solid #C6C7C9; 
	background-color: #D9DDE0;
}

.reg{
	width: 200px;
	color: #7D838F;
	border: 1px solid #C6C7C9; 
	background-color: #F6F6F6;
	margin-bottom: 5px;
}

input.reg {
  display: block;
}


/*  All Affis 
--------------------------------------------------------- */ 
.all_affis{
	float: left; 
	font-size: 1.0em;
	margin: 0px 25px 10px 5px;
	width: 230px;
	text-align: left;
	border: 1px solid #EDEEF0;
	background-color: #EDEEF0;
}

.affis_work{
	text-align: center;
	width: 545px; 
	margin-top: 0px;
	margin-left: auto;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px 2px 0px 2px;
}

*[class="affis_work"]{
	width: 535px;
}

/* User CP
--------------------------------------------------------- */ 

.ucp {
	font-size: 0.9em;
	border: 1px solid #F6F6F6;
	background-color: #F6F6F6;
	text-align: left;
	padding: 5px; 
	margin: 5px; 
	width: 160px; 
	height: 60px;
	float: left;
}

*[class="ucp"]{
	width: 148px;
}

fieldset{
	width: 515px; 
	border: 1px solid #EDEEF0;
	background: #EDEEF0;
	color: #636364;
}

* html fieldset{
	width: 545px;
	text-align: left;
	padding-left: 9px;
}

fieldset h2{
	width: 98%;
	margin-top: 5px;
	margin-bottom: 15px;
}

* html fieldset h2{
	width: 98%;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
}

fieldset label {
	display: block;
	float: left;
	width: 135px;
	padding-right: 10px;
	font-weight: bold;
}

fieldset input, fieldset select{
	margin-bottom: 5px;
}

input.radio { 
	margin-bottom: 0px; 
}

fieldset div{
	width: 98%;
	height: 100px; 
	overflow: auto;
	background: #F6F6F6;
	border: 1px solid #C6C7C9;
	padding: 5px;
}

* html fieldset div{
	width: 98%;
	height: 100px;
 	overflow: auto;
	padding: 5px;
}

/* Classes for span
--------------------------------------------------------- */ 
.php, .code, .qoute {
	background: #f6f6f6;
	padding: 4px;
	margin: 3px;
	border: 1px solid #d9dde0;
}

.error{
	text-align: left;
	width: 545px; 
	border: 1px solid #D9DDE0;
	background-color: #EDEEF0;
	margin-top: 1px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px;
	padding: 8px;
}

*[class="error"]{
	width: 517px;
}


/* Posts - Ram
--------------------------------------------------------- */ 

.post {
	text-align: left;
	width: 545px; 
	color: #636364;
	margin: 1px auto 8px auto;
	padding: 8px;
	background:	#EDEEF0;
}

*[class="post"]{
	width: 517px;
}

.alice_dsl {
	text-align: left;
	width: 525px; 
	color: #636364;
	margin: 1px auto 8px auto;
	padding: 8px;
	background: #EDEEF0 url(images/dsl.jpg) right bottom no-repeat;
}

*[class="alice_dsl"]{
	width: 517px;
}

.post_center {
	text-align: left;
	width: 545px; 
	color: #636364;
	margin: 1px auto 8px auto;
	padding: 8px;
	background:	#EDEEF0;
}

*[class="post_center"]{
	width: 517px;
}

.post_small{
	text-align: left;
	width: 450px; 
	color: #636364;
	background-color: #EDEEF0;
	margin: 1px auto 8px auto;
	padding: 8px;
}

.download {
	float: left; 
	text-align: left;
	border: 1px solid #F6F6F6;
	background-color: #F6F6F6;
	margin-left: 35px;
	margin-right: auto;
	margin-bottom: 20px;
   	padding: 5px 5px 0px 5px;
}

*[class="download"]{
	float: left; 
	text-align: left;
	margin-left: 55px;
	margin-right: auto;
	margin-bottom: 20px;
   	padding: 5px 4px 0px 5px;
}

.download img {
    margin: 0px 0px 3px 1px;
    border: 2px solid #F5F5F5;
}

.download h1{
	text-align: left;
    margin: 5px 0 7px 0;
   	padding: 5px;
	border: 1px solid #F6F6F6;
	background: #EDEEF0;
	color: #636364;
}

.download h6{
	background: #EDEEF0;
}

h6{
	font-size: 1.1em;
    margin: 5px 0 5px 0;
   	padding: 1px 5px 1px 5px;
	border: 1px solid #F6F6F6;
	background-color: #EDEEF0;
	color: #0B2C38;
	text-align: right;
}



/* Form Style
--------------------------------------------------------- */ 

input, textarea{
	background-color: #F6F6F6;	
	border: 1px solid #C6C7C9;
	color: #636364;
	cursor: pointer;	
	padding: 1px;
}

input:hover, input:active, input:focus,
input.form:hover, input.form:active, input.form:focus,
textarea:hover, textarea:active, textarea:focus,
textarea.form:hover, textarea.form:active, textarea.form:focus{
	color: black;	
	cursor: pointer;	
	border: 1px solid #636364;
	background: #F7F7F7;
}

input.form{ width: 320px;}

input.button {	
	border: 1px solid #C6C7C9; 
	background-color: #D9DDE0;
	vertical-align: top;
	width: 140px;
}

input.button:hover, input.button:active, input.button:focus,
input.button_k:hover, input.button_k:active, input.button_k:focus{
	cursor: pointer;	
	background-color: #F7F7F7;	
	border: 1px solid #636364;
}

textarea{
	width: 400px;
/*	height: 225px; */
}

.m_button {
	border: 1px solid #F7F7F7; 
	background: #F7F7F7;
	color: #636364;
	padding: 4px;
}

input.button_k {	
	color: #636364;
	vertical-align: top;
	border: 1px solid #C6C7C9; 
	background-color: #D9DDE0;
}

input.capform {	
	height: 22px;
	color: #636364;
	vertical-align: top;
	border: 1px solid #C6C7C9; 
	background-color: #F6F6F6;
	width:100px;
}

.search {
	text-align: center;
	width: 450px; 
	border: 1px solid #D9DDE0;
	background-color: #EDEEF0;
	margin-left: auto;
	margin-right: auto;
	padding: 8px 8px 8px 8px;
}

.bbform img, .bbform a img {
	background: #fff;
	padding: 4px;
	margin: 3px;
	border: 1px solid #C6C7C9;
}

/* Profil Form
--------------------------------------------------------------------------- */

#profil label{
	float: left;
	width: 120px;
	margin: 4px 0px;
}

#profil input{
	width: 300px;
	margin: 4px;
}

#submit label{
	float: left;
	width: 80px;
	margin: 4px 0px;
}

input.checkbox, #profil input.checkbox {
	width: 10px;
	margin: 4px;
}

/* Profil Style
--------------------------------------------------------- */ 

.profil td { padding: 3px;border: 1px solid #C6C7C9; }

.profil tr { background-color: #D9DDE0;}

/* Rating Style
--------------------------------------------------------- */ 

input.rate  {	
	color: #636364;
	vertical-align: top;
	border: 1px solid #C6C7C9; 
	background-color: #D9DDE0;
}

select.rate  {	
	color: #636364;
	vertical-align: top;
	border: 1px solid #C6C7C9; 
	background-color: #D9DDE0;
}
/* Sonstiges
--------------------------------------------------------- */ 

#colorselect{
	margin-bottom: 5px;
}

* html #colorselect{
	margin-bottom: 3px;
}


table, tr, td {
	font: normal 1.0em 'helvetica', verdana, tahoma, sans-serif;
	color: #636364;
}

p, pre{ 
	padding: 5px 2px; 
	margin: 0px; 
	line-height: 13pt; 
	text-align: left;
	color: #636364;
}

.color{ color: #ED8526;}

ul {list-style: square;}

.left{
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

strong {
	color: #636364;
	font-weight: bold;
}

.uline {
	font-style:italic;
}

/* Ueberschriften
--------------------------------------------------------- */ 

h1 {
	font-size: 1.3em;
	text-align: left;
    margin: 5px 0px 7px 0px;
   	padding: 5px 5px 2px;
	border-bottom: 1px solid #D5DADE;
	color: #676451;
}

h2 {
	font-size: 1.2em;
	text-align: left;
    margin: 5px 0 5px 0;
   	padding: 1px 5px 1px 5px;
	border-bottom: 1px solid #D5DADE;
	color: #9DA212;
}

h3 {
	padding-bottom: 1px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	font-size: 1.1em;
	color: #0B2C38;
}

h4 {
    padding: 2px 5px 2px 5px;
    margin: 0 0 10px 0;
	border: 1px solid #C6C7C9;
	background-color: #D9DDE0;
	text-align: left;
	float: left;
	width: 98%; 

}

h5 {
    padding: 0px 0px 0px 7px;
    margin: 0px;
	text-align: left;
}

h6 {
    margin: 5px 0 5px 0;
   	padding: 1px 5px 1px 5px;
	border: 1px solid #F6F6F6;
	background-color: #F6F6F6;
	color: #0B2C38;
	text-align: right;
}

/* Other
--------------------------------------------------------- */ 
blockquote{
	margin: 0px;
	padding: 2px 2px 2px 6px;
	border-left: 5px solid #C6C7C9;
	background: #D9DDE0;
	color: #636364;
} 

blockquote blockquote{
	margin: 0px;
	padding: 2px 2px 2px 6px;
	border-left: 5px solid #C6C7C9;
	border-top: 2px solid #C6C7C9;
	border-bottom: 2px solid #C6C7C9;
	background: #EDEEF0;
	color: #636364;
} 
.tab, .tab td {
	border: 1px solid #C6C7C9; 
	border-collapse: collapse;
}

.td {
background-color: #D9DDE0;}

.tab th {
	color: #7D838F;
	border: 1px solid #C6C7C9; 
	border-collapse: collapse;
}

.second {background-color: #D9DDE0;}

/* Foren Style
--------------------------------------------------------- */
#table2{
	background: #EDEEF0;
}

#table2 td{
	border: 1px solid #F7F7F7; 
	background: #F7F7F7;
}

.forum_tab { 
	border: 1px solid #D9DDE0; 
	width: 548px;
}

*[class="forum_tab"]{
	width: 540px;
}

.forum_tab_in { 
	border: 1px solid #D9DDE0; 
}

*[class="forum_tab_in"]{
}

.forum_tab td { 
	color: #636364;
}
.form_title { 
	color: #676451;
	background: #F6F6F6; 
	border: 1px solid #D9DDE0;
	text-align: left;
}
.cat{ 
	background: #EDEEF0;
	padding-left: 5px; 
	border: 1px solid #D9DDE0;

}
.tab1 {
	background: #EDEEF0;
	border: 1px solid #D9DDE0;
}
.tab2 {
	background: #EDEEF0;
	border: 1px solid #D9DDE0;

}

.tab2 a:link, a:active {
	color: #ED8526;
	text-decoration: none;
}

.tab2 a:hover{
	color: #636364; /* #9BB9C3; */
	text-decoration: none;
}

.tab_bottom{
	border-bottom: 1px solid #D9DDE0; 
	margin-bottom: 5px;
}

.tab_sign{
	color: #D9DDE0; 
}
.option a {
	padding: 1px 5px;
}

.option a:hover {
	padding: 1px 5px;
	background: #F6F6F6;
}
.form_page {
	font-size: 10px;

}
.form_page a:link{
	color: #636364;
	padding: 1px 2px;
}

.form_page a:visited {
	color: #636364;
	padding: 1px 2px;
}

.form_page a:hover {
	color: #ED8526;
	padding: 1px 2px;
}