/*  
Theme Name: Crsytel lila Smselfe beta 1.6
Description: Designed & developed by Oliver Förster 
Version: 2007-2009
Author: Oliver Förster @ Smselfe.de
*/

* {
	margin: 0;
	padding: 0;
}

h1 {
	font-weight: bold;
	font-size: 16px;
	font-familiy: "Lucida Grande", Tahoma, Verdana, Arial;
	color: #FF3366;
}
.bigint {
	font-weight: bold;
	font-size: 12px;
	font-familiy: Lucida Grande;
	color: #FF3366;
}
body {
	margin:0px;
	padding:0px;
	background-color: #FAE5ED;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	background-position: top;

}
a:link, a:active, a:visited {
	color: #FF3366;
	text-decoration: none;
	font-weight: bold;
	}
a:hover {
	color: #F3B4CC;
	text-decoration: none;
	font-weight: bold;
	}
	

td 	{
	color: 			#111111;
	font-family:		"lucida grande", tahoma, lucida sans,  sans-serif;
	line-height: 		20px;
	text-align:			justify;
	font-size: 		11px;
	}
	
	.text{
	border-right:			#666666 1px solid;
border-top:			#666666 1px solid;
border-left:		#666666 1px solid;
border-bottom: 		#666666 1px solid; color: #000000; background-color: #ffffff;
padding: 4px; margin-bottom: 2px; text-align: left;vertical-align: left; width: 110px; height: 24px; font-family: "Lucida Grande", tahoma, lucida sans, sans-serif;
font-size: 11px; }
	.text2{
	border-right:			#666666 1px solid;
border-top:			#666666 1px solid;
border-left:		#666666 1px solid;
border-bottom: 		#666666 1px solid; color: #000000; background-color: #ffffff;
padding: 4px; margin-bottom: 2px; text-align: left;vertical-align: left; width: 110px; height: 24px; font-family: "Lucida Grande", tahoma, lucida sans, sans-serif;
font-size: 11px; }

	.text3{
	width: 120px;border-right:		#666666 1px solid;
border-top:			#666666 1px solid;
border-left:		#666666 1px solid;
border-bottom: 		#666666 1px solid; text-align: left;vertical-align: left; width: 91px; height: 24px;}
	.reg_mail{
	width: 200px;border-right:		#666666 1px solid;
border-top:			#666666 1px solid;
border-left:		#666666 1px solid;
border-bottom: 		#666666 1px solid; text-align: left;vertical-align: left; height: 24px;}



/*-- Button Einstellungen ---------------------------------*/

a.ovalbutton{
	
background: transparent url("images/hp_button_link_left.gif"/*tpa=http://www.smselfe.de/images/hp_button_link_left.gif*/) no-repeat top left;
display: block;
float: left;
font: normal 12px Lucida Sans; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
	color: #FF6699; /*button text color*/
}

a.ovalbutton span{
background: transparent url("images/hp_button_link_right.gif"/*tpa=http://www.smselfe.de/images/hp_button_link_right.gif*/) no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
font-weight: bold;
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
font-weight: bold;
}

a.ovalbutton:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #333333;
	font-weight: bold;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

#divglobal { 
text-align: center; 

} 

#divid1 { 
text-align: left; 
margin: 0 auto; 
width: 25px; 
height: 150; 
float: left;

} 

h1, h2, h3, h4 {
	margin : 0;
	padding : 0;
}
ul, ol {
	list-style:none
}
p, blockquote, ul, ol {
	margin-bottom : 20px;
}
a {
	text-decoration : none;
	color : #FF0066;
	font-weight: bold;
}
a:hover {
	text-decoration : none;
	color : #FFFFFF;
	font-weight: bold;
}
.spacer {
	clear:both;
	font-size:0;
	line-height:0;
}
code {
	background: #FEEDB7;
	border: dotted #808080 1px;
	color: #808080;
	display: block;
	font: normal 11px/18px Verdana,Sans-Serif;
	text-align: center;
	padding: 5px 0 5px 0;
}
/* Hides from IE-mac \*/
* html a {
	height: 1%;
}
/* End hide from IE-mac */
/* Hides from IE-mac \*/
* html p {
	height: 1%;
}
/* End hide from IE-mac */

/* General */
* {
  font-family: "Trebuchet MS", Arial, Verdana;
  border: 0px;
}
body {
	margin:0px;
	padding:0px;
	background-color: #fff;
	background: #222222 url("images/bg.gif" ) repeat-x top;
}

/* Layout */
#wrapper {
	width:900px;
	margin: auto;
}
#logo {
	width: 480px;
	height: 167px;
	float: left;
}
#nav {
	width: 740px;
	height: 42px;
	float: left;
}
#container {
	width: 900px;
	background-color: #ffffff;
}
#headerright {
	background-image: url("images/headerright.jpg"/*tpa=http://www.smselfe.de/images/headerright.jpg*/);
	background-repeat: no-repeat;
	width: 350px;
	height: 150px;
	float:left;
}

#sidebarleft {
	margin-left: 10px;
	float:left;
	width: 176px;
	background-color: #ffffff;
	clip: rect(auto,auto,auto,auto);
	margin-top: 20px;
}
#sidebarleft h2 {
  margin:0px;
  background-image: url("images/box_pink.jpg"/*tpa=http://www.smselfe.dew/images/box_pink.jpg*/);
  background-repeat: no-repeat;
  width: 152px;
  height: 19px;
  font-size: 8pt;
  font-weight: bold;
  padding-top: 8px;
  padding-left: 8px;
  color: #e3efff;
}
#sidebarleft h2.red {
  margin:0px;
  background-image: url("images/box_red.jpg"/*tpa=http://www.smselfe.de/images/box_pink.jpg*/);
  background-repeat: no-repeat;
  width: 152px;
  height: 19px;
  font-size: 8pt;
  font-weight: bold;
  padding-top: 8px;
  padding-left: 8px;
  color: #fff;
}
#sidebarleft ul {
  margin:0px;
  padding:0px;
  background-image: url("images/navigation_box_background.jpg"/*tpa=http://www.smselfe.de/images/navigation_box_background.jpg*/);
  background-repeat: repeat-y;
  width: 177px;
  padding-bottom: 11px;

}
#sidebarleft li{
  padding-left: 16px;
  padding-top: 5px;
  list-style-type: none;
}
#sidebarleft a {
	font-family: Verdana;
	color: #FF0066;
	font-size: 8pt;
	text-decoration: none;
}
#sidebarleft a:hover {
  text-decoration: underline;
}
#sidebarleft div.boxbottom {
  background-image: url("images/navigation_box_bottom.jpg"/*tpa=http://www.smselfe.de/images/navigation_box_bottom.jpg*/);
  background-repeat: no-repeat;
  width: 177px;
  height: 30px;
}
#sidebarleft div.boxbottomlast {
  background-image: url("images/navigation_box_bottom_last.jpg"/*tpa=http://www.smselfe.de/img/navigation_box_bottom_last.jpg*/);
  background-repeat: no-repeat;
  width: 177px;
  height: 50px;
}
#content {
	width: 640px;
	float:left;
}
 .c-foot{
	margin:0
11px;
	background:url("images/content_footer.gif"/*tpa=http://www.smselfe.de/images/content_footer.gif*/) 100% 100% no-repeat;
	padding:8px
15px 90px 15px;
	min-height:450px;
	height:auto !important;
	height:600px
}
* html #content {
  width: 600px;
}
#sidebarright {
	float: right;
	padding:0px;
	margin-left: 20px;
	background-image: url("images/sidebar_background.jpg"/*tpa=http://www.smselfe.de/imgages/sidebar_background.jpg*/);
	background-repeat: repeat-y;
	width: 180px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#sidebarright h2 {
	margin:0px;
	background-image: url("images/sidebar_top_pink.jpg"/*tpa=http://www.smselfe.de/images/sidebar_top_pink.jpg*/);
	background-repeat: no-repeat;
	width: 147px;
	height: 23px;
	font-size: 8pt;
	font-weight: bold;
	padding-top: 8px;
	padding-right: 10px;
	text-align: center;
	color: #FF0066;
}
#sidebarright h2.red {
	margin:0px;
	background-image: url("images/sidebar_top_red.jpg"/*tpa=http://www.smselfe.de/imgaes/sidebar_top_red.jpg*/);
	background-repeat: no-repeat;
	width: 147px;
	height: 23px;
	font-size: 8pt;
	font-weight: bold;
	padding-top: 8px;
	padding-right: 10px;
	text-align: center;
	color: #FFFFFF;
}
#sidebarright div.cont {
	background-image: url("images/sidebar_bottom.jpg"/*tpa=http://www.smselfe.de/images/sidebar_bottom.jpg*/);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 20px;
	padding-bottom: 40px;
	min-height: 70px;
	width: 159px;
	left: 10px;
}
* html #sidebarright div.cont {
  height: 70px;
}
#sidebarright a {
	color: #FF6699;
	font-weight: bold;
	font-size: 8pt;
	font-family: Verdana;
	text-decoration: none;
}
#sidebarright {
	font-size: 8pt;
	font-family: Verdana;
	color: #A7A7A7;
}
#sidebarright a:hover {
  text-decoration: underline;
}
#content {
	font: 80%/150% "Trebuchet MS", Tahoma, Arial;
	color: #333333;
	background: #FFFFFF;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#content a {
	color: #FF6699;
	text-decoration: none;
}
#content a:visited {
	color: #FF3366;
	text-decoration: none;
}

#content a:hover {
    color: #333;
}
#content img {
    border: none;
}
#content p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#content h2, h1 {
	color: #FF6699;
	width:100%;
	font: lighter 1.7em/1em "Trebuchet MS", Tahoma, Arial;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CDCDCD;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 10px;
	padding-top: 5px;
}
#content h2,h1 a, h2,h1 a:visited {
    color: #FAA700;
    text-decoration: none;
}
#content h2, h1 a, h2, h1 a:visited {
    color: #FAA700;
    text-decoration: none;
}
#content h2, h1 a:hover {
	color: #F6C6D8;
	text-decoration: none;
}
#content h3 {
	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
	color: #333333;
	margin: 10px 0px 5px;
}
#content h4 {
	font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;
	color: #FFFFFF;
	margin: 10px 0px 5px;
}
textarea {
  width: 400px;
  border:1px solid #e3e3e3;
}
input {
  border:1px solid #e3e3e3;
}
#content .extern {
  color: #333333;
}
#content .extern:visited {
  color: #333333;
}
/*-- Button Einstellungen ---------------------------------*/

a.ovalbutton{
	
background: transparent url("images/hp_button_link_left.gif"/*tpa=http://www.smselfe.de/images/hp_button_link_left.gif*/) no-repeat top left;
display: block;
float: left;
font: normal 12px Lucida Sans; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
	color: #FF6699; /*button text color*/
}

a.ovalbutton span{
background: transparent url("images/hp_button_link_right.gif"/*tpa=http://www.smselfe.de/images/hp_button_link_right.gif*/) no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
font-weight: bold;
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
font-weight: bold;
}

a.ovalbutton:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #FFFFFF;
	font-weight: bold;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}


.ddcolortabs{
	margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.ddcolortabs ul{
font: bold 11px Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

.ddcolortabs li{
display:inline;
margin:0 0px 0 0;
padding:0;
text-transform:uppercase;
}


.ddcolortabs a{
	float:left;
	color: #000000;
	background-image: url("images/hp_menu_tab.gif"/*tpa=http://www.smselfe.de/images/hp_menu_tab.gif*/);
	margin:0px 4px 0px 0px;
	padding:4px 1px 4px 1px;
	text-decoration:none;
	letter-spacing: 0px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top: 1px solid #999999;
}

.ddcolortabs a span{
float:left;
display:block;
background-image: url();
padding: 4px 4px 4px 8px;
margin:0px 4px 0px 0px;
}

.ddcolortabs a span{
float:none;
}

.ddcolortabs a:hover{
	color: #333333;
}

.ddcolortabs a:hover span{
	color: #CCCCCC;
}

.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/

}

.ddcolortabsline{
clear: both;
padding: 0px;
margin: 0px;
width: 100%;

height: 0px;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a{
position:absolute;
top: 0px ;
border: 0px solid #999999; /*THEME CHANGE HERE*/

font:normal 10px Lucida Sans;
line-height:18px;
z-index:100px;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 5px;
border-bottom: 1px solid #999999;
border-left: 1px solid #999999; /*THEME CHANGE HERE*/
border-right: 1px solid #999999; /*THEME CHANGE HERE*/
padding: 3px 5px 3px 5px;
text-decoration: none;
color: #555555;
}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
background-color: #efefef;
color: #000000;
}

/* ##################################################################################### Footer ## */
#footer_wrap {
	width: 876px;
	color:#FFFFFF;
	clear:both;
	height: 270px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	background-color: #000000;
	background-image: url(images/footer_bg.gif);
	background-repeat: repeat-x;
}
.footer_leftcol{
	width:220px;
	margin-right: 12px;
	float:left;
	overflow: hidden;
}
.footer_leftcol1{
	width:132px;
	margin-right: 12px;
	float:left;
	overflow: hidden;
}
.footer_leftcol2{
	width:132px;
	margin-right: 5px;
	overflow: hidden;
	margin-left: 10px;
}
.footer_rightcol {
	width:355px;
	float:right;
}
.footer_rightcol a, .footer_rightcol a:visited {
	color:#FFFFFF;
}
.footer_submenu {
	list-style:none;
	padding:0px;
	margin:0px 0px 15px;
	background-color: #000000;
	border-top: #272727 1px dotted;
}
.footer_submenu li{
	border-bottom: #272727 1px dotted;
	line-height: 130%;
	list-style:none;
	padding: 0;
	margin: 0;
}
.footer_submenu li a{
	color: #DE206A;
	text-decoration: none;
	padding: 4px 0px 4px 2px;
	display:block;
	font-size: 0.8em;
}
.footer_submenu li a:visited{
	color: #FFFFFF;
	text-decoration: none;
}
.footer_submenu li a:hover{
	text-decoration: none;
	background-color:#333333;
	color:#FFFFFF;
}

img.left {
	float:left;
	margin: 2px 10px 5px 0px;
}
a img.left {
	border: 1px solid #E3E3E3;
	padding: 4px;
	background: #FFFFFF;
}
a:hover img.left{
	border-color: #FF3366;
}
.right {
	float:right;
}
img.right, a img.right {
	float:left;
	margin: 4px 10px 5px 0px;
	border: 1px solid #E3E3E3;
	padding: 4px;
	background: #FFFFFF;
}
a:hover img.right{
	border-color: #FF6600;
}
.footer_nav {
	float:left;
	margin: 15px 0px 0px;
	padding:0px;
	font-size:90%;
}
.copyright {
	text-align:right;
	border-top: 1px solid #222222;
	font-size:85%;
	clear:both;
	margin:10px 0px 0px;
	color: #FFFFFF;
}
.copyright a, .copyright a:visited {
	color:#FF3399;
}
img.img_border, a img.img_border {
	border: 1px solid #E3E3E3;
	padding: 4px;
	background: #FFFFFF;
}
a:hover img.img_border{
	border-color: #FF6600;
}
.popular-list {
	padding: 0px;
	margin:0px 0px 10px;
	list-style:none;
}
.popular-list li{
	background: url("images/mini-star.gif") no-repeat left center;
	padding: 3px 0px 3px 12px;
	margin:0px;
	line-height: 130%;
	list-style:none;
}
.popular-list li a{
	color:#333333;
	text-decoration:none;
	list-style:none;
}
.popular-list li a:visited{
	color:#333333;
	text-decoration:none;
}
.popular-list li a:hover{
	color:#FF3366;
	text-decoration:none;
}