/*

	project: internet services - 2nd edition
	author: luka cvrk (www.solucija.com) */


/* default styles
   -------------- */
:link,:visited { text-decoration:none }
:focus { outline: none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,dl,dt,dd { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
fieldset {  border: none 0 }
dl {margin: 0 0 0 .8em;}
dl dt {margin: 0 0 .5em 0;}
dl dd+dt {margin-top: 1.5em;}
dl dd {margin: 0 0 1em 2em;}
ol {list-style: decimal;}
ol li {margin: 0 0 1em 2.5em;}
ol li ol {margin: 1em 0 1em 1em;}
ol li ul {margin: 1em 0 1em 1em;}
p {margin: 0.8em 0 0.8em 0;}
ul {list-style: disc;}
ul li {margin: 0 0 0 2em;}
ul li ul {margin: 1em 0 1em 1em; list-style: circle;}
ul li ol {margin: 1em 0 1em 1em;}

body {
	font: .7em Arial, "Trebuchet MS", Tahoma, sans-serif;
	line-height: 1.6em;
	background: #C0C0C0;
	color: #444;
}

a {	color: #E0691A; }
a:hover { color: #6C757A; }

h1 { font: normal 2.4em "Trebuchet MS", Arial, Sans-Serif; padding: 7px 0 10px 8px; margin: 0; }
h1 a { color: #737373; background: inherit; }
.orange { color: #E0692A; }
h1 sup { font-size: .5em; _font-size: .6em;}

h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }

ul { list-style : none; }

/* layout
   ------ */

#container {
	margin: 10px auto 0 auto;
	width: 960px;
	padding: 10px;
	background: #FFF;
	border: 1px solid #8F8F8F;
}

.header {
	height: 60px;
	background: #fff url(../images/s13/headerbg.gif) repeat-x bottom;
	color: #808080;
	margin: 3px 0;
}

.top_info {
	float: right;
	width: 425px;
	padding: 5px 0 4px 0;
	color: #808080;
}

	.top_info_left {
		width: 100px;
		float: left;
	}

	.top_info_right {
		float: right;
		width: 260px;
		padding: 0 0 0 35px;
		border-left: 1px solid #eee;
	}

.bar {
	clear: both;
	font-size: 1.1em;
	height: 30px;
	color: #FFF;
	background: #FF9148 url(../images/s13/menubg.gif) repeat-x;
}

	.bar .l {
		float: left;
	}

	.bar .l p {
		line-height: 30px;
		margin: 0 20px 0 10px;
	}

	.bar .r {
		float: right;
	}

	.bar li {
		margin: 0;
		padding: 6px 0;
		color: #FFEADC;
		float: left;
		border-left: 1px solid #fff;
	}

	.bar li a.activenavitab {
		padding: 7px 20px 8px 20px;
		_padding: 8px 20px 8px 20px;
		background: #E0691A url(../images/s13/bar.gif) repeat-x;
		height: 32px;
		color: #6C757A;
		font-weight: bold;
	}

	.bar li a {
		padding: 0 20px;
		font-weight: bold;
		color: #fff;
		background: inherit;
		text-decoration: none;
	}
	.bar li a:hover {
		color: #6C757A; background: inherit;
	}

/* search form */
.search_field {
	background: #fff url(../images/s13/searchbg.gif) no-repeat right;
	clear: both;
	height: 40px;
	font-weight: bold;
	margin: 10px 0;
}
	.search_field  p { margin: 10px; }
	.search_field .search_text { float: left; }
	.search_field .search_form { float: right; width: 573px;}

	.search_field .search_form input {
		border: 0;
		font: bold 1.0em Arial, Sans-Serif;
		vertical-align: middle;
		margin: 0 8px 0 0;
	}
	.search_field .search_form .search {
		width: 290px;
		height: 14px;
		border: 1px solid #E9E9E9;
		border-radius: 4px;
		color: #E0691A;
		font: bold 1.1em Arial, Sans-Serif;
		margin-left: 10px;
		padding: 4px;
	}
	.search_field .search_form .submit {
		width: 65px;
		height: 24px;
		background: url(../images/s13/submit.gif) no-repeat;
		color: #FFF;
		cursor: pointer;
		margin-right: 20px;
	}
	.search_field .search_form .submit:hover {
		color: #6C757A;
	}

/* left side
   --------- */

.endsep {
	margin: 5px 0;
	border-top: 1px solid #eee;
}

#content {
	float: left;
	width: 624px;
	margin: 10px;
}

#content ul { list-style: disc }

#content h2 {
	clear: both;
	background: #E8E8E8 url(../images/s13/h2bg.gif) no-repeat center left;
	color: #444;
	padding: 3px 0 4px 43px;
	font: bold 1.4em "Trebuchet MS", Arial, Sans-Serif;
	margin: 0 0 10px 0;
}
	.left_side {
		float: left;
		width: 160px;
		padding: 0 0 0 10px;
		margin: 10px 0 0 38px;
	}

	.left_side a, .right_side a { color: #414141; background: #FFF; }

	.right_side {
		float: right;
		width: 280px;
		background: #FFF url(../images/s13/dotted.gif) repeat-y;
		color: #414141;
		padding: 0 0 0 70px;
		margin: 10px 0;
	}
	.left_box {
		margin: 0 0 10px 0;
		color: #000;
		background: #FFF;
		padding: 3px 0;
	}


/* right side
   ---------- */

.right {
	float: right;
	width: 310px;
	margin: 10px 0;
}
	.right h3 {
		background: #BDBDBD  url(../images/s13/h3bg.gif) no-repeat center right;
		color: #FFF;
		padding: 8px 0 8px 15px;
		font: bold 1em Tahoma, Arial, Sans-Serif;
		margin: 0 0 3px 0;
	}
	.right_articles {
		background: #f5f5f5;
		color: #414141;
		padding: 8px;
		margin: 0 0 3px 0;
	}
	.right ul {
		margin: 10px 0;
		padding: 0;
		font-weight: bold;
	}
	.right ul li a {
		text-decoration: none;
	}
	.right ul li .selected {
		color: #000;
	}
	.right .event {
		margin-left: 20px;
	}
	.notice {
		background: #eee;
		color: #808080;
		padding: 12px 8px;
		margin: 0 0 3px 0;
	}
	.image {
		float: left;
		margin: 0 9px 3px 0;
	}

/* footer
   ------ */

.footer {
	clear: both;
	text-align: center;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	line-height: 2em;
}
	.footer a { color: #808080; background: #fff; }

/**************** BUTTONS ***************/
.button {
	background: url("../images/s13/button.gif") no-repeat;
	color:#FFF;
	text-decoration:none;
	font: bold 12px Tahoma, Arial, sans-serif;
	border: none;
	cursor: pointer;
	width: 150px;
	height: 24px;
	padding: 0 0 4px 0;
}
.button:hover {
	color: #6C757A;
	border: none;
	padding: 0 0 4px 0;
}
/**************** IMPRESSUM ***************/
#impressum td {
	padding: 5px 0;
}
/**************** NEWS, REALNEWS ***************/
#news h1, #realnews h1 {
	clear: both;
	background: #E8E8E8 url(../images/s13/h2bg.gif) no-repeat center left;
	color: #444;
	padding: 3px 0 4px 43px;
	font: bold 1.4em "Trebuchet MS", Arial, Sans-Serif;
	margin: 0 0 10px 0;
}
#realnewsiframe {
	width: 614px;
}
/**************** KONTAKT ***************/
#kontakt .txt {
	font: bold 1.1em Arial, Sans-Serif;
	background-color: #F0F0F0;
	color: #E0691A;
}
#kontakt .area {
	font: bold 1.1em Arial, Sans-Serif;
	color: #E0691A;
}
/**************** SEARCH ***************/
#content #search h2, #content #search-help h2 {
	background : none;
	margin: 0 0 0 -42px;
}
/**************** SHOP STYLES ***************/
.UdlItmPrice, #shop .o_vk {
	background-color: #96BAE9;
	color: #000;
}
/**************** TEASER ***************/
#teaser .highlight h2 {
	background-image:none;
}
#teaser .parent h2 {
	background-image:none;
}
#content #teaser a {
	color: #444;
}