/* -----------------------------------

Author: Johannes Musikant, Hoodvisions.de

Website: www.hoodvisions.de

Date: 04/2007

Contact: webmaster@hoodvisions.de

----------------------------------- */

body {margin:0px; padding:0px; background:url(imgs/hoodvisions_bg.jpg) repeat-x #1a1a1a;}

a {color:#91BD28;}
h2 {padding:0px; margin:0px; font-size:18px; font-weight:bold; color:#FFFFFF; padding-bottom:10px; padding-top:10px;}
ul {padding:0px; margin:0px;}
textarea {background: #666666; color:#CCCCCC;}
#container {
	width:1000px;
	margin-left:auto; margin-right:auto;
	font-family:tahoma, arial, verdana; font-size:11px; 
	color:#FFFFFF;
	}
	
#big_ban {float:right; width:308px; height:700px;}

/*HEADER -----------------------------------------------------*/
#header {
	
	}
	
	.logo a {
	display:block;
	background:url(imgs/hoodvisions_logo.jpg);
	width:352px;
	height:81px;
	}
	
	.navigation {width:469px;}
		.men1 {background:url(imgs/blog_on.jpg); width:113px; height:35px; display:block;float:left;}
		.men1 a {display:block;background:url(imgs/blog.jpg);width:113px; height:35px; }
		.men1 a:hover {background:url(imgs/blog_on.jpg);}
		.men2 {background:url(imgs/webdesign_on.jpg); width:92px; height:35px; display:block;float:left;}
		.men2 a {display:block;background:url(imgs/webdesign.jpg);width:92px; height:35px;}
		.men2 a:hover {background:url(imgs/webdesign_on.jpg);}
		.men3 {background:url(imgs/portfolio_on.jpg); width:94px; height:35px; display:block;float:left;}
		.men3 a {display:block;background:url(imgs/portfolio.jpg);width:94px; height:35px;}
		.men3 a:hover {background:url(imgs/portfolio_on.jpg);}
		.men4 {background:url(imgs/kontakt_on.jpg); width:77px; height:35px; display:block;float:left;}
		.men4 a {display:block;background:url(imgs/kontakt.jpg);width:77px; height:35px;}
		.men4 a:hover {background:url(imgs/kontakt_on.jpg);}
		.men5 {background:url(imgs/impressum_on.jpg); width:93px; height:35px; display:block;float:left;}
		.men5 a {display:block;background:url(imgs/impressum.jpg);width:93px; height:35px;}
		.men5 a:hover {background:url(imgs/impressum_on.jpg);}
/*HEADER -----------------------------------------------------*/

/*Content -----------------------------------------------------*/
#content { clear:left;padding-top:10px; overflow:visible;}
.text {padding-left:70px; padding-right:50px;width:500px;}
#sloganbox {text-align:right;height:42px; width:689px;}

#title {width:469px; height:55px;margin-bottom:10px;}
/*Content -----------------------------------------------------*/

/*Footer -----------------------------------------------------*/
.speech {position:absolute; top:610px; }
.speech img {float:left;}


/*Footer -----------------------------------------------------*/

/*Portfolio---------------------------------------------------*/
#portfolio {
	position:absolute;
	top:702px;
	width:100%;
	background:url(imgs/blumig.jpg);
	font-family:tahoma, arial, verdana; font-size:11px; 
	color:#FFFFFF;
	}
		#portfolio_leer {
		position:absolute;
		top:702px;
		width:100%;
		font-family:tahoma, arial, verdana; font-size:11px; 
		color:#FFFFFF;
		}
#portfolio_header {
	background:url(imgs/bg_blumig.jpg) repeat-x;
	}

.pfcont {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
	}

#big_ban_footer {
	position:absolute;
	top:0px;
	width:234px;
	height:170px;
	background:url(imgs/pf_foot.jpg) bottom;
	margin-left:622px;
	}
		#big_ban_footer_leer {
		position:absolute;
		top:0px;
		width:234px;
		height:170px;
		background:url(imgs/pf_foot_leer.jpg) bottom;
		margin-left:622px;
		}
		#big_ban_footer_big {
		position:absolute;
		top:0px;
		width:234px;
		background:url(imgs/bg_sidebar.jpg) bottom;
		margin-left:622px;
		}
.pre {
		border:1px solid black;
		padding:5px;
		background-color:#999999;
		font-weight:bold;
		}
		
.input3 {border:none; background:none; border-bottom:1px dashed #CCCCCC; color:#CCCCCC;}

/*Buttons*/

.clear {
    overflow: hidden;
    width: 100%;
	padding-left:40px;
}

button {
    background:url(imgs/bg_button_rand.jpg) no-repeat scroll top right;
    color: #172603;
    float: left;
    font: normal 12px arial, sans-serif;
    padding-right: 28px;
    text-decoration: none;
	border:none;
	width:110px;
}

button span {
    background: url(imgs/bg_button.jpg) no-repeat 0px -1px;
    display: block;
    line-height: 14px;
    padding: 20px 0 20px 28px;
}

button:active {
    background-position: 76px -50px;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}

button:active span {
    background-position: 0px -51px;
    padding: 18px 0 16px 28px; /* push text down 1px */
}