/* 

	project:  website traffic (free CSS templates)
	author:   luka cvrk (www.solucija.com) 

   
*/
@media print {
	.form { font-size: 0.9em; list-style-type: disc; list-style-position: inside; margin: 0 30px 10px 10px; padding-right: 15px; float: left; overflow: auto; border-right-width: 20px; display: none; }
	#foto { margin-top: 5px; margin-right: 15px; margin-bottom: 10px; float: left; }
	a { color: #444; background-color: transparent; background-image: inherit; background-repeat: repeat; background-attachment: scroll; background-position: inherit; text-decoration: none; }
	.form { font-size: 0.9em; list-style-type: disc; list-style-position: inside; margin: 0 30px 10px 10px; padding-right: 15px; float: left; overflow: auto; border-right-width: 20px; display: none; }
	form { display:none; }
	#foto { float:left; margin-right:15px; margin-bottom:10px; margin-top:5px; }
	#footer { color: #808080; font-size: 0.9em; margin: 15px auto; width: 960px; display: none; }
	h1 { color: #ccc; font: 3.7em "Trebuchet MS", Arial, Sans-Serif; }
	h2 { color: #ccc; font: bold 12pt "Trebuchet MS", Arial, Sans-Serif; margin: 0 0 12px; border-bottom: 1px solid #ccc; }
	#h2logo_print { background-repeat: no-repeat; background-attachment: scroll; text-align: right; position: absolute; top: 275px; left: 20px; float: right; }
	#kontakt { color: #333; font: 7pt/13px Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; position: absolute; top: 483px; left: 20px; width: 210px; float: left; }
	#logo { color: #333; font-size: 7pt; font-family: Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; position: absolute; top: 100px; left: 20px; width: 420px; z-index: 1; float: left; }
	#menu { text-align: center; margin: 0 0 50px; display: none; }
	#menue { text-align: center; display: none; margin: 0 0 50px; }
	.more { padding: 5px 0 0; border-top: 1px solid #eee; display: none; }
	#prefooter { font-size: 0.9em; background: #fff; margin: 0 auto; padding: 15px 18px 1px; width: 944px; display: none; }
	#search { text-align: right; margin: 10px 15px 0 0; width: 240px; float: right; display: none; }
	sup { color: #333; font-size: 0.3em; }
	.third { color: #444; font-size: 10pt; font-family: Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; text-decoration: none; position: relative; top: 300px; left: 250px; width: 180mm; margin: 0 18px 10px 10px; float: left; }
	.third2 { color: #444; font-size: 10pt; font-family: Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; text-decoration: none; width: 180mm; float: left; margin-top: 300px; margin-right: 20px; margin-left: 250px; }
	.third4 { font-size: 0.9em; line-height: 15px; width: 180mm; margin: 0; float: left; }
	.third5 { color: #444; font-size: 10pt; font-family: Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; text-decoration: none; position: relative; top: 300px; left: 250px; width: 180mm; margin: 0 18px 10px 10px; float: left; }
	.third6 { color: #444; font-size: 10pt; font-family: Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; text-decoration: none; margin: 0 18px 10px 10px; position: relative; top: 300px; left: 250px; width: 180mm; float: left; }
	td.altern { padding-right: 75px; padding-bottom: 10px; width: 180px; }
	th { background: #cae8ea; text-align: left; padding: 6px 3px 6px 6px; border-bottom-style: solid;7;border-right-style: solid;7;border-top-style: solid; }
	th.nobg { background: transparent; border-top: 0 none; border-right: 1px solid #c1dad7; border-left: 0 none; }
	td { background: #fff; padding-left: 0; }
	td.al { background: #fff; padding-left: 6px; }
	td.alt { background: #f5fafa; padding-left: 6px; border-top: 1px solid #c1dad7; border-right: 0 solid #c1dad7; border-bottom: 1px solid #c1dad7; }
	th.spec { border-top: 0 none; background: #fff; width: 38px; color: #808080; border-right: 1px solid #c1dad7; border-bottom-width: 0; border-left-style: solid; border-left-width: 0; }
	th.specalt { color: #808080; background: #f5fafa; width: 38px; border-top: 1px solid #c1dad7; border-right: 1px solid #c1dad7; border-bottom: 1px solid #c1dad7; }
}
@media screen {
	.form { font-size: 0.9em; list-style-type: disc; list-style-position: inside; margin: 0 30px 10px 10px; padding-right: 15px; float: left; overflow: auto; border-right-width: 20px; }
	#foto { margin-top: 5px; margin-right: 15px; margin-bottom: 10px; float: left; }
	#h2logoo { background-image: url(../images/h2logo.gif); background-repeat: no-repeat; background-attachment: scroll; position: relative; top: 595px; left: 920px; width: 29px; height: 32px; z-index: 2; }
	#h2logo { text-align: right; z-index: 2; float: right; margin: 0 15px 0 0; }
	#h2logo_print { background-repeat: no-repeat; background-attachment: scroll; text-align: right; position: absolute; top: 275px; left: 20px; float: right; display: none; }
	#kontakt { color: #333; font: 7pt/13px Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; position: absolute; top: 483px; left: 20px; width: 210px; float: left; display: none; }
	*{ margin: 0; padding: 0; }
	* 
body { font: .74em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.6em; background: #D0D4D4; color: #444; }
	a {	color: #B60D0A;	background: inherit; text-decoration: none; }
	a:hover { color: #808080; background: inherit; }
	p { margin: 0 0 15px 0; }
	h1 { font: normal 3.7em "Trebuchet MS", Arial, Sans-Serif; color: #fff; }
	h1 a { color: #fff; background: inherit; }
	h1 a:hover { color: #E4FFD3; background: inherit; }
	sup { font-size: .3em; color: #DFCDA2; }
	h2 { color: #B60D0A; font: bold 1.6em "Trebuchet MS", Arial, Sans-Serif; margin: 0 0 12px; border-bottom: 1px solid #ccc; }
	h3 { color: #808080; background: #D0D4D4; padding: 3px 10px; margin: 0 0 15px; }
	#content { width: 960px; margin: 10px auto; background: #fff; padding: 10px; }
	#header { background: #fff url(../images/header.jpg) no-repeat; height: 252px; }
	#header2 { background: #fff url(../images/header2.jpg) no-repeat; height: 252px; }
	#header3 { background: #fff url(../images/header3.jpg) no-repeat; height: 252px; }
	#header4 { background: #fff url(../images/header4.jpg) no-repeat; height: 252px; }
	#header5 { background: #fff url(../images/header5.jpg) no-repeat; height: 252px; }
	#header6 { background: #fff url(../images/header6.jpg) no-repeat; height: 252px; }
	#header7 { background: #fff url(../images/header7.jpg) no-repeat; height: 252px; }
	#header8 { background: #fff url(../images/header8.jpg) no-repeat; height: 252px; }
	#header p { margin: 30px 0 0; color: #D6E5EA; }
	#header2 p { color: #d6e5ea; margin: 30px 0 0; }
	#header3 p { color: #d6e5ea; margin: 30px 0 0; }
	#header4 p { color: #d6e5ea; margin: 30px 0 0; }
	#header5 p { color: #d6e5ea; margin: 30px 0 0; }
	#header6 p { color: #d6e5ea; margin: 30px 0 0; }
	#header7 p { color: #d6e5ea; margin: 30px 0 0; }
	#header8 p { color: #d6e5ea; margin: 30px 0 0; }
	#logo { padding: 40px 0 0 20px;  float: left; width: 420px; }
	#search { float: right; width: 240px; text-align: right; margin: 10px 15px 0 0; }
	#search a, #watch a { color: #fff; font-size: .8em; cursor: pointer; }
	#searchform { padding: 10px; background: #A1BDD2;  }
	#searchform p { margin: 0; }
	#menu { margin: 0 0 50px; }
	#menu li { list-style: none; float: left; }
	#menu li a { cursor: pointer; padding: 5px 31px; line-height: 25px; background: #d0d4d4; margin: 0 1px 0 0; color: #808080; }
	#menu li a:hover { background: #B2B6B6; color: #000; }
	#menu li a.current { background: #66A3CF; color: #fff; }
	#menu li a#last  { margin: 0; padding: 5px 31px; }
	#menue  /* englische Version */ { text-align: center; margin: 0 0 50px; }
	#menue li  /* englische Version */ { list-style: none; float: left; }
	#menue li a  /* englische Version */ { color: #808080; line-height: 25px; background: #d0d4d4; cursor: pointer; margin: 0 1px 0 0; padding: 5px 38px; }
	#menue li a:hover  /* englische Version */ { color: #000; background: #b2b6b6; }
	#menue li a.current  /* englische Version */ { color: #fff; background: #66a3cf; }
	#menue li a#last  /* englische Version */ { text-align: center; margin: 0; padding: 5px 39px; }
	.third { font-size: 0.9em; float: left; width: 280px; height: 250px; margin: 0 30px 10px 10px; }
	.third2 { font-size: 0.9em; width: 924px; height: 250px; overflow:auto; float: left; margin: 0 0 10px 10px; padding-right: 10px; list-style-type: disc; list-style-position: inside; }
	.third5 { font-size: 0.9em; margin: 0 0 10px 10px; width: 934px; height: 250px; float: left; overflow: hidden; }
	.third6 { font-size: 0.9em; width: 605px; height: 250px; float: left; margin-top: 0; margin-bottom: 10px; margin-left: 10px; padding-right: 10px; }
	.last { float: right; margin: 0 10px 10px 0; }
	.more { border-top: 1px solid #eee; padding: 5px 0 0 0; }
	#prefooter { width: 944px; margin: 0 auto; background: #fff url(../images/h2logo.gif) no-repeat 930px 9px; padding: 15px 18px 1px; font-size: 0.9em;  }
	#footer { width: 960px; margin: 15px auto; color: #808080; font-size: .9em; }
	#footer a { color: #444; }
	.right { float: right; text-align: right; font-size: 1em; }
	#footer .right a { margin: 0 0 0 2px; padding: 3px 10px; }
	#footer .right a:hover { background: #fff; color: #444; text-decoration: underline; }
	#contacttable { margin: 0; padding: 0; width: 100%; }
	td.altern { width: 180px; padding-right: 75px; padding-bottom: 10px; }
	#mytable { width: 100%; margin: 0; padding: 0; }
	th { background: #cae8ea; text-align: left; padding: 5px 3px 5px 6px; border-bottom-style: solid;7;border-right-style: solid;7;border-top-style: solid; }
	th.nobg { background: transparent; border-top: 0 none; border-right: 1px solid #c1dad7; border-left: 0 none; }
	td { background: #fff; padding-left: 0; }
	td.al { background: #fff; padding-left: 6px; }
	td.alt { background: #f5fafa; padding-left: 6px; border-top: 1px solid #c1dad7; border-right: 0 solid #c1dad7; border-bottom: 1px solid #c1dad7; }
	th.spec { border-top: 0 none; background: #fff; width: 38px; color: #808080; border-right: 1px solid #c1dad7; border-bottom-width: 0; border-left-style: solid; border-left-width: 0; }
	th.specalt { color: #808080; background: #f5fafa; width: 38px; border-top: 1px solid #c1dad7; border-right: 1px solid #c1dad7; border-bottom: 1px solid #c1dad7; }
}

