/* tobistyle screen */


/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin				: 0;
	padding				: 0;
	border				: 0;
	outline				: 0;
	font-weight			: inherit;
	font-style			: inherit;
	font-size			: 12px;
	font-family			: inherit;
	vertical-align		: baseline;
}
/* remember to define focus styles! */
:focus {
	outline				: 0;
}
body {
	line-height			: 1;
	color				: black;
	background			: white;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse		: separate;
	border-spacing		: 0;
}
caption, th, td {
	text-align			: left;
	font-weight			: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content				: "";
}
blockquote, q {
	quotes				: "" "";
}

/* / reset */


body
{
	color				: #444;
	background			: #fff; /* #dfdbd3 */
	font-family			: 'Trebuchet MS', Verdana, Arial, sans-serif;
	line-height			: 1.5em;
}



h1, h2, h3, h4, h5, h6
{
	font-weight		: bold;
}

h2, h3, h4
{
	border-bottom		: 1px dotted #aaa;
}

h2
{
	font-size		: 16px;
	margin			: 20px 0 4px 0;
	padding			: 3px 0 5px 0;
}

h3
{
	font-size		: 14px;
	margin			: 15px 0 4px 0;
	padding			: 3px 0 5px 0;
}


h4
{
	font-size		: 12px;
	margin			: 12px 0 4px 0;
	padding			: 3px 0 5px 0;

}


p, ul, ol, address, table
{
	padding			: 0;
	margin			: 3px 0 11px 0;
}

strong
{
	font-weight		: bold;
}

a
{
	padding			: 0 4px;
}

a, a strong
{
	color			: #444;
	text-decoration		: none;
	font-weight		: bold;
}

a:hover
{
	color			: #fff;
	text-decoration		: none;
	background-color	: #666;
}

a strong
{
	font-weight		: bold;
}

img
{
}

address
{
	font-style		: normal;
}

ul, ol
{
	list-style-type		: none;
}

li
{
	padding-left		: 15px;
}

ul li
{
	background		: transparent url(bg/list_square.png) no-repeat 5px 6px;
}

ol li
{
}

hr
{
	background		: #ccc;
	border			: none;
	margin			: 10px 0 10px 0;
	height			: 1px;
}

/* layout
--------------------------------------------------------------------------- */

#page
{
	width			: 800px;
	margin			: 0 auto 0 auto;
	background		: #fff;
}

#header, #navigation, #footer
{
	padding			: 5px 20px;
}

#header
{
	height			: 95px;
	background		: #444 url(bg/content_header.jpg) no-repeat;
}

#header h1
{
	float			: left;
	margin			: 60px 0 0 0;
	font-size		: 20px;
	line-height		: 28px;
	letter-spacing		: 0px;
	color			: #fff;
}

#navigation
{
	height			: 30px;
	background		: #08f url(bg/navi.png) repeat left top;;
}

#navigation ul
{
	float			: right;
}

#navigation ul li
{
	display			: inline;
	background-image	: none;
}

#navigation a
{
	background		: transparent;
	color			: #fff;
}

#navigation a:hover
{
	background		: #666;
	color			: #fff;
}

#content_wrapper
{
	border-right		: 1px solid #eee;
	border-left		: 1px solid #eee;
}

#side, #content
{
	padding			: 5px 10px;
}

#side
{
	clear			: both;
	float			: right;
	width			: 250px;
	padding-top		: 5px;
	padding-bottom		: 30px;
}

#side ul
{
	border			: 1px solid #fff; /* IE-SCHEISS */
}


#side a
{
}

#side a:hover
{
	color			: #fff;
}

#content
{
	float			: left;
	width			: 500px;
	padding-bottom		: 30px;
}

#footer
{
	clear			: both;
	min-height		: 60px;
	padding-bottom		: 30px;
	margin-bottom		: 50px;
	border-top		: 1px solid #bbb;
 	background		: #eee ;
}

#footer ul
{
	float			: right;
}

#footer ul li
{
	display			: inline;
	background-image	: none;
}

#footer a
{
	background		: transparent;
	color			: #666;
}

#footer a:hover
{
	background		: #666;
	color			: #fff;
}

/* content
---------------------------------------------------------------- */

.geraet
{
        float                   : left;
        width                   : 225px;
        height                  : 300px;
        border                  : 1px solid #eee;
        padding                 : 5px;
        margin                  : 10px 10px 0 0;
                                 
}

.geraet h4
{
        margin-top               : 0;
}

.geraet img
{
        display                  : block;
        width                    : 150px;
        height                   : 150px;
        border                   : 0;
        margin                   : 10px auto;
}



/* justcontent
---------------------------------------------------------------- */

/* justcontent table */

.justcontent table
{
	border-collapse		: collapse;
	margin			: 1em 0;
}

.justcontent tr
{

}

.justcontent th, .justcontent td
{
	text-align			: left;
	padding				: .5em; 
	border				: 1px solid #fff;
}

.justcontent th
{
	font-weight			: bold; 
	padding				: 5px 20px 8px 5px;
}

.justcontent td
{

}

/* / justcontent table */

.justcontent .img_klein
{
    height              : 75px;
    margin              : 3px;
}

/* zebra */
table.zebra {border-collapse: collapse; margin: 1em 0;}
.zebra th, .zebra td {}
.zebra th {background: #328aa4; color: #fff; }
.zebra td {background: #e5f1f4;}

.zebra tr.z1 td {background: #e5f1f4;}
.zebra tr.z2 td {background: #f8fbfc;}


/* / zebra */



/* spezielle Formatierungs-Shortcuts
---------------------------------------------------- */
.justcontent .fll {float: left;}
.justcontent .flr {float: right;}
.justcontent .clrl {clear: left;}
.justcontent .clrr {clear: right;}
.justcontent .clear, .justcontent .clr {clear: both;}
.justcontent .clearer { clear: both; height: 1px; }
.justcontent .flfix {clear: both; height: 1px;}

.justcontent .fllimg {float: left; margin: 5px 10px 10px 0px;}
.justcontent .flrimg {float: right; margin: 5px 0px 10px 10px;}

.justcontent .w25 {width: 25%;}
.justcontent .w33 {width: 33%;}
.justcontent .w40 {width: 40%;}
.justcontent .w50 {width: 50%;}
.justcontent .w66 {width: 66%;}
.justcontent .w75 {width: 75%;}

.justcontent .l {text-align: left;}
.justcontent .r {text-align: right;}
.justcontent .c {text-align: center;}
.justcontent .j {text-align: justify;}

.justcontent .ml5 {margin-left: 5px;}
.justcontent .ml10 {margin-left: 10px;}
.justcontent .ml15 {margin-left: 15px;}
.justcontent .ml20 {margin-left: 20px;}

.justcontent .mr5 {margin-right: 5px;}
.justcontent .mr10 {margin-right: 10px;}
.justcontent .mr15 {margin-right: 15px;}
.justcontent .mr20 {margin-right: 20px;}
.justcontent .mr30 {margin-right: 30px;}

.justcontent .p3 {padding: 3px;}
.justcontent .p5 {padding: 5px;}
.justcontent .p8 {padding: 8px;}
.justcontent .p10 {padding: 10px;}
.justcontent .p15 {padding: 15px;}

.justcontent .kleingedrucktes {font-size: 9px; color: #888;}








/* THE END */