/* styles for software4fun.de - Version 3 */

/*	FARBEN
	- software4fun.de
	#F49A08		Orange Balken oben (hell)
	#85341b		Orange Balken mitte 
	#A8600A		Orange Balken unten (dunkel) 
	#884D08		Line unterm Balken
	
	#278dff		Blaue Schrift
	#b1ccfc		Orange Hell (rechts)
	#fb7400		Sattes Orange
	#f2f7ff		Leichtes Orange (Hintergrund)

	#4169e1		Koenigsblau (unser Hintergrund)
	#F9FCFE 	Helles Blau
	#C9E3FF		Dunkles Blau (Boxenrand)

*/
body {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#e8f1fa;
}
#pageSurround {
	width: 938px;
	padding: 0px;
	background-color:#d4dbce;
	background-image: url(./images/background.png);
	margin: 0px auto;
}
#marginSurround {
	margin: 1px 9px 1px 9px;
}
#subSurround {
	padding-left: 0px;
	padding-top:12px;
	/*
	background-color:#dee2d0;
*/
	padding: 1px 9px 1px 9px;
}
#topHeader {
	text-align: right;
	height: 200px;
	background-image: url(./images/header.jpg);
	background-repeat: no-repeat;
}
#topMenu {
	text-align: right;
	height: 24px;
	background-image: url(./images/menu.jpg);
	background-repeat:repeat-x;
	padding-top: 2px;
	color:White;
	text-align:center;
}
a.linkMenu:link, a.linkMenu:visited 
{
	color:White;
	text-decoration: none;
	height:20px; vertical-align:middle; 
	font-weight:bold;
	font-size:12px;
	white-space:nowrap;
	vertical-align:middle;
	padding-left:10px;
	padding-right:10px;
}
a.linkMenu:hover {
	color: #fb7400;
	text-decoration: none;
}
div#wrapper{
	width: 920px;
	background-color:#f6f9fd;
}
div#rechts{
	float: right;
	width: 730px;
	background-color:white;
	margin: 12px 10px 10px 0px;
}
div#inhalt{
	padding: 10px;
}
div#navigation{
	float: left;
	width: 162px;
	color:Maroon;
	margin-left:8px;
	margin-top:-5px;
}
div#footer{
	height: 24px;
	background-color:#7fb1e3;
	color:White;
	font-weight:bold;
	font-size:10px;
	text-align:center;
	padding-top:10px;
}

a,div,td,h1,h2,h3,p,q,table 
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size:small;
}
a:link			{	font-size:small; color:dodgerblue; text-decoration:none;	}
a:visited		{	font-size:small; color:dodgerblue; text-decoration:none;	}
a:hover			{	font-size:small; color:dodgerblue;  text-decoration:underline;	}
hr { width:100%; height:1px; }
div.abstand4 {	height:4px; }
div.abstand8 {	height:8px; }
div.abstand10 {	height:10px; }
div.abstand12 {	height:12px; }

/* Header */
td.headerlinks {
	width:13px;
	height:100px;
}	
td.headermitte {
	height:100px;
	width:100px; 
}
td.headertext {
	background-image:url("./images/puzzle4fun-text.png");
	background-repeat:no-repeat;
	width:250px; 
	height:100px;
}
td.headerads {
	height:100px; 
}
div.suchbegriff { text-align:center; }
td.headersuche {
	height:100px;
	width:200px;
	vertical-align:bottom;
}
input.suchbegriff {
	width:110px;
	color : #000000;
	font-size:10px;
	background-color: #E9ECEF;
}
input.suchbutton {
	width:60px;
	background-color:#929CA6;
	color: #ffffff;
	font-size:11px;
	border-style:solid;
	border-width:1;
	border-color:#E9ECEF;
}
td.headerrechts {
	width:13px;
	height:80px;
}	

/* menu */
td.menumain { border-top:2px solid #F49A08; border-bottom:2px solid #A8600A;
		height:24px; width:30%; vertical-align:top;   
		background-color:#85341b; color:White;  
		font-weight:bold;
		font-size:10px;
	}
td.menutext {
	height:20px; vertical-align:middle; 
	background-color:#85341b; color:White;  
	font-weight:bold;
	font-size:12px;
	white-space:nowrap;
	vertical-align:middle;
	}
a.menulink:link {	font-weight: bold; font-size: 12px; color: #ffffff; text-decoration: none }
a.menulink:visited {font-weight: bold; font-size: 12px; color: #ffffff; text-decoration: none }
a.menulink:hover {	font-weight: bold; font-size: 12px; color: #ffffff; text-decoration:underline }

/* Content */
td.mlinks { height:200px; width:170px; border-top:1px solid #884D08; }
td.mmitte { border-top:1px solid #884D08; }
td.mrechts {
	border-top:1px solid #6096E8;
	background-color:White;
	width:0px;
}
td.listelinks { width:130px; text-align:center; }
td.listemitte { width:140px; }
a.listelink1  { font-weight:bold; }
a.listelink3  { font-style:italic; color:Black; font-size:12px; font-weight:bolder; }
a.listelink2:link   { font-size: 13px; font-weight:bolder; color:Black; text-decoration:none; font-style:italic; }
a.listelink2:visited{ font-size: 13px; font-weight:bolder; color:Black; text-decoration:none; font-style:italic; }
a.listelink2:hover  { font-size: 13px; font-weight:bolder; color:Black; text-decoration:none; font-style:italic; }
a.listedownload  { }

/* Footer */
td.footerlinks {
	background-color:#85341b;  height:26px; 
	width:14px;
	height:22px;
}	
td.footermitte {
	background-color:#85341b;  height:26px; 
	text-align:center;
	color:White;
	font-weight:bold;
	font-size:10px;
}
td.footerrechts {
	background-color:#85341b;  height:26px; 
	width:14px;
	height:22px;
}
a.footerlink:link,a.linkfooter:visited
{
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
	color:Blue;
}
a.footerlink:hover { text-decoration:underline; }

/* allgemein */
div.boxcontent { padding : 15px 0px 15px 5px; }
div.box        { }
/* inhalt */
div.nb_ {
}
td.nb_toplinks {
	background-image:url("./images/nb_topleft.gif");
	background-repeat:no-repeat;
	width:14px;
	height:25px; font-size: 2px;
}
td.nb_topmitte { 
	background-image:url("./images/nb_topmitte.gif");
	text-align:center;
	vertical-align:middle;
	height:24px; 
	font-weight:bold; font-size:12px; color:#fb7400;
	border-bottom:1px solid #DDDDDD;
}
td.nb_toprechts {
	background-image:url("./images/nb_topright.gif");
	background-repeat:no-repeat;
	width:14px;
	height:25px; font-size: 2px;
}
td.nb_links {
	background-color:#f2f7ff;
	border-left:1px solid #b1ccfc;
	width:13px;
}
td.nb_mitte 
{
	background-color:#f2f7ff;
	padding-top:6px;
}
td.nb_rechts {
	background-color:#f2f7ff;
	border-right:1px solid #b1ccfc;
	width:13px;
}
td.nb_blinks {
	background-color:#f2f7ff;
	border-left:1px solid #b1ccfc;
	border-bottom:1px solid #b1ccfc;
	width:13px;
	height:3px; font-size: 2px;
}
td.nb_bmitte {
	background-color:#f2f7ff;
	border-bottom:1px solid #b1ccfc;
	height:3px; font-size: 2px;
}
td.nb_brechts {
	background-color:#f2f7ff;
	border-right:1px solid #b1ccfc;
	border-bottom:1px solid #b1ccfc;
	width:13px;
	height:3px; font-size: 2px;
}


/* Abstaende und Normale Inhalsbloecke */
td.height1	{ height:1px;	}
div.normalblock {   	
	margin-left:0px;
	margin-right:6px;
	margin-top:15px;
	width:160px;
}
td.headblock {
	text-align:center;
	background-image:url("images/block_back.gif");
	background-repeat:no-repeat; 
	color:#fb7400;
	font-size:12px; vertical-align:middle;
	font-weight:bold;
	padding: 4px 10px 4px 10px;
}
td.normalblock {
	text-align:left;
	border-right:1px solid #b1ccfc; 
	border-left:1px solid #b1ccfc; 
    border-bottom:1px solid #b1ccfc; 
	padding: 4px 10px 4px 4px;
	background-color:#f2f7ff;
	margin-left:5px;
	margin-right:5px;
}
a.blocklink:link   { font-size: 11px; font-weight:bolder; color: #0077f0; text-decoration: none }
a.blocklink:visited{ font-size: 11px; font-weight:bolder; color: #0077f0; text-decoration: none }
a.blocklink:hover  { font-size: 11px; font-weight:bolder; color: #003c7a; text-decoration: none }
div.center   { text-align:center; }
td.centerblock 
{
	text-align:center;
	border-right:1px solid #b1ccfc; 
	border-left:1px solid #b1ccfc; 
    border-bottom:1px solid #b1ccfc; 
	padding: 4px 10px 4px 4px;
	background-color:#f2f7ff;
	margin-left:5px;
	margin-right:5px;
}
td.download		{ width:150px; vertical-align:middle; }
td.detailspalte { width:100px; font-weight:bold; }
td.detailspalte1 { width:150px; font-weight:bold; }

/* special */
td.katlinks	
{
	background-image:url("images/list10x10-kugel26.gif");
	background-position:center center;
	background-repeat:no-repeat;
	height:12px;
	width:18px; padding:10px 0px 10px 0px;  
}
td.toplinks
{
	font-size:10px;
	font-weight:bold;
	color:Navy;
	height:12px;
	width:18px;
	text-align:center;
}

/* Showcase in dex Box */ 

table.showcase { }
div.showcase { text-align:center; font-size:12px; }
td.titelshowcase { height:20px; text-align:center; width:50%; }
td.vorschau {
	background-image:url("./images/bg-vorschau.gif");
	height:140px; 
	background-repeat:no-repeat;
}
p.showcase {
	text-align:center;
	padding:20px; 
}
td.showcase { width:50%; vertical-align:top; padding:8px 4px 6px 0px; }
img.titel	 { vertical-align:middle; border-width:0px;  max-width:100px; max-height:100px;  }
img.showcase { width:100px; height:100px; text-align:left;  border-width:0px; float:left; margin-right:6px; }


a.showcase:link   { font-size: 12px; font-weight:bolder; color: #426BE7; text-decoration: none }
a.showcase:visited{ font-size: 12px; font-weight:bolder; color: #426BE7; text-decoration: none }
a.showcase:hover  { font-size: 12px; font-weight:bolder; color: #101398; text-decoration: none }

/* Showcase auf der indexseite 
div.showcaseblock1 {  margin-top:15px; text-align:center; font-size:14px; font-weight:bold; }
div.showcaseblock2 
{
	margin-top:10px; text-align:center;
	margin-left:20px;
	margin-right:00px;
	height:140px; width:140px;
	}
div.showcaseblock3 {  margin-top:5px; margin-left:10px; text-align:center;}
td.showcase { width:50%; vertical-align:top; padding:8px 4px 6px 0px; }
img.titel	 { vertical-align:middle; border-width:0px;  max-width:100px; max-height:100px;  }
img.showcase { width:100px; height:100px; text-align:left;  border-width:0px; float:left; margin-right:6px; }

a.showcase:link   { font-size: 12px; font-weight:bolder; color: #426BE7; text-decoration: none }
a.showcase:visited{ font-size: 12px; font-weight:bolder; color: #426BE7; text-decoration: none }
a.showcase:hover  { font-size: 12px; font-weight:bolder; color: #101398; text-decoration: none }
*/
a.linktitel:link   { font-size: 13px; font-weight:bolder; color: #284aac; text-decoration: none }
a.linktitel:visited{ font-size: 13px; font-weight:bolder; color: #284aac; text-decoration: none }
a.linktitel:hover  { font-size: 13px; font-weight:bolder; color: #10286e; text-decoration: none }

/* surftipps */
div.surftipps	{ text-align:center; color:#b1ccfc; font-size:11px; }
a.surftipps:link,a.surftipps:visited,a.surftipps:hover {
	font-size:10px; color:White; margin:2px; 
	}

/* DER REST */


.smalltext			{ font-size: 12px; color: #85341b; height:14px; vertical-align:middle; }
a.wlink:link		{ color: #85341b; text-decoration: none; }
a.wlink:visited		{ color: #85341b; text-decoration: none; }
a.wlink:hover		{ color: #85341b; text-decoration: none; }

a.wlinku:link		{ color: #ff8b0b; text-decoration: underline; }
a.wlinku:visited	{ color: #ff8b0b; text-decoration: underline; }
a.wlinku:hover		{ color: #ff8b0b; text-decoration: underline; }

a.wlinknext:link	{ color:#85341b; text-decoration: underline; }
a.wlinknext:visited	{ color:#85341b; text-decoration: underline; }
a.wlinknext:hover	{ color:#85341b; text-decoration: underline; }


div.topicstrong1 { 	font-size:14px; font-weight:bold; }
div.topicstrong2 {  font-size:12px;	font-weight:bold; }

div.topicnewsdate {
	font-size:10px; vertical-align:middle;
	font-weight:bold;
}
div.newsbox {
	border:1px solid #4169e1;
	background-color:#E3E9EB;
	margin:4px;
	padding:4px;
}
div.submitbox {
	border:1px solid #4169e1;
	background-color:#E3E9EB;
	padding:4px;
}

/* newsletter und button */
input.newsletter {
	width:100px;
	color : #000000;
	font-size:10px;
	background-color: #E9ECEF;
}

input.formbutton {
	width:95px;
	background-color:#929CA6;
	color: #ffffff;
	font-size:11px;
	border-style:solid;
	border-width:1;
	border-color:#E9ECEF;
}

.klein { color:black; font-size:10px; font-weight:bold; }
.blau  { color:#0066ff;  }
.rot   { color:red;  }
.gruen { color:green;  }
.frage { color:Red; font-weight:bold; }
.copyright { color:limegreen; font-weight:bold;}
.angebot { color:Red; background-color:Yellow; font-weight:bold;}

a.fett				{ font-weight:bold; font-size:larger; }
a.suchlink			{ color:#0066ff; font-weight:bold; text-decoration: none; }
a.suchlink:hover	{ color:#0066ff; font-weight:bold; text-decoration: underline;}
/* The largest text used in the index page title and toptic title etc. */
h1	{	font-weight:bold; font-size:14px; text-decoration:none; color:#0066ff; }
h2	{	font-weight:bold; font-size:13px; text-decoration:none; color:#0066ff; }
h3	{	font-weight:bold; font-size:12px; text-decoration:none; color:#0066ff; }
h4	{	font-weight:bold; font-size:10px; text-decoration:none; color:#0066ff; }

span.please_wait	{ font-style:italic; font-size:smaller; }