﻿/* Seitenrumpf usw.
/* ************************************************************************ */
body {
	padding:0; 
    margin-top:6px;
    margin-bottom:6px;
    margin-left:6px;
    margin-right:4px;
	background:#fafaff;
	color:rgb(0,35,100);
	font: 0.8em Tahoma, sans-serif; 
   	line-height: 1.5em;
}

.content { 
    border-style: none;
	border-color: inherit;
	border-width: 0;
	margin: 0 auto;
	width:988px;
    padding:0px; 
    background:rgb(250,250,255) url("images/menu.gif") repeat-y;
	}

h3 {
	color:rgb(0,35,100);
	border-bottom:1px solid rgb(79,92,144);
	padding-left:15px;
	font-size:13px;
}

h4 {
	font-size:11px;
}

/*-- Header
/* ************************************************************************ */
div#header {
	width:				100%;
	height:				93px;
	margin:				0;
	background:			#7da1ec url('http://www.topwebconcept.de/bilder/header_neu.jpg') no-repeat;
	border-bottom:		1px solid #44a47f;
}

.headerEnde-1 {
	clear: 				both;
	width:				100%;
	height:				5px; 
	background-color:	#b9d2ff;
	border-top: 		1px solid #98dce8;
}
.headerEnde-2 {
	width:				100%;
	height:				20px; 
	background:			url(http://www.topwebconcept.de/bilder/rundung.gif) 190px 0px no-repeat; 
}


/*-- Kopf-Menü
/* ************************************************************************ */
#topNavi {
	float:				left;
	width:				100%;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			14px;
	font-weight:		600;
	text-align:			right;
	margin-bottom:		0px;
	line-height:		normal;
	background:			url("http://www.topwebconcept.de/bilder/navi.gif");
	border-bottom:		1px solid #00a263;
}
#topNavi ul {
	margin:				0;
	padding:			0;
	list-style:			none;
}
#topNavi li {
	display:			inline;
	margin:				0;
	padding:			0;
}
#topNavi a {
	float:				left;
	height:				38px;
	width:				16%;
	text-decoration:	none;
	white-space:		nowrap;
	margin:				0;
	padding:			0 0 0 4px;
	background:			url("http://www.topwebconcept.de/bilder/tableft.gif") no-repeat left top;
}
#topNavi a span {
	float:				left;
	display:			block;
	color:				#FFF;
	padding:			4px 15px 3px 24px;
	background:			url("http://www.topwebconcept.de/bilder/tabright.gif") no-repeat right top;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topNavi a span {float:none;}
/* End IE5-Mac hack */
#topNavi a:hover span {color:#FFF;}

#topNavi a:hover {
	background-position:0% -42px;
}
#topNavi a:hover span {
	background-position:100% -42px;
}
#topNavi #current a {
	background-position:0% -42px;
}
#topNavi #current a span {
	background-position:100% -42px;
}

#11px {
	font-size:			11px;
}


/* Globale Link - Elemente
/* ************************************************************************ */
a, a:active, a:visited {
	color:rgb(50,60,180);
	text-decoration:none;
}

a:hover {
	color:rgb(255,75,0);
}

/* Globale Formular - Elemente: Fehlermeldungen, Textboxen, DropDown usw.
/* ************************************************************************ */
form {
	margin:0;
	padding:0;
}

input, select {
	font-size:12px;
}

.textfield {
	width:200px;
}

.error {
	color:rgb(255,75,0);
	background-color:#FFFFE1;
	border:1px dashed rgb(255,75,0);
	margin-top:8px;
	margin-bottom:8px;
	font-weight:bold;
	padding:5px;
}

.keyword { /* Keywordmarkierung */
	background-color:#FFFF00;
} 

fieldset      {
	padding:10px;
	margin-bottom:15px;
}

fieldset legend {
	font-weight:bold;
	color:rgb(82,115,187);
	padding-left:5px;
	padding-right:5px;
}

label {
	display:block;
	width:115px;
	float:left;
	font-weight:bold;
	color:rgb(0,35,100);
}

/* Globale Auszeichnungen: Pfeile, Listen usw.
/* ************************************************************************ */
.textmarker {
	font-weight:bold;
	color:rgb(50,60,180);
}

.textmarker-2 {
	color:rgb(50,60,180);
}

.red-arrow {
	font-size:12px; 
	font-weight:bold; 
	color:rgb(65,96,165); 
	font-family:verdana; 
	text-decoration:none;
	margin-right:5px;
}

.feedimage {
	margin-right:5px;
}

/* Hauptnavigation
/* ************************************************************************ */
#mainNavi {
	float:				left;
	width:				190px;
	margin:				0; 
	padding: 			0;
	background:			#b9d2ff;
	border: 			0px dashed silver;
}

#mainNavi ul {
	list-style: 		none;
	margin:				0;
	padding:			0;

}

#mainNavi li a {
	display:			block;
}

.menuTitel {
	width:				180px;
	height:				100%;
	line-height:		18px;
	color:				#fff;
	text-decoration:	none;
	text-align:			left;
	font-size:			14px;
	font-weight:		bold;
	padding:			3px 0 3px 10px;
	background:			#6487d7 url('http://www.topwebconcept.de/bilder/navi.gif');
	border-top:			3px solid #fafaff;
}

#mainNavi a {
	width:				180px;
	height:				24px;
	line-height:		24px;
	color:				#000050;
	font-size:			14px;
	text-align:			left;
	text-decoration:	none;
	background-color:	#b9d2ff;
	padding-left:		10px;
	border-top:			1px solid #f0faff;
	border-bottom: 		1px solid #7191b4;
}

#mainNavi a:hover {
	width:				180px;
	height:				24px;
	line-height:		24px;
	color:				#fff;
	font-size:			14px;
	text-align:			left;
	text-decoration:	none;
	background-color:	#3573b1;
	padding-left:		10px;
	border-top:			1px solid #f0faff;
	border-bottom: 		1px solid #7191b4;
}


/* Main Content: Kategorien, Link - Darstellung usw.
/* ************************************************************************ */
.maintext {
	font-size:12px;
	font-weight:normal;
	color:rgb(0,35,100);
}

.main {
    background-color:rgb(250,250,255);
    float:left;
    width:55%;
    margin:0 0 10px 20px;
}

.main h2 {
	background-color:rgb(170,200,255);
	font-size:11px;
	padding:2px;
	padding-left:15px;
	color:rgb(79,92,144);
}

.main h3 {
	background-color:rgb(170,200,255);
	font-size:11px;
	padding:2px;
	padding-left:15px;
	color:rgb(0,35,100);
	margin-top:25px;
}

.main h2 a,
.main h2 a:visited,
.main h2 a:active {
	display:block;
	text-decoration:none;
	color:rgb(0,35,100);
}

.main h2 a img {
	border:0;
	margin-right:8px;
}

.catlist {
	padding-left:20px;
	margin-top:12px;
	margin-bottom:0;
	margin-right:15px;
}

.catlist img {
	float:left;
	margin-right:10px;
}

.catlist a,
.catlist a:active,
.catlist a:visited {
	color:rgb(50,60,180);
}

.catlist a:hover {
	color:rgb(255,75,0);
}

.catlink {
	font-size:14px;
	font-weight:bold;
}

.adsense {
	border:1px dashed rgb(50,60,180);
	padding:10px;
	margin-bottom:15px;
	text-align:center;
}

.subcats {
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:1px solid rgb(50,60,180);
}


/* Links: Allgemein
/* ************************************************************************ */
a.linkurl,
a.linkurl:active,
a.linkurl:visited {
	font-weight:bold;
	color:rgb(0,35,100);
	text-decoration:none;
}

a.linkurl:hover {
	color:rgb(255,75,0);
}

.bookmarks img {
	margin-right:2px;
	padding:2px;
	border:1px solid rgb(0,35,100);
}

/* Links: Links hinzfügen / Links bearbeiten
/* ************************************************************************ */
#addform label,
#editform label {
	width:115px;
}

#addform input[type="text"],
#editform input[type="text"] {
	width:290px;
}	

#addform input[type="checkbox"],
#editform input[type="checkbox"] {
	float:left;
	margin-right:10px;
}

#addform .info,
#editform .info {
	margin-left:115px;
}

/* Links: Sponsor
/* ************************************************************************ */
.sponser-link table {
	width:100%;
	border:1px solid rgb(0,35,100);
	margin-bottom:25px;
}

.sponser-link table td {
	padding:4px;
	text-align:center;
}

.sponser-link table td img {
	vertical-align:middle;
}

/* Links: Image
/* ************************************************************************ */
.image-link {
	border-bottom:1px solid rgb(0,35,100);
	margin-bottom:15px;
	padding:5px;
}

.image-link .screenshot {
	float:left;
	border:1px solid rgb(0,35,100);
	padding:4px;
	margin-right:10px;
}

.image-link .description {
	margin:0px;
	color:rgb(0,35,100);
	text-align:justify;
}

.image-link .link-footer img {
	margin-left:5px;
	margin-right:5px;
}

/* Links: Tipp
/* ************************************************************************ */
.tipp-link {
	border-bottom:1px solid rgb(0,35,100);
	margin-bottom:15px;
	padding:5px;
}

.tipp-link .description {
	margin:0px;
	color:rgb(0,35,100);
	text-align:justify;
}

.tipp-link .link-footer img {
	margin-left:5px;
	margin-right:5px;
}

/* Links: Standard
/* ************************************************************************ */
.standard-link {
	border-bottom:1px solid rgb(0,35,100);
	margin-bottom:15px;
	padding:5px;
}

.standard-link .description {
	margin:0px;
	color:rgb(0,35,100);
	text-align:justify;
}

.standard-link .link-footer img {
	margin-left:5px;
	margin-right:5px;
}

/* Kommentare: Listen, Avatare, Zitate usw.
/* ************************************************************************ */
.commentlist ol {
	list-style-image:url('images/comment.gif');
}

.commentlist ol li {
	padding-left:10px;
}

.commentlist ol li h4  {
	margin-top:20px;
	margin-bottom:0px;
	padding-bottom:2px;
	border-bottom:1px solid rgb(50,60,180);
}

.commentlist ol li p+p {
	margin-top:5px;
}

.commentlist ol li blockquote {
	color:rgb(0,35,100);
	border-top:1px solid rgb(0,35,100);
	border-bottom:1px solid rgb(0,35,100);
	padding-top:5px;
	padding-bottom:5px;
}

.gravatar {
	float:right;
	border:1px solid #cccccc;
	padding:3px;
	margin-top:10px;
	margin-left:15px;
}

.desc {
	margin:0px;
	margin-top:1px;
	font-size:10px;
	color:rgb(0,35,100);
}

.desc a, .desc a:visited, .desc a:active {
	color:rgb(50,60,180);
}

.desc a:hover {
	text-decoration:underline;
	color:rgb(255,75,0);
}

.comment a, .comment a:visited, .comment a:active {
	color:rgb(255,75,0);
	text-decoration:underline;
}

.comment a:hover {
	text-decoration:none;
	color:rgb(0,35,100);
}

/* Neue Links
/* ************************************************************************ */
.sortbar {
	margin-bottom:25px;
}

.sortbar label  {
	font-weight:bold;
	width:155px;
}

/* Live - Suche
/* ************************************************************************ */
.livesearch {
	width:100%;
}

.livesearch th {
	padding:4px;
	color:rgb(50,60,180);
	border-bottom:1px solid rgb(0,35,100);
}

.livesearch td {
	padding:4px;
}


/* Linke Sidebar: Platzhalter
/* ************************************************************************ */
.sidebar_left {
    float:left;
    width:20%;
    margin:0;
}

.sidebar_left h2 {
	width:180px;
	background-color:rgb(170,200,255);
	background-image:url("http://www.topwebconcept.de/bilder/navi.gif");
	font-size:14px;
	line-height:18px;
	padding:3px 0 3px 10px;
	color:rgb(255,255,255);
	margin:0 10px 6px 0px;
	border-top:3px solid #fafaff;
}


/* Rechte Sidebar: Neue Einträge, Newsletter, Partner usw.
/* ************************************************************************ */
.sidebar_right {
    background-color:rgb(250,250,255);
    float:right;
    width:20%;
    margin:0 0 10px 0;
}

.sidebar_right h2 {
	width:185px;
	background-color:rgb(170,200,255);
	background-image:url("http://www.topwebconcept.de/bilder/navi.gif");
	font-size:14px;
	line-height:18px;
	padding:2px;
	padding:3px 0 3px 10px;
	color:rgb(255,255,255);
	margin:0 0 6px 5px;
	border-top:3px solid #fafaff;
}

.sidebar_right h2 a,
.sidebar_right h2 a:visited,
.sidebar_right h2 a:active {
	display:block;
	text-decoration:none;
	color:rgb(0,35,100);
}

.sidebar_right h2 a img {
	border:0;
	margin-right:8px;
}

.feed {
	padding-left:8px;
	margin-top:2px;
	margin-bottom:2px;
}


/* Footer: Copyright usw.
/* ************************************************************************ */
.abstand {
	clear:				both;
	height:				60px;
}

.footer {
	width:				978px;
	margin: 			0 0 0 10px; 
	padding: 			0;
}

.ro { 
	background:			url(http://www.topwebconcept.de/bilder/box_ro.gif) top right no-repeat; 
	margin:				0; 
	padding:			0; 
} 
  
.lo { 
	background:			url(http://www.topwebconcept.de/bilder/box_lo.gif) top left no-repeat; 
	margin:				0; 
	padding:			0; 
} 
  
.ru { 
	background:			url(http://www.topwebconcept.de/bilder/box_ru.gif) bottom right no-repeat; 
	margin:				0; 
	padding:			0; 
} 
  
.lu { 
	background:			url(http://www.topwebconcept.de/bilder/box_lu.gif) bottom left no-repeat; 
	margin:				0; 
	padding:			0; 
} 

.fusstext { 
	height:				64px;
	margin:				0; 
	padding:			0; 
} 

.fussLinks { 
	float:				left;
	width:				180px;
	text-align:			center;
	margin:				0; 
	padding-top:		24px; 
} 
#fussMitte { 
	float:				left;
	width:				608px;
	font-size: 		 	12px;
	text-align:			center;
	margin:				0; 
	padding-top:		12px; 
} 
.fussRechts { 
	float:				right;
	width:				190px;
	text-align:			center;
	margin:				0; 
	padding-top:		24px; 
} 

#fussMitte a {
	font-size:			12px;
	color:				#002364;
	text-decoration:	none;
}

#fussMitte a:hover {
	font-size:			12px;
	color:				#ff4b00;
	text-decoration:	none;
}

.menuEnde { 
	width:				760px;
	font-size:			12px;
	text-align:			left;
	margin: 			15px 0 5px 220px; 
	padding: 			0;
}

.ecke-lu { 
	width:				988px;
	height:				10px;
	background:			url(http://www.topwebconcept.de/bilder/corner-lu.gif) bottom left no-repeat; 
	margin:				0; 
	padding:			0; 
} 
  
.ecke-ru { 
	float:				left;
	width:				190px;
	height:				10px;
	background:			url(http://www.topwebconcept.de/bilder/corner-ru.gif) bottom right no-repeat; 
	margin:				0; 
	padding:			0; 
} 

