/*
*********************************************************************************
** Stylesheet-file for gratis-ecke.de
** Author: Reinhard Naegler
** (c) gratis-ecke.de
*********************************************************************************
*/

body {
	background:#d0dae1 url(../images/bg.jpg) repeat-x fixed;
	font-family:Verdana,Tahoma,Arial;
	font-size:11px;
	margin:10px;
}

td, p, div {
	font-family:Verdana,Tahoma,Arial;
	font-size:11px;
	color:#000000;
}

form {
	margin:0px;
	padding:0px;
}

p {
	padding-top:0px;
	margin-top:0px;
}

hr {
	color:#999999;
	height:1px;
}

h1 {
	width:100%;
    font-family:Arial;
	font-size:18px;
	line-height:20px;
	margin:0px 0px 10px;
	color:#004477;
}

h2 {
	width:100%;
    font-family:Arial;
	font-size:16px;
	line-height:18px;
	margin:0px 0px 6px;
	color:#444444;
}

h3 {
	width:100%;
	font-family:Arial;
	font-size:14px;
	line-height:18px;
	margin:0px;
	color:#004477;
}


/* Shortys */

.fullSpace { height:10px; font-size:0px; }
.halfSpace { height:5px; font-size:0px; }
.separator { height:1px; font-size:0px; background-color:#cccccc;}
.textLeft { text-align:left; }
.textCenter { text-align:center; }
.textRight { text-align:right; }
.floatL { float:left; }
.floatR { float:right; }
.clear { clear:both; font-size:0px; height:0px; }
.bg_gratis { background-color:#00537a; }
.bg_handy { background-color:#cc6600; }
.bg_webmaster { background-color:#880000; }
.bg_secondary { background-color:#525e64; }
.rel { position:relative; }
.abs { position:absolute; }
.hand { cursor:pointer; }
.white { color:#FFFFFF; }
.little { font-size:10px; }
.littlegray { font-size:10px; color:#333333; }
.inputtext { font-family:Verdana,Tahoma,Arial; font-size:11px; color:#000000; border:1px #aaa solid; background-color:#EEEEEE; }
.inputtextlittle { font-family:Tahoma,Arial,Verdana; font-size:10px; color:#000000; border:1px #aaa solid; background-color:#EEEEEE; }
.errorText { color:#AA0000; }
.qf { background-color:#FFEEBB; color:#DD0000; font-weight:bold; }


/* Layout Box */

html>body #layoutHeader { background:url(../images/layout_header.png) no-repeat; }
*html #layoutHeader { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.gratis-ecke.de/images/layout_header.png', sizingMethod='crop'); }
#layoutHeader {
    margin:0 auto;
	padding:0px 5px;
	width:770px;
}

html>body #layoutMiddle { background:url(../images/layout_bg.png) repeat-y; padding:0px 5px; width:770px; }
*html #layoutMiddle { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.gratis-ecke.de/images/layout_bg.png', sizingMethod='scale'); }
#layoutMiddle {
    margin:0 auto;
    padding:0px 5px;
    width:770px;
}

#layoutMiddle .layoutMenu {
	float:left;
	width:175px;
}
#layoutMiddle .layoutContent {
	float:left;
	width:595px;
}
#layoutMiddle .layoutContent .contentMain {
	float:left;
	width:420px;
	margin-right:10px;
}
#layoutMiddle .layoutContent .contentRight {
	float:right;
	width:165px;
}
#layoutMiddle .layoutBg {
	background:url(../images/blank_blue.gif);
}
#layoutMiddle .footer {
	background:#fff;
    padding:10px 10px 0px;
    color:#666666;
    font-size:10px;
    line-height:14px;
    text-align:center;
}
#layoutMiddle .footer a {
    color:#666666;
}

html>body #layoutFooter { background:url(../images/layout_footer.png) no-repeat; padding:0px 5px; width:770px; }
*html #layoutFooter { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.gratis-ecke.de/images/layout_footer.png', sizingMethod='image'); }
#layoutFooter {
    margin:0 auto;
	height:16px;
}


/* Alle Links */

a:link, a:visited {
	color:#004477;
	text-decoration:none;
	outline:none;
	cursor:pointer;
}

a:active, a:hover {
	color:#666666;
	text-decoration:underline;
	outline:none;
	cursor:pointer;
}


/* Menü (links) */

.menu {
	padding:28px 0px 0px;
	margin:0px 10px 10px 0px;
}
.menu ul {
    list-style:none;
	padding:0px 0px 5px;
	margin:0px 0px 0px;
}
.menu ul li {
    list-style:none;
	padding:0px;
	margin:0px;
}
.menu ul li a:link, .menu ul li a:visited, .menu ul li a:active {
	display:block;
	padding:3px 5px 3px 5px;
	color:#ffffff;
	text-decoration:none;
}
.menu ul li a:hover, .menu ul li a.on {
	display:block;
	padding:3px 5px 3px 5px;
	color:#ffffff;
	text-decoration:none;
}
.menu ul li ul {
	padding:0px;
	margin:0px;
}
.menu ul li ul li {
	padding:0px;
	margin:0px;
}
.menu ul li ul li a:link, .menu ul li ul li a:visited, .menu ul li ul li a:active {
	display:block;
	background:none;
	margin:0px 0px 0px 14px;
	padding:3px 5px 3px 14px;
	color:#ffffff;
	font-size:10px;
	text-decoration:none;
	border:0px;
}
.menu ul li ul li a:hover,
.menu ul li ul li a.on:link,
.menu ul li ul li a.on:visited,
.menu ul li ul li a.on:active,
.menu ul li ul li a.on:hover {
	display:block;
	background:url(../images/navpoint2.gif) no-repeat 2px 5px;
	padding:3px 5px 3px 14px;
	color:#ffffff;
	font-size:10px;
	text-decoration:none;
}


/* Menü Erweiterung GRATIS */

.menu_gratis { background:url(../images/navmenue_kostenlos_top.gif) no-repeat; }
.menu_gratis ul { background:url(../images/navmenue_kostenlos_bottom.gif) no-repeat bottom; }
.menu_gratis ul li a { background:#00537a; border-top:1px #6d97b5 solid; }
.menu_gratis ul li a:hover, .menu_gratis ul li a.on { background:#366f9b; }
.menu_gratis ul li ul { background:#4984a9; }

/* Menü Erweiterung HANDY */

.menu_handy { background:url(../images/navmenue_handy_top.gif) no-repeat; }
.menu_handy ul { background:url(../images/navmenue_handy_bottom.gif) no-repeat bottom; }
.menu_handy ul li a { background:#cc6600; border-top:1px #d9b9a0 solid; }
.menu_handy ul li a:hover, .menu_handy ul li a.on { background:#da7e21; }
.menu_handy ul li ul { background:#dd9043; }

/* Menü Erweiterung WEBMASTER */

.menu_webmaster { background:url(../images/navmenue_webmaster_top.gif) no-repeat; }
.menu_webmaster ul { background:url(../images/navmenue_webmaster_bottom.gif) no-repeat bottom; }
.menu_webmaster ul li a { background:#880000; border-top:1px #b37a7a solid; }
.menu_webmaster ul li a:hover, .menu_webmaster ul li a.on { background:#B44747; }
.menu_webmaster ul li ul { background:#B34A4A; }

/* Menü Erweiterung SECONDARY */

.menu_secondary { background:url(../images/navmenue_secondary_top.gif) no-repeat; }
.menu_secondary ul { background:url(../images/navmenue_secondary_bottom.gif) no-repeat bottom; }
.menu_secondary ul li a { background:#525e64; border-top:1px #89959d solid; }
.menu_secondary ul li a:hover, .menu_secondary ul li a.on { background:#6F7E86; }
.menu_secondary ul li ul { background:#6F7E86; }


/* Weisse abgerundete Ecken */

.cornerTL { position:relative; }
.cornerTL div { position:absolute; display:block; background:url(../images/corner1.gif) no-repeat; width:5px; height:5px; top:0px; left:0px; }

.cornerTR { position:relative; }
.cornerTR div { position:absolute; display:block; background:url(../images/corner2.gif) no-repeat; width:5px; height:5px; top:0px; right:0px; }

.cornerBL { position:relative; }
.cornerBL div { position:absolute; display:block; background:url(../images/corner3.gif) no-repeat; width:5px; height:5px; bottom:0px; left:0px; }

.cornerBR { position:relative; }
.cornerBR div { position:absolute; display:block; background:url(../images/corner4.gif) no-repeat; width:5px; height:5px; bottom:0px; right:0px; }

.cornwTL { position:relative; }
.cornwTL div { position:absolute; display:block; background:url(../images/corner_white1.png) no-repeat; width:5px; height:5px; top:0px; left:0px; }

.cornwTR { position:relative; }
.cornwTR div { position:absolute; display:block; background:url(../images/corner_white2.png) no-repeat; width:5px; height:5px; top:0px; right:0px; }

.cornwBL { position:relative; }
.cornwBL div { position:absolute; display:block; background:url(../images/corner_white3.png) no-repeat; width:5px; height:5px; bottom:0px; left:0px; }

.cornwBR { position:relative; }
.cornwBR div { position:absolute; display:block; background:url(../images/corner_white4.png) no-repeat; width:5px; height:5px; bottom:0px; right:0px; }



/* Links Hauptebene */

a.basic {
	display:block;
	color:#fff;
	padding:4px 10px 4px;
	text-decoration:none;
}
a.basic:hover {
	padding:4px 10px 4px;
	text-decoration:none;
}


/* Pfad */

.path {
	padding:6px 0px;
	font-size:10px;
}

.path a:hover {
	color:#000;
}


/* Kategorie-Box */

.catInfo {
	background-color:#ffffff;
	margin:0px;
}
.catInfo .text {
	padding:10px;
}
.catInfo .description {
	float:left;
	width:410px;
	padding:10px;
}
.catInfo .picture {
	float:right;
	width:165px;
}
.catInfo .list_picture {
     float:left;
	 background:#ffffff;
	 width:140px;
}
.catInfo .list_description {
	float:left;
	background:#ffffff;
	width:260px;
	padding:0px 10px;
}


/* Gratis-Box */

.detailText {
	font-size:12px;
	line-height:16px;
}


/* Other-Box */

.otherBox {
	background:transparent url(../images/other_bg.gif) repeat-y;
	padding:0px 10px;
}

.otherBox a.list {
	display:block;
    background:transparent url(../images/arrow.gif) no-repeat 0px 2px;
    padding:0px 0px 0px 10px;
}


/* Links SeitenSwitch */

a.pswitch:link, a.pswitch:visited
{
	color:#004477;
	text-decoration:none;
}
a.pswitch:active, a.pswitch:hover
{
	color:#FFFFFF;
	text-decoration:none;
	background-color:#DD0000;
}

a.pswitchon:link, a.pswitchon:visited, a.pswitchon:active, a.pswitchon:hover
{
	color:#FFFFFF;
	text-decoration:none;
	background-color:#DD0000;
}


/* Detaillinks in Gratislink */

a.ggo:link, a.ggo:active, a.ggo:visited
{
	color:#FFFFFF;
	text-decoration:none;
	background-color:#709FC0;
	display:block;
	white-space:nowrap;
	padding-top:1px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	margin:1px;
	height:13px;
	border:0px;

}

a.ggor:link, a.ggor:active, a.ggor:visited
{
	color:#FFFFFF;
	text-decoration:none;
	background-color:#E68524;
	display:block;
	white-space:nowrap;
	padding-top:1px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	margin:1px;
	height:13px;
	border:0px;

}

a.ggo:hover, a.ggor:hover
{
	color:#FFFFFF;
	text-decoration:none;
	background-color:#004477;
	display:block;
	white-space:nowrap;
	padding-top:1px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	margin:1px;
	height:13px;
	border:0px;
}


/* Handy Links */

a.itemTitle {
	display:block;
	margin:1px 0px 0px;
	padding:3px 4px;
	background-color:#CC6600;
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
}