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

	opohl.de

	SITE:

    17.03.2008

	info@mai-multimedia.de 2008

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

* {margin: 0; padding: 0;}
html
	{
        font-size: 75%;
    }

body
	{
    	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
		color:#90949A;
		font-size: 1em;
		line-height: 1.4em;
		background-color: #000000;
		text-align: center;
	}
p, ul
	{
		margin-bottom: 1em;
	}
ul
	{
		list-style-position: inside;
    }


h1, h2, h3, h4, h5, li li, li p, td p, td, blockquote p {font-size: 1em;}

h1, h2, h3, h4, h5, .h1_Edit
	{
        font-family: Trebuchet MS, Arial, Helvetica, Sans-serif;
		color:#FF7E00;
		font-weight: normal;
    }


h1, .h1_Edit
	{
	    font-size: 1.6em;
		margin-bottom: 1em;
	}
h2
	{
	    font-size: 1.4em;
		margin: 1em 0 0 0;
	}
.inline
	{
		display: inline;
    }
h2.inline
	{
		color:#90949A;
		padding-left: 1em;
		font-size: 1em;
    }


h3 {
    color: #FFC20A;
}

a
{
		color:#90949A;
}


img { border: none; }
.imgLeft { float: left;  clear: left; margin: 2px 20px 20px 0;}
.imgRight { float: right; margin: 4px 0 20px 20px; }
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; }

#wrap
	{
        position: relative;
		width: 1000px;
		margin: 0 auto;
		text-align: left;
    }
#headerBox
	{
		position: relative;
		height: 150px;
		background: #3B3C3C;
    }
#logo
	{
		position: absolute;
		right: 50px;
		top: 40px;
	}
#goHome
	{
		position: absolute;
		left: 100px;
		top: 115px;
	}

#contentBox
	{
		float: left;
		width: 100%;
		position: relative;
		min-height: 350px;
		background: #232323;
    }

#content
	{
        padding: 20px 50px 0 50px;
    }


#content_TextBild
	{
		min-height: 320px;
        overflow: auto;
		padding: 20px 50px 10px 50px;
    }

#media_TextBild
	{
		position: absolute;
		top: 0;
		right: 0;
    }

#content_homepage
	{

    }

#imageBox
	{
		width: 900px;
		height: 350px;
		overflow: hidden;
    }

#galerie
	{
		float: left;
		margin-top: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		width: 990px;
/*
		height: 285px;
		overflow: auto;
*/
    }
#galerie a
	{
		float: left;
        width: 130px;
		padding: 4px;
		height: 87px;
    }
#galerie img
	{
        width: 130px;
		height: 87px;
    }

#menuBox
	{
		clear: both;
		position: relative;
		height: 272px;
		background: #000 url(/images/hgr_menu.jpg) repeat-x;
		padding: 15px 50px;
    }
#mainNav
	{
        list-style: none;
		float: right;
    }
#mainNav li
	{
        float: left;
		padding-left: 22px;
		background: transparent url(/images/menuDot.gif) no-repeat 7px 5px;
    }
#mainNav a
	{
        text-decoration: none;
		color: #90949A;
		font-size: 1.2em;
    }
#mainNav a:hover
	{
        color: #FFDE7B;
    }
#mainNav li.active a
	{
        color: #FFBF0D;
    }

#content_homepage_text
	{
		clear: both;
		float: left;
		width: 100%;

	}

/*************************
	FORMULARE
**************************/




#kontaktBox
	{}

form
	{
		margin: 0;
		padding: 0;

	}
input, textarea, select, span.value
	{
		width: 280px;
		font-family: Arial, sans-serif;
		border: solid 1px #1F4A6C;
		background-color: #efefef;
	}
textarea
	{
		width: 500px;
		height: 80px;
    }

fieldset
	{
        border: none;
    }
legend
	{
        display: none;
    }



span.value
{
   display: block;
   border: none;
   width: 280px;
}

label, span.label
	{
		font-weight: bold;
	}
span.label
{
	clear: both;
}
.fbError
	{
		color: #cc0000;
	}
.fbError input, .fbError textarea
	{
	   	border: solid 1px #cc0000;
	}
.formField
	{
		clear: both;
		padding: 2px 0;
	}
.formField label, span.label
	{
		width: 10em;
		float: left;
	}
.radio, .check
	{
		width: auto;
		border: none;
	}

.radioSet
	{
		display: inline;
		padding-right: 1em;
	}
.radioLabel
	{
		position: relative;
		top: -2px;
		padding: 0 0.5em;
	}
.radioSet.fbError
	{
		border: none;
	}
.check
	{
		float: left;
		clear: both;
	}
.formField label.checkboxLabel, .formField label.radioLabel
	{
		position: relative;
		top: 0;
		float: none;
		padding-left: 0.5em;
		width: 200px;
	}
.formHint
	{
		clear: both;
		padding: 1em 0;
		font-size: 0.8em;
	}
.formField h4	{ padding: 2em 0 1em 0; border: none;}


.alertBox h4
	{
		display: none;
		font-size: 1.2em;
	}
.alertBox
	{
		color: #cc0000;
		padding: 0 0 20px 50px;
		background: transparent url(/images/alertSign.gif) no-repeat left top;
		margin-top: 20px;
	}
.button
	{
		margin-left: 10em;
		font-size: 1em;
		background: #FF7E00;
		border: none;
		padding: 0 10px;
		width: auto;
	}

/* addthis */
#addthis
	{
		position: absolute;
		left: 50px;
		top: 12px;
    }