/*	
	autor : this be tofus - maxomedia ag
	datum : august 2005
	verwendung : infos4you.ch
	media : print
*/


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* =xhtml */

body {
	margin : 0;
	padding : 0;
	font : 10px/14px verdana,arial,sans-serif;
	color : #000;
}

h1 {
	margin : 0 0 14px 0;
	padding : 0;
	font : bold 14px/18px arial,sans-serif;
	color : #000;
}

h2 {
	margin : 0 0 4px 0;
	padding : 0;
	font : bold 14px/14px arial,sans-serif;
	color : #000;
}

h3 {
	margin : 0;
	padding : 0;
	font : bold 10px/14px verdana,arial,sans-serif;
}

p {
	margin : 0 0 14px 0;
	padding : 0;
}

table {
	margin : 0 0 14px 0;
	padding : 0;
}

img {
	border : none;
}

a#logo {
	position : absolute;
	top : 0;
	left : 0;
}

div#banner {
	position : absolute;
	top : 0;
	right : 0;
	height : 60px;
	background-color : #FFF;
	border : 1px solid #FF8000;
}

div#legende {
	position : absolute;
	top : 110px;
	right : 175px;
	width : 150px;
	text-align : right;
	color : #FFF;
}

div#icons {
	position : absolute;
	top : 110px;
	right : 0;
	width : 160px;
}

div#icons a {
	margin-right : 5px;
}

div#mood {
	 position : absolute;
	 top : 0;
	 left : 110px;
	 width : 49px;
	 height : 15px;
	 background : url(/_gfx/bg_dotted_white.gif) top left;
}

div#mood a {
	position : absolute;
	width : 15px;
	height : 13px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* =teaser (home) */

/* teaser_big */
div.teaser_big_border {
	margin : 0 0 14px 0;
	padding : 1px 2px 2px 1px;
	background : #000 url(/_gfx/bg_mainnav.gif) top left;
}

/* teaser_small */
ul.teaser_small {
	margin : 0 0 14px 0;
	padding : 0;
}

ul.teaser_small li {
	float : left;
	width : 190px;
	padding : 1px 2px 2px 1px;
	background : #000 url(/_gfx/bg_mainnav.gif) top left;
}

/* both teaser */
div.teaser_content {
	padding-bottom : 7px;
	background-color : #FFF;
}

div.teaser_content img {
	margin-bottom : 7px;
}

div.teaser_content h3,
div.teaser_content p {
	margin : 0;
	padding : 0 5px;
}

div.teaser_content h2 {
	margin : 0 0 7px 0;
	padding : 0 5px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* =seitenaufbau */

div#main-container {
	background : none !important;
}

div#header-container {
	display : none;
}

div#footer-container {
	display : none;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* =colums */
ul#colums {
	position : relative;
	margin : 0 10px 14px;
	padding : 0;
	background : url(/_gfx/bg_colums.gif) repeat-y top left;
}

ul#colums li {
	float : left;
	list-style : none;
}

ul#colums li.left,
ul#colums li.right {
	display : none;
}

ul#colums li.center {
	width : 396px;
	margin : 0 5px;
	padding : 6px 12px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* =mainnav */

ul#mainnav {
	margin : 0 0 33px 0;
	padding : 0;
}

ul#mainnav li {
	float : none;
	width : 69px;
	margin : 0 0 2px 0;
	padding : 1px;
	background : #000 url(/_gfx/bg_mainnav.gif) top left;
}

ul#mainnav li.sub {
	margin : 0 0 2px 15px;
	padding : 0 0 2px 0;
	background : none;
	background-color : #FFF;
}

ul#mainnav li a {
	display : block;
	margin : 0;
	padding : 1px 5px;
	font : bold 14px/15px arial,sans-serif;
	color : #000;
	background-color : #FFF;
}

ul#mainnav li a:hover {
	text-decoration : none;
	color : #FF8000 !important;
}

ul#subnav {
	margin : 0;
	padding : 0;
}

ul#subnav li {
	width : 120px;
	margin : 0;
	padding : 0;
	background : none;
}

ul#subnav li a {
	margin : 0;
	padding : 0;
	font : 10px/14px verdana,arial,sans-serif;
	color : #FF8000;
}

ul#subnav li a:hover {
	text-decoration : underline;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* =forms */

form.quick {
	margin : 0 0 14px 0;
	padding : 0;
}

form.quick p {
	margin : 0;
	padding : 0;
}

form.quick p.dotted {
	margin : 0;
	padding : 1px;
	background : #000 url(/_gfx/bg_mainnav.gif) top left;
}

form.quick input {
	vertical-align : top;
	margin : 0 2px 0 0;
	padding : 1px 4px;
	font : 10px/14px verdana,arial,sans-serif;
	color : #999;
	border : 1px solid #FFF;
}

form.quick input.btn {
	margin : 0 1px 0 0;
	width : 15px;
	height : 17px;
	background : #FF8000 url(/_gfx/icon_arrow_black.gif) no-repeat center center;
}

form.quick input.radiocheck {
	width : 14px;
	height : 14px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* =links */

a {
	text-decoration : none;
	color : #FF8000;
}

a:hover {
	text-decoration : underline;
	color : #FF8000;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* =clearfix */

.clearfix:after {
    content : "."; 
    display : block; 
    height : 0; 
    clear : both; 
    visibility : hidden;
}

/*
.clearfix {
	display : inline-block;
}*/

/* hides from IE-Mac \*/
* html .clearfix {
	height : 1%;
}
.clearfix {
	display : block;
}
/* end hide from IE-Mac */