/* BeuthMedien  CSS Document */

body {
	background: #F9F9F9;
	font-family: "Lucida Grande", verdana, arial, sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	}
	
/* ---------------------------------------------------------- Titel und Text */

h1 {position: absolute; left: -2000px;}

h2 {font-size: 1.4em; font-weight: bold; color: #AB2324; margin: 0 0 10px 3px; padding: 0;}

h3 {background: #F9F3F3; border-top: solid #AB2324 1px; font-size: 1.1em; font-weight: bold; color: #AB2324; margin: 0; padding: 2px 0 2px 5px;}

h4 {font-size: 1.1em; font-weight: bold; color: #AB2324; margin: 0 0 10px 3px; padding: 0;}

p {font-size: 1.1em; color: #666666; line-height: 1.6em; margin: 10px 10px 0 3px; padding: 0;}

.bold {font-weight: bold;}

a {color: #AB2324; margin: 0; padding: 0;}
a:link, a:visited {text-decoration: none;}
a:hover {color: #660000; text-decoration: none;}
a.active {color: #660000;}

/* ---------------------------------------------------------- Layout */
	
#master {
	margin: 0;
	padding: 0;
	}

#header_container {
	background: url(bilder/hintergrund_header.gif) repeat-x;
	border-bottom: solid #FFFFFF 1px;
	}
	
#navi_container {
	background: url(bilder/hintergrund_navi.gif) repeat;
	border-bottom: solid #000000 1px;
	}
	
#content_container {
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	}
	
#content {
	width: 600px;
	margin: 0 auto;
	padding: 0;
	}
	
#seitenende_container {
	background: url(bilder/hintergrund_footer.gif) repeat-x;
	}

/* ---------------------------------------------------------- Überschriften */

#header {
	width: 600px;
	margin: 0 auto;
	}
	
#header_left {
	float: left;
	height: 90px;
	width: 500px;
	margin: 0;
	padding: 0;
	text-align: left;
	position: absolute;
	visibility: visible;
	}
	
#header_right {
	float: left;
	height: 90px;
	width: 600px;
	margin: 0;
	padding: 0;
	background-image: url(bilder/BeuthMedien_Kopf.gif);
	background-repeat: no-repeat;
	background-position: left;
	}

/* ---------------------------------------------------------- Navigation */

#navi {
	height: 25px;
	width: 600px;
	margin: 0 auto;
	padding: 0;
	background-image: url(bilder/hintergrund_button.gif);
	background-repeat: repeat-y;
	background-position: right;
	}

#navi ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#navi li {
	float: left;
	display: inline;
	width: 120px;
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url(bilder/hintergrund_button.gif);
	background-repeat: no-repeat;
	background-position: left;
	}
	
#navi a {
	display: block;
	font-size: 1.1em;
	color: #FFFFFF;
	line-height: 25px;
	margin: 0;
	padding: 0;
	}

#navi a:link, #navi a:visited {
	text-decoration: none;
	}

#navi a:hover {
	color: #FAB90B;
	text-decoration: none;
	}
	
#navi a.active {
	color: #FAB90B;
	}
	
#navi a.selected {color: #FAB90B;}
	
/* Fix IE */
* html #navi ul li { float: left; }
* html #navi ul li a { height: 1%; }

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

#footer {width: 600px; margin: 0 auto; padding: 0;}

#footer_navi {margin: 0; padding: 0;}

#footer_navi ul {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 10px 0 0 0;
	white-space: nowrap;
	}

#footer_navi li {
	float: left;
	display: block;
	font-weight: normal;
	font-size: 1.0em;
	color: #666666;
	margin: 0;
	padding: 0 3px 0 0;
	}
	
#footer_navi a {
	color: #666666;
	margin: 0;
	padding: 0;
	}

#footer_navi a:link, #footer_navi a:visited {
	text-decoration: none;
	}

#footer_navi a:hover {
	color: #AB2324;
	text-decoration: none;
	}
	
#footer_navi a.active {
	color: #AB2324;
	}
	
#footer span {
	display: block;
	float: left;
	font-size: 1.0em;
	color: #666666;
	margin: 0;
	padding: 10px 0 0 3px;
}

#footer_movie_pop span {
	display: block;
	float: left;
	font-size: 1.0em;
	color: #666666;
	margin: 0;
	padding: 10px 0 0 10px;
}


/* ---------------------------------------------------------- Home */

#home_movie {
	
	height: 0px;
	width: 600px;
	margin: 10px 0 10px 0;
	padding: 10px 0 0 5px;
	}
	
#home_left {
	float: left;
	width: 359px;
	margin: 5px 0 10px 0;
	padding: 0;
	}
	
#home_right {
	float: left;
	width: 227px;
	margin: 0px 0 10px 0;
	padding: 0 3px 0 0px;
	border-left: solid #CCCCCC 1px;
	}
	
#home_updates {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 7px;
	}
	
#home_update1 {
	height: 70px;
	margin: 0;
	padding: 0;
	}
	
#home_update2 {
	height: 70px;
	margin: 0;
	padding: 0;
	}
	
#home_updates a {
	display: block;
	height: 60px;
	font-size: 1.1em;
	line-height: 20px;
	color: #666666;
	margin: 1px 0 0 0;
	padding: 5px;
	}

#home_updates a:hover {
	color: #AB2324;
	text-decoration: none;
	}
	
.update1 {
	background-image: url(startseite/home_1.gif);
	background-repeat: no-repeat;
	background-position: right;
}
.update2 {
	background-image: url(startseite/home_neu1.gif);
	background-repeat: no-repeat;
	background-position: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.update3 {
	background-image: url(startseite/home_3.gif);
	background-repeat: no-repeat;
	background-position: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
	
#home_showcase {
	margin: 0;
	width: 223px;
	padding-top: 0;
	padding-right: 3px;
	padding-bottom: 0;
	padding-left: 7px;
	}
	
#home_showcase a {
	display: block;
	height: 130px;
	margin: 5px 0 0 0;
	padding: 0;
	}
	
.updatespan {
	color: #333333;
	font-weight: bold;
	font-size: 1em;
}

.showcase {
	background-image: url(bilder/home_backup_system.jpg);
	background-repeat: no-repeat;
}
.showcase2 {
	background-image: url(bilder/home_backup_system.jpg);
	background-repeat: no-repeat;
}

/* ---------------------------------------------------------- Über uns */

#about_left {
	float: left;
	width: 359px;
	margin: 15px 0 10px 0;
	padding: 0;
	}
	
#about_right {
	float: left;
	width: 227px;
	margin: 15px 0 10px 0;
	padding: 0 3px 0 10px;
	border-left: solid #CCCCCC 1px;
	}
	
#about_profile1 {
	margin: 0;
	padding: 0;
	border-bottom: solid #CCCCCC 1px;
	}
	
#about_profile2 {
	margin: 0;
	padding: 0;
	}
	
.quote {
	text-align: right;
	margin: 0 30px 0 0;
	font-weight: bold;
	}
		
.profilename {
	font-size: 1.0em;
	line-height: 1.4em;
	color: #666666;
	margin: 3px 0 0 0;
	padding: 5px;
	}
	
.profileprefs {
	font-size: 1.0em;
	line-height: 1.4em;
	color: #666666;
	margin: 0;
	padding: 5px;
	}
	
.namesspan {color: #333333; font-weight: bold;}
.prefsspan {display: block; float:left; width: 25%; font-weight: bold;}

#whatwedo {margin: 0; padding: 8px 0 8px 6px;}

#whatwedo ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#whatwedo li {
	display: block;
	margin: 3px 0 0 0;
	padding: 0;
	height: 15px;
	color: #333333;
	}

/* ---------------------------------------------------------- Leistungen */

#services_top {
	margin: 15px 0 10px 0;
	padding: 0;
	}

#services_left {
	float: left;
	width: 240px;
	margin: 15px 0 10px 0;
	padding: 0;
	}
	
#services_right {
	float: left;
	width: 345px;
	margin: 15px 0 10px 0;
	padding: 0 3px 0 10px;
	border-left: solid #CCCCCC 1px;
	}
	
#services_navi {margin: 0; padding: 0; border-top: solid #CCCCCC 1px; border-bottom: solid #CCCCCC 1px;}

#services_navi ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	height: 1.7em;
	}

#services_navi li {
	float: left;
	display: inline;
	margin: 3px 0 0 0;
	padding: 0;
	}
	
#services_navi a {
	background: url(../images/icon_arrow.gif) left no-repeat;
	color: #AB2324;
	margin: 3px 0 0 0;
	padding: 1px 20px 0 20px;
	}

#services_navi a:link, #services_navi a:visited {
	text-decoration: none;
	}

#services_navi a:hover {
	color: #660000;
	text-decoration: none;
	}
	
.select_service {float: left; display: inline; height: 1.5em; color: #333333; font-weight: bold; margin: 0 20px 0 3px; padding: 0;}

.services {margin: 0 10px 10px 10px; padding: 0;}


/* ---------------------------------------------------------- Leistungen neu */

#services_new_left {
	float: left;
	width: 241px;
	margin: 15px 0 10px 0;
	padding: 0;
	}
	
#services_new_right {
	float: right;
	width: 345px;
	border-left: solid #CCCCCC 1px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 3px;
	padding-bottom: 0;
	padding-left: 10px;
	}
	
#services_new_selected a{
	background: #F9F3F3;
	color: #660000;
	text-decoration: none;
	}

/* ---------------------------------------------------------- Portfolio */

#portfolio_left {
	float: left;
	width: 241px;
	margin: 15px 0 10px 0;
	padding: 0;
	}
	
#portfolio_right {
	float: left;
	min-height: 475px;
	width: 345px;
	margin: 15px 0 10px 0;
	padding: 0 3px 0 10px;
	border-left: solid #CCCCCC 1px;
	}
	
#portfolio_movie_pop {
	float: left;
	min-height: 330px;
	width: 345px;
	margin: 15px 0 10px 0;
	padding: 0 3px 0 10px;
	}
	
#portfolio_navi, .portfolio_subnavi {
	margin: 0;
	padding: 10px 10px 0 3px;
	} 

#portfolio_navi ul, .portfolio_subnavi ul {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
	}

#portfolio_navi li, .portfolio_subnavi li {
	line-height: 1.7em;
	margin: 0;
	padding: 0;
	}
	
#portfolio_navi li li, .portfolio_subnavi li li {
	line-height: 1.7em;
	margin: 0;
	padding: 0;
	border-bottom: solid #CCCCCC 1px;
	}
	
#portfolio_navi li ul, .portfolio_subnavi li ul {
	margin-top: 2px;
	padding: 0;
	}
	
#portfolio_navi a, .portfolio_subnavi a {
	display: block;
	font-size: 1.1em;
	color: #AB2324;
	margin: 0;
	padding: 0;
	}

#portfolio_navi a:link, #portfolio_navi a:visited {
	text-decoration: none;
	}

#portfolio_navi a:hover {
	background: #F9F3F3;
	color: #660000;
	text-decoration: none;
	}
	
#portfolio_navi a.active {
	color: #660000;
	}
	
#portfolio_selected a{
	background: #F9F3F3;
	color: #660000;
	text-decoration: none;
	}
	
/* Fix IE */
* html #portfolio_navi ul li a { height: 1%; }

#portfolio_image {background: url(../contact-Dateien/images/window_portfolio.gif) left no-repeat; height: 256px; margin: 0 0 2px -3px; padding: 0;}

#portfolio_image_pop {height: 362px; margin: 0 0 2px -3px; padding: 0;}

.portfolio_player {margin: 0 0 0 5px; padding: 3px 0 0 0;}

.portfolio_player_pop {margin: 0 0 10px 2px; padding: 3px 0 0 0;}

.porfoliodetail {
	font-size: 1.1em;
	color: #666666;
	margin: 0;
	padding: 0;
	}
	
.portfoliospan {display: block; float:left; width: 25%; color: #333333; font-weight: bold;}

#portfolio_navi span, .portfolio_subnavi span {font-size: 1.1em; color: #333333; font-weight: bold;}

.portfolioclient {
	color: #AB2324;
	margin: 0;
	padding: 0;
	}
	
#portfolio_visit {
	margin: 0 0 10px 0;
	padding: 0;
	}

#portfolio_visit a {
	background: url(bilder/pfeil.gif) 0 0 no-repeat;
	font-size: 1.1em;
	color: #AB2324;
	margin: 0;
	padding: 0 0 0 20px;
	}

#portfolio_visit a:link, #portfolio_visit a:visited {
	text-decoration: none;
	}

#portfolio_visit a:hover {
	color: #660000;
	text-decoration: none;
	background-position: 0 -87px;
	}
	
li.portfolio_comingsoon {
	color: #666666;
	}

.portfolio_subnavi li a{
	background: url(bilder/pfeil.gif) 0 2px no-repeat;
	color: #AB2324;
	margin: 0;
	padding: 0 0 0 20px;
	}

.portfolio_subnavi li a:link, .portfolio_subnavi li a:visited {
	text-decoration: none;
	}

.portfolio_subnavi li a:hover {
	color: #660000;
	text-decoration: none;
	background-position: 0 -85px;
	}
	
/* ---------------------------------------------------------- Kontakt */

#contact_left {
	float: left;
	width: 359px;
	padding: 0;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	clear: left;
	}
	
#contact_right {
	float: left;
	min-height: 350px;
	width: 225px;
	margin: 15px 0 10px 0;
	padding: 0 3px 0 10px;
	border-left: solid #CCCCCC 1px;
	}
	
.contact_details {
	font-size: 1.0em;
	line-height: 1.4em;
	color: #666666;
	margin: 0;
	padding: 0 0 0 3px;
	}
	
.contactspan {display: block; float:left; width: 25%; color: #333333; font-weight: bold;}
	
fieldset {background: #F9F3F3; border: none; margin: 0; padding: 0 0 5px 0;}
label {display: block; width: 15em; padding: 0; margin:0;}
input {display: block; width: 99%;font-size: 1em; color: #666666; border: solid #E6BDBD 1px; margin: 0 0 5px 0;}
textarea {
	display: block; 
	width: 99%;
	height: 10em;
	font-family: "Lucida Grande", verdana, arial, sans-serif; 
	font-size: 1em; 
	color: #666666; 
	border: solid #E6BDBD 1px;
	margin: 0 0 5px 0;
	}

#buttons {
	margin: 0;
	padding: 0 0 0 3px;
	}

.submitLink {
	width: 120px;
    color: #AB2324;
    background: url(bilder/pfeil.gif) 0 1px no-repeat;
    background-color: transparent;
    text-decoration: none;
    border: none;
    cursor: pointer;
    margin: 0;
	padding: 0;
  }
  
 #thanks {height: 250px;}
	
/* ---------------------------------------------------------- Misc. */

br.clear {
	clear: both; 
	overflow: hidden;
	line-height: 0px;
	}
.sven_pass {
	position: relative;
	top: -75px;
	left: 225px;
	height: 167px;
	width: 119px;
	clip: rect(auto,auto,auto,auto);
}
#sitemap_left {
	float: left;
	width: 241px;
	margin: 15px 0 10px 0;
	padding: 0;
}
#sitemap_right {
	float: left;
	width: 241px;
	margin: 15px 0 10px 0;
	padding: 0;
}