/*
	project: internet broadcast template
	author: luka cvrk (www.solucija.com)

*/

/* default styles */
body { padding: 5px 0 0 0; margin: 0; font: .75em verdana, arial, sans-serif; line-height: 1.6em; background: #fff url(images/stylesheet2/bg.gif) repeat-x; color: #454545; text-align:center;}
a { color: #226682; }
a:hover { color: #808080; }
p {	margin: 0 0 1.5em 0; }
h1 { margin: 0; padding: 0; font: bold 2em verdana, arial, sans-serif; letter-spacing: -1px;}
.left h1 {font-size:1.8em;}
.left h1.category {font-size:1.9em;}
h2 {	font: bold 1.6em verdana, arial, sans-serif; padding: 11px 0 0 0; margin: 0; letter-spacing: -1px; }
.logo h2 {font-size:2em;}
h3 {font: bold 1.3em verdana,arial,sans-serif;margin:0;padding:11px 0;}
h4 {font: bold 1.25em verdana,arial,sans-serif;}
.achtung h3, .left_box h3, .right_articles h3 {padding:0 0 11px 0;}
h2 a { color: #000; background: inherit; text-decoration: none; }
ul.nodisc{ margin: 0; padding : 0; list-style : none; }
ul {padding:0;margin:5px 17px;list-style-type:disc;}
ol li {padding-bottom:7px;}
img { border: 0; }
.hr {clear:both; font-size:1px; height:1px; border-bottom:1px dotted #bbb;margin-bottom:14px;}
.border {border:1px solid #d9d9d9; padding:3px;}
td {vertical-align:top;}
.float1 {float:left;}
.float2 {float:right;}
.clear {clear:both;}
.center {text-align:center;}
.alignright {text-align:right;}
.alignleft {text-align:left;}
.red {color:#f00;}

/* layout */
.content { position:relative; margin: 10px auto; width:95%; min-width: 960px; text-align:left; }
.logo { position:absolute; top:21px; margin: 0 0 10px 0; }
.slogan { font-size: 0.9em; margin: 0 0 11px 2px; padding: 0; color: #808080; background: #fff; }
.top_info { position:absolute; top:11px; right:0; line-height: 27px; color: #808080; background: #fff; margin: 12px 5px 7px 0; text-align: right; height: 74px;font-size:0.9em; }
.top_info a {
	color:#000;text-decoration:none;
}
.top_info a:hover {
	text-decoration:underline;
}

/* round blue login button */
#loginbutton a { font-size:0.9em;text-decoration: none; width: 24px; padding: 7px 12px; margin: 0 0 0 8px; height: 28px; background: #fff url(images/stylesheet2/lb.gif) no-repeat; color: #000; }
#loginbutton a:hover{ background: #fff url(images/stylesheet2/lbhover.gif) no-repeat; color: #000;}

/* main horizontal menu */
.navi_top{ position:absolute; top:96px; left:0; padding: 3px 0; margin: 0; }
	.navi_top li{ list-style: none; display: inline; margin: 0; }
	.navi_top li a{
		text-decoration: none;
		padding: 4px 22px;
		margin-right: 2px;
		background: #808080 url(images/stylesheet2/corner.gif) no-repeat top right;
		font-weight: bold;
		color: #fff;
	}
	.navi_top li a:hover{
		background: #6495AB url(images/stylesheet2/corner.gif) no-repeat top right;
		color: #fff;
	}
	.navi_top li a.current{
		background: #9FC7D8 url(images/stylesheet2/corner.gif) no-repeat top right; color:#22667b; padding: 6px 22px;
	}
	.navi_top .key { text-decoration: underline; }

/* main menu topics */
.navi { position:absolute; top:121px; left:0px;
	width: 68.5%; min-width: 650px;
	background: #B0D0DC url(images/stylesheet2/topicsbg.gif) repeat-x 0 -5px;
	padding: 8px 0;
	margin: 0 0 5px 0;
	color: #fff;
	height: 58px;
}
        .navi ul {position:relative; left:16px;margin: 0; padding : 0; list-style : none; }

	.navi li a { background-image: url(images/stylesheet2/bullet.gif); background-repeat: no-repeat; background-position: center left;  padding: 0 0 0 12px; font-weight:bold;font-size:.9em; color:#226682;text-decoration:underline;}

	.navi li a:hover {text-decoration:none; }

/* main menu search */

.searchbox_bg {
        position:absolute; right:0; top:121px; background: #fff url(images/stylesheet2/searchboxbg.gif) repeat-x 0 15px;
	width: 32.5%; min-width: 310px;
}

.searchbox {

	text-align: right;
	background: url(images/stylesheet2/searchbg.gif) no-repeat top left;
	color: #000;
	padding: 32px 0 12px 0;
	min-height: 32px; /* FF height */
	height: 32px;	/* IE height */}
	/* search form styling */
        .searchbox form {position:relative; left:-21px;
        _width: 230px; // IE6 width
}
	.searchbox form, .searchbox form p { margin: 0; padding: 0; line-height: 25px; }

		.search { width: 156px; border: 1px solid #357994; background: #fff; color: #478f36; padding: 6px 1px; margin: 0; font-weight: bold; font-size: 1.0em;  }
		.button { padding: 4px; font: bold 1em Arial, Sans-Serif; }

/* main */
.main {position:relative; top:202px; width:100%;}
/* left side */
.left {
	float: left;
	width:66.3%;min-width: 635px;
	margin: 0 1% 10px 0;
}
	.subheader {
		margin: 0 0 10px 0;
		padding: 8px;
		background: #fdfdfd url(images/stylesheet2/bgshade.gif) repeat-x;
		color: #808080;
		border-bottom: 1px solid #ddd;border-top-color: #ddd;
	}

        .subheader .kat-description {padding-top:7px;}

	.breadcrumb {
		margin: 0 0 34px 0;font-style:italic;
	}

	.left_articles {
		margin: 0px 0 10px 0;
		background: #fff url(images/stylesheet2/bgshade.gif) repeat-x;
		color: #454545;
		padding: 15px 15px 5px 10px;
	}

/*
.indexcats .catlist {float:left; background:#fff url(images/stylesheet2/folder.gif) no-repeat 98% 3px; padding:5px;width:46%;min-height:101px;_height:101px;margin:3px 0 3px 5px;border:1px solid #ddd;}

.indexcats .catlist a.subcatlink {color:#454545;text-decoration:none;}

.indexcats .catlist a.subcatlink:hover {color:#777;}

.indexcats .catlist img {
	float:left;
	margin-right:10px;
}

.indexcats .catlist a:hover {
	text-decoration:none;
}

.indexcats .catlink { display:block;
	font-size:12px;
	font-weight:bold; padding-bottom:5px;
}

.indexcats .catlink:hover {background:#fafafa url(images/stylesheet2/folder2.gif) no-repeat 100% -2px;color:#267;}
*/

.maincats {margin:29px 0 16px 0;}
.maincats li {padding-bottom:7px;}
.maincats h4 {margin:0;padding:0 0 7px 0;}

.subcats {margin:14px 0 29px 0;}

.subcats .catlist, .maincats .catlist {display:inline;}

.subcats a {font-weight:bold;font-family:arial; font-size:1.2em;line-height:2em;padding:0 2px;}

.datum {position:absolute; top:9px;right:35%; color:#808080;}

.indexText {padding:7px 0 11px 0; text-align:justify}

/* Linkeinträge */

.standard-link, .tipp-link, .premium-link {margin:25px 0 20px 0;}

a.header {font-weight:bold;font-size:1.1em;}
a.header:hover {}

img.star {position:relative;top:5px;margin:-5px 0 0 14px;height:20px;max-width:142px;}

.standard-link a.linkurl, .tipp-link a.linkurl, .premium-link a.linkurl, .linkfooter {font-size:.7em; color:#aaa;}

.description {margin:7px 0 0 0;}

.thumbnail {border:1px solid #ccc; padding:2px; float:left; margin:7px 14px 11px 0;width:110px;height:90px;}

.link-border {clear:both; font-size:1px; height:1px; border-bottom:1px dotted #bbb;margin-bottom:14px;}

.avg_footer {border-bottom:1px dotted #bbb;padding:3px 0 21px 0;}

.details {margin-top:11px;}

.details a.header {text-decoration:none; font-size:1.2em;letter-spacing:-1px;}

.left_box img.thumbfloat {float:left;position:relative; top:3px; margin:0 3px 0 11px;}

		.date { font-size: .9em; padding: 0 0 0 12px; background: #fff url(images/stylesheet2/news.gif) no-repeat center left; color: #808080; }
		.bigimage {
			float: left;
			clear: left;
			border: 1px solid #ccc;
			background: #eee;
			color: #000;
			width: 200px;
			height: 150px;
			margin: 0 15px 10px 0;
		}
	.left_box {
		clear:both; background: #f4f4f4;
		color: #808080;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 15px;
		margin: 0 0 15px 0;
	}
	.subcats .left_box {
		border: 1px dotted #ccc;
		padding: 25px 16px;
		margin: 0 0 15px 0;
	}
	.thirds {
		float: left;
		width: 176px;
		padding: 11px 0 0 15px;
	}
	.adsense_box_top {
		clear:both;
		margin:11px 0 11px 0;
		/*padding:25px 0 34px 34px;*/
		padding: 5px 0 14px 61px;
		border: 1px dotted #ccc;
	    background: #f4f4f4;
		color: #808080;
	}
	.adsense_box_bottom {
		clear:both;
		margin: 25px 0 52px 130px;
	}

.sitemap {float:left; width:47%; padding:4px; border:1px dotted #d4d4d4; margin:0 1% 7px 0;}

.sitemap h3 {margin-top:0;padding-top:4px;}

/* right side */
.right {
	float: right;font-family:arial;
        width: 32.5%; min-width: 310px; overflow:hidden;
	margin: 0 0 10px 0;
}

.right a:hover { color: #226682; }

.right p {	margin: 0 0 5px 0; }

	.right_articles, .right_articles_notes {
		border: 1px solid #d5d5d5;
		padding: 8px;
		margin: 0 0 10px 0;
		background: #eee;
		color: #454545;
	}

	.right_articles {
		font-size:1em;
	}

	.right_articles h3 {
		font-size:1.15em;
	}

	.right_articles a {
		text-decoration:none;
	}

	.right_articles a:hover {
		text-decoration:underline;
	}

	.right_articles .box {
		padding:21px 10px 11px 10px;margin:5px 11px;background:#f5f5f5;border:1px solid #d5d5d5;
	}

        .right_articles .rightAdd {position:relative; top:-4px; left:-4px;margin-bottom:-8px;}

	.right_articles_notes {
		padding-left: 80px;padding-right:20px;
		background: #eee url(images/stylesheet2/achtung.gif) no-repeat 6px 8px;
	}
	.image { float: left; margin: 0 9px 3px 0; }
	.notes {
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 17px 10px 17px 10px;
		margin: 0 0 10px 0;
		color: #454545;
	}
        .notes3 {border:1px dotted #ccc;}
	.notes2 {
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 17px 10px 17px 80px;
		margin: 0 0 10px 0;
		background: #fff url(images/stylesheet2/notes.gif) no-repeat 0 19px;
		color: #454545;
	}

        #randomlinks img {background:#fff; padding:5px;border:1px dotted #ccc; margin-top:7px;text-align:center;width:240px;}

/* footer */
.footer {
font-size:0.9em;
	clear: both;
	color: #808080;
	background: #FFF;
	padding: 10px 0 10px 0px;
	border-top: 1px solid #ccc;
        font-family:tahoma, arial, sans-serif;
}
	.footer .right { float: right; line-height:1.4em;margin-left:11px;}

        .footer a {color:#808080;}
        .footer a:hover {text-decoration:none;}


/* Globale Auszeichnungen */
.textmarker {
	font-weight:bold;
	color:#378;
}

.textmarker-2 {
	color:#378;
}

.textmarker-3 {
	color:#378; text-transform:uppercase; font-weight:bold;
}

.error {color:#f60;font-weight:bold;}

.ok  {
	font-weight:bold;
	color:#579f46;
}

.hinweis   {
	font-weight:bold;
	color:#9bb44b;
}

.grey {color:#808080;}

.fontsize-1 {font-size:1.15em;}

.fontsize-2 {font-size:1.3em;}

.achtung {padding:16px;color:#6c6b5f;border:3px dashed #bbd46b;background:#f8f8f8;}

.strong {font-weight:bold;}

.italic {font-style:italic;}

.dark {color:#000;}

.fontsmall {font-size:.8em;line-height:1.3em;}
h3 .fontsmall {font-weight:normal;}
.fontsmaller {font-size:0.9em;line-height:1.3em;}
.fontbig {font-size:1.2em;}

.red-arrow {
	font-size:11px;
	font-weight:bold;
	color:#267;
	font-family:verdana;
	text-decoration:none;
	margin-right:5px;
}

.feedimage {
	margin-right:5px;}


/* Formulare*/
form label, form .label {float:left; position:relative; top:5px;width:133px;line-height:1.1em;margin-bottom:5px;}
#login-form label, #login-form .label {width:77px;}
#login-form input {width:100px;}
form p {clear:both;margin:4px 0;}

fieldset {padding:16px 25px;border:1px solid #d9d9d9;}
fieldset legend {font: bold 1.3em verdana, arial, sans-serif; letter-spacing: -1px;color:#454545;margin-bottom:16px;}

input.width1 {width:400px;}


/* Detailseite Suchwörter*/
.details-keys {color:#808080; line-height:1em;margin-bottom:21px}

#iFrame {display:none;}


/* Bewertungsbalken */
.rating_bar {
  float:left;
  width: 104px;height:11px;margin:0 7px;position:relative; top:5px;
  background: url(images/stylesheet2/balken_bg.gif) no-repeat;
}

.rating_bar div {
  height: 7px;
  background: url(images/stylesheet2/balken.gif) repeat-x;position:relative; top:2px;left:2px;
}
