/****************************************************

	SITE: d-s-dienstl.de

	Farben:
	Logo rot: #990031
	Typo:
	Headline:
	Seitenhintergrund: #E1E1E1


	info@mai-multimedia.de 2008

******************************************************/

/**
 *	Allgemein
 */

html {
	width:100%;
	overflow:auto;
}

body {
	width:100%;
	margin:0;
	padding:0;
	background-color:#e1e1e1;
	font-size:9pt;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
}

img { border:none; }


img { border: none; }
.imgLeft { float: left;  clear: left; margin: 2px 10px 10px 0;}
.imgRight { float: right; margin: 4px 0 10px 10px; }


a.download { padding-left: 25px ; }
a.pdf { background: transparent url(/images/media_pdf.gif) no-repeat; }
a.ppt { background: transparent url(/images/media_ppt.gif) no-repeat; }
a.txt { background: transparent url(/images/media_txt.gif) no-repeat; }
a.doc { background: transparent url(/images/media_doc.gif) no-repeat; }
a.xls { background: transparent url(/images/media_xls.gif) no-repeat; }
a.zip { background: transparent url(/images/media_zip.gif) no-repeat; }
a.swf {	background: transparent url(/images/media_swf.gif) no-repeat; }
a.mov {	background: transparent url(/images/media_mov.gif) no-repeat; }
a.mp3 {	background: transparent url(/images/media_mp3.gif) no-repeat; }

.mediaImage img { display: none; }



/**
 *	Typeset
 */

p {
	margin-top:0px;
	margin-bottom:0.7em;
}


h1, h2, h3, h4 {
	font-weight:normal;
	margin-top:0;
	padding:0;
	color:#000;
}

h1 {
	font-size:16pt;
	font-weight:normal;
	letter-spacing:0.05em;
	text-transform: uppercase;
}

h2 {
	font-size:13pt;
	padding:0.5em 0 0.5em 0;
	margin:0;
}

h3 {
	font-size:10pt;
	padding-bottom:0.5em;
	margin:0;
	font-weight:bold;
}

a:link { color:#990031; text-decoration:underline; }
a:visited { color:#990031; text-decoration:underline; }
a:hover, a:active { color:#DE7E18; }

a.graylink:link { color:#666666; }
a.graylink:visited { color:#404040; }
a.graylink:hover { color:#02b687; }
a.graylink:active { color:#02b687; }

ul {
	list-style-type:square;
	margin-top:12pt;
	padding-left:0;
	margin-left:0;
}

li {
	margin-left:15px;
}

em { color:#000; font-style:normal; }
i { color:#666666; font-style:normal; }
strong { color:#000; font-weight:bold; }

.errormsg {
	color:#990031;
	font-style:normal;
	font-weight:bold;
}

.important {
	color:#cc0033;
	font-weight:bold;
}

.message {
	padding:10px;
	border:1px solid #707070;
	font-weight:bold;
	font-size:10pt;
	color:#000;
	background-color:#e9fe9e;
}

.picmargin { margin:0 6px 6px 0; }



/**
 *	Forms
 */

form { margin:0 0 1em 0; padding:0; }

input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
}

.formField {
	padding:5px 0;
}

legend {
	margin-bottom:5px;
}

.input, .textarea { border:none; background-color:#eee; width: 100%;}

.alertBox, .alertBox H4 {
	color: #990031;
}


.fbError input, .fbError textarea {
	border:1px solid #990031;
	background-color:#f8e9ee;
}

.button {
    margin: 1em 0;
}


.maxw { width:100%; }
.formHint { font-size: 0.9em; }


/**
 *	Layout
 */

div { margin:0; padding:0; }

#outerbox {
	width:742px;
	height:auto;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
	padding:35px 20px 0px 20px;
	margin-top:35px;
}

#headerbox {
	background-color:#fff;
	height:91px;
	background-image:url(/images/banner-home.jpg);
	background-repeat:no-repeat;
}


#logobox {
	float:right;
}

#menubox {
	width:641px;
	height:23px;
	background-image:url(/images/bg-menu.jpg);
	margin-bottom:18px;
}

#smallinnerbox, #innerbox {
	width:742px;
	height:100%;
	background-color:#dfdfdf;
	background-image:url(/images/bg-body.jpg);
	background-repeat:no-repeat;
}

#smallinnerbox { width:641px; }

#contentmarginbox {
	padding:3px;
}

#contentbox {
	width:544px;
	height:100%;
	margin:0px;
	padding:25px 0 0 100px;
	background-color:#fff;
	min-height:180px;
}


.docList
	{
        list-style: none;
		margin-left: 0;
    }
.docList li
	{
	margin-left: 0px;
    }

/****************************************************
	PREV-NEXT-NAVIGATION
******************************************************/

#siteNav
	{

		float: right;
        position: relative;
		margin: 1em 0;
		text-align: right;
	}
#siteNav a
	{
		margin: 0 5px;
	}


#leftcolbox {
	width:290px;
	height:100%;
}

#rightcolbox {
	width:232px; /* 238 */
	float:right;
}

#footerbox {
	width:742px;
	height:25px;
	text-align:right;
	margin:0;
	padding-top:10px;
}

#claimbox {
	width:95px;
	height:100%;
	float:right;
}

.noprint {}



/**
 *	Menu
 */

#menubox ul {
	float: left;
	list-style-type:none;
	padding:0;
	margin:0;
	padding-top:4px;
	font-size:9pt;
	position: relative;
	left: 88px;
}

/*#menubox li { display:inline; margin-right:10px;}*/

#menubox li {
    float: left;
}

#menubox ul ul {
	display: none;
    position: absolute;
	left: 0;
	line-height: 1em;
	top: 22px;
}
#menubox ul .active ul {
	display: block;
}

.selected, .active, #menubox ul li.active ul a.active { font-weight:bold; }

#menubox ul li.active ul a { font-weight:normal; }


#menubox a:link, #menubox a:visited { color:#000; text-decoration:none; }
#menubox a:hover, #menubox a:active { color:#990031; text-decoration:none; }



/* Footer */

#footerbox ul {
	list-style-type:none;
	padding:0;
	margin:0 95px 0 0;
	font-size:8pt;
}

#footerbox li { display:inline; }

#footerbox a:link, #footerbox a:visited { color:#000; text-decoration:none; }
#footerbox a:hover, #footerbox a:active { color:#990031; text-decoration:none; }



