/********************************************************************************************************
        created by:                NewMedia http://www.newmedia.ch
        project:                ergouse.ch
        date:                        Oktober/2008, Marianne Luck
        version:                4.1
        file:                        navigation.css
        function:                navigation-style
********************************************************************************************************/

/*--------------------------------
 csc Layout
--------------------------------*/
@charset "utf-8";

*
{
        margin: 0;
        padding: 0;
}

html
{
        height: 100%;
}

body
{
	height: 100%;
	width : 100%;
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 62.5%;
	text-align:center;
	color: #000000;
	background-color: #FFFFFF;
	background-repeat:repeat-x;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

*
{
	font-size:1em;
	line-height: 1em;
}

#main_center
{
        width: 900px;
        margin: 0 auto 0 auto;
        min-height: 100%;
        text-align: left;
}

* html #main_center
{
        height: 100%;
}

#main_page
{
        width:100%;
        margin: 0px;
        padding: 0px;
}


/* HEADER --------------------------------------------------------*/

#main_header
{
        height:219px;
        width:100%;
        background-image:url(gfx/goms.jpg);
        background-repeat:no-repeat;
}

/* LOGO --------------------------------------------------------*/

.logo_dk,
.logo_dkm,
.logo_dkmh
{
        float:middle;
        border:none;
		vertical-align:middle;
}

/* DESIGNELEMENTE --------------------------------------------------------*/

.clearer
{
        clear: both;
        display: block;
        height: 1px;
        margin-bottom: -1px;
        font-size: 1px;
        line-height: 1px;
}


/* CONTENT ---------------------------------------------------------------*/
#main_content
{
	float:left;
	background-color:#BA0000;
    padding-top:10px;
	width:100%;
}

.box
{
        background-color:#FFFFFF;
        margin-left:10px;
        width:192px;
        float:left;
        padding:10px;
        padding-bottom:0px;
        height:460px;
}

.box img
{
        margin-bottom:5px;
        border:none;
}

.box div
{
       width:192px;
}

/* CONTENT ---------------------------------------------------------------*/
p, span
{
        font-size:11px;
        color:black;
        margin-bottom:20px;
        line-height:16px;
		
}

p
{
		width:192px;
}

p.text
{
		height:150px;
}

span
{
        color:#999999;
        font-size:11px;
        text-decoration:underline;
}

h1
{
		margin-top:8px;
        margin-bottom:11px;
        font-size:11px;
        font-weight:bold;
        color:black;
}

a        {
        color:#FFFFFF;
        text-decoration:none;
        }
a:link                 { color: #000000; }
a:visited   { color: #000000; }
a:hover         { color: #000000; }
a:active        { color: #000000; }
a:focus         { color: #000000; }

img.pfeil
{
        float:left;
        margin-right:10px;
        margin-top:5px;
}

img.logo
{
        border:none;
        margin-top:20px;
}

/* FOOTER ---------------------------------------------------------------*/
#main_footer
{
        background-image:url(gfx/goms_footer.jpg);
        background-repeat:no-repeat;
        width:900px;
        clear:both;
        height:40px;
}