/**
	1. Allgemein
	2. Mittelbereich
		2.1 Navigation über Header
		2.2 Header
		2.3 Content & Navigation
			2.3.1 Suchleiste
			2.3.2 linkes Menü
			2.3.3 Menü im Contentbereich
			2.3.4 Breadcrumbs
			2.3.5 Content
			2.3.6 Social Media
			2.3.7 Powersuche
			2.3.8 Kontaktforumlar
			2.3.9 Neue Produkte & Highlights
			2.3.10 allgemeine Suche
	3. Bereich rechts neben Mittelbereich
	4. Individuelle Seiten
		4.1 Home
		4.2 Regstrierungsformular	
*/

/* 1. Allgemein */
body {
	background-color:#ffcc00;
	margin:0;
	padding:0;
	background-image:url("/design/hintergrund.jpg");
	background-repeat: repeat-x;
	font-family: arial;
}
img {
	border:none;
}
form hr {
	clear:both;
	margin:10px 0;
	}
.clearer {
	clear:both;
	height:0;width:0;
}
.transparent a {
	color:gray!important;
}
.offline a {
	color:red!important;
}
a.link {
	color: white;
}
.uppercase_headline {
	text-transform:uppercase;
	letter-spacing:-0.5px;
} 
/* 2. Mittelbereich */
#center {
	width:1000px;
	margin:0 auto;
	text-align:center;
	position:relative;
	z-index:2;
}
/* 2.1 Navigation über Header */
#top_nav {
	height:24px;
	background-color:white;
	text-transform:uppercase;
	padding-top:2px;
	text-align: right;
}
#top_nav a {
	text-decoration:none;
	color:black;
	font-size:0.6em;
	margin-right:5px;
}
.flaggen {float:right;}
.flags_images {
	position:relative;
	top:2px;
	margin-top:3px;
}
/* 2.2 Header */
#header {
	height:80px;
	background-image:url("/design/header.jpg");
	background-repeat:no-repeat;
	
}
#home_link{
	height:80px;
	width:1000px;
	display:block;
}
#logged_in {
	margin: 3px 10px 0px 0px; 
	float: right;
}
/* 2.3 Content & Navigation */
#main_wrap {
	float:left;
	text-align:left;
	background-image:url("/design/cont_hintergrund.jpg");
}
/* 2.3.1 Suchleiste*/
#suchleiste {
	text-align:left;
	background-color:#667076;
	font-size:0.7em;
	color:#ffcc00;
}
#suchleiste form {
	padding-left:5px;
	float:left;
	width:214px;
	margin-bottom:8px;
	margin-right:5px;
}
#suchleiste form #suche {
	height:18px;
	margin-left: 5px;
	width:142px;
}
#suchleiste form #submit_pfeil{
	position: relative;
    top: 6px;
}
#suchleiste #suche_nav {
	background-image:url("/design/suche_nav.jpg");
	height:21px;
	float:right;
	width:764px;
	margin-top:6px;
	padding-left:10px;
}
.suche_nav_div_wrap{
	float:left;
	margin-right:42px;
}
#suchleiste #suche_nav .suche_link {
	padding-left:2px;
	color:#ffcc00;
	text-decoration:none;
	float:left;
	padding-top:2px;
	text-transform:uppercase;
	letter-spacing: 1px;
}
#suchleiste #suche_nav .suche_link [alt=pfeil] {
	float:right;
	position: relative;
    top: -2px;}
#suchleiste #suche_nav .suche_link [alt=punkt]{
	position:relative;
	top:2px;
	height:13px;
	width:13px;
	margin-right:3px;
}
/* 2.3.2 linkes Menü */
#main_wrap #left_menu {
	width:199px;
	background-color:black;
	float:left;
	color:white;
	padding-top:10px;
	color:#ffcc00;
	font-size: 0.8em;
	font-weight:normal;
	min-height:400px;
	text-transform: uppercase;
	padding-right:20px;
}
#main_wrap #left_menu #shop_headline {
	padding-top:10px;
	font-weight:bold;
}
#main_wrap #left_menu #unternehmen_headline {
	padding-top:10px;
	font-weight:bold;
}
#main_wrap #left_menu #menu {
	padding: 10px 5px 5px 25px;
}
#main_wrap #left_menu img.menu{
	float:left;
	margin-right:5px;
}
#main_wrap #left_menu a {
	text-decoration:none;
	color:white;
	letter-spacing:1px;
}
#main_wrap #left_menu ul {
	margin:0;
	padding:0;
}
#main_wrap #left_menu > ul {
	padding-left:20px;
}
#main_wrap #left_menu ul li {
	list-style:none inside none;
	padding-bottom:3px;
}
#main_wrap #left_menu ul li a {
	text-transform: none;
}
#main_wrap #left_menu ul li.active > a {
	color:#ffcc00;
}
#main_wrap #left_menu ul li ul {
	display:none;
	padding-left:25px;
}
#main_wrap #left_menu ul li.active ul {
	display:block;
}
#main_wrap #left_menu #menu ul li ul li {
	list-style:none outside url(/design/punkt_weiss.jpg);
}
#main_wrap #left_menu ul li ul li.active {
	list-style:none outside url(/design/punkt_gelb.jpg);
}
#main_wrap #left_menu ul li ul li.active a {
	color:#ffcc00;
}
#main_wrap #left_menu #shop {
	margin-bottom:20px;
}
#main_wrap #leftmenu #home_guru {
	margin-bottom:50px;
}
#not_home_guru img#small_guru {
	position: absolute;
	bottom:0px;
	left:0;
}
/* 2.3.2.2 Social Icons */
/* 2.3.3 Menu im Contentbereich */
#dummy_menu .content_menu {
	margin-left:10px;
	margin-top:0px!important;
	padding: 8px;
}
#dummy_menu .content_menu select {
	width:360px;
}
#main_wrap .content_menu {
	width:733px;
	background-color:#667076;
	padding:8px;
	margin-bottom:15px;
	margin-top:15px;
}
.content_menu .left, .content_menu .right{
	float:left;
}
#main_wrap .content_menu ul {
	margin:0;
	padding:0;
}
#main_wrap .content_menu ul li {
	list-style:none inside disc;
	color:white;
	margin-right:10px;
	width:350px;
}
#main_wrap .content_menu ul li.active, #main_wrap .content_menu ul li a:hover, #main_wrap .content_menu ul li:hover {
	list-style:none inside disc;
	color:yellow;
}
#main_wrap .content_menu ul li a {
	color:white;
	text-decoration:none;
	font-size:11px;
	padding-left:2px;
}
#main_wrap .content_menu ul li.active a {
	color:#ffcc00;
}
/* 2.3.4 Breadcrumbs */
#breadcrumbs {
	padding-bottom:5px;
	border-bottom:1px solid #E6E6E6;
	margin-bottom: 5px;
	color:gray;
	font-size:12px;
}
#breadcrumbs a {
	color:gray;
	text-decoration:none;
}
/* 2.3.4.2 FB */
#social_header{
	margin:12px 0 25px 25px;
}
#fblike, #fbshare, #fblink, #twitter {
	float:left;
 }
#fblike {
 width: 110px;
 }
.fblink {margin-top:2px;margin-right:2px;}
#fblink a {
 	color:gray;
 	text-decoration:none;
 	font-size:0.75em;
}
#fbshare {
	margin-right:5px;
}

/* 2.3.5 Content */
#content_wrap {
	width:750px;
	background-color:white;
	float:right;
	padding:10px 16px 15px 15px;
}
#content{
	font-size:13px;
	text-align:justify;	
}
/* 2.3.6 Social Media */
.top_sozialists{
	border:1px solid #FFCC00;
	width:210px;
	margin-left:3px;
}

.top_sozialists img {
	padding:0 10px;
	float:left;
}
#social_bookmarks ul li ul#sozialiers li {
	list-style:none inside none!important;
	padding:0;	
}
#sozializers {
	padding:0 0 0 0px;
	display:none;
	position:absolute;
	z-index:12;
	background-color:#fff;
	float:left;
	height:243px;
	border:1px solid #FFCC00;
	background-position: 6px 5px;background-repeat: no-repeat;
	list-style:none inside none!important;
	overflow:;
}
#ico_facebook a {background-image:url(/design/ico_facebook.png);}
#ico_delicious a {background-image:url(/design/ico_delicious.png);}
#ico_mrwong a {background-image: url(/design/ico_mrwong.png);}
#ico_google a {background-image: url(/design/ico_google.png);}
#ico_reddit a {background-image: url(/design/ico_reddit.png);}
#ico_furl a {background-image: url(/design/ico_furl.png);}
#ico_yigg a {background-image: url(/design/ico_yigg.png);}
#ico_digg a {background-image: url(/design/ico_digg.png);}
#ico_shopbookmarks a {background-image: url(/design/ico_shopbookmarks.png);}
#ico_shopbookmarks a:hover {padding:2px 78px 2px 25px;}
#ico_slashdot a {background-image: url(/design/ico_slashdot.png);}
#ico_webnews a {background-image: url(/design/ico_webnews.png);}

#sozializers li {
	background-color: #FFFFFF;
    height: 18px;
    padding:1px 0 2px 0;
    margin-left:0px;
    list-style:none inside none;
}

#sozializers li a {
	padding: 1px 90px 2px 25px;
	background-position: 6px 5px;
	background-repeat: no-repeat;
	color:black!important;
}
ul li.top_sozialists:hover ul,#sozial ul li a:hover ul#sozializers {
	display:block!important;
}
#sozializers li:hover {
	background-color:#FFCC00;
}
#sozializers li:hover a {
	background-color:#FFCC00;
	color:black;
	
}

/* 2.3.7 Powersuche */
form[name=powersearch] > div {
	clear:both;
}
#messageForSeller{width:400px;}
/* 2.3.8 Kontaktformulare */
.contact_form {
	float:left;
	width:50%;
	margin-bottom:10px;
}
.label {
	width:90px;
	float:left;
	}
form textarea {
	width:743px;
	margin-bottom:10px;	
	}
.captcha_code_input {
	width:285px;
	color:gray;
}
.sub_contact {
	width:600px;
	float:left;
	}
.sub_contact .label {
	width:150px;
}
.sub_contact input{
	width:200px;
}
.sub_contact br {clear:both;}

/* 2.3.9 Neue Produkte*/
#highlights_box, #new_products_wrap {
	border:1px solid silver;
	color:gray;
	width:722px;
}
.new_products_title h4, .highlights_title h4 {
	margin-top:0;
	margin-bottom:5px;
}
.new_products_title h4 a, .highlights_title h4 a {
	text-decoration:none;
	font-size:16px;
}
.highlights_single, .new_products_single {
	border-right:1px solid silver;
	float:left;
	padding:15px;
	width:149px;
	height:220px;
}
#highlights_box .last, #new_products_wrap .last {
	border-right:none;
	width:152px;
} 
#highlights_box .first_row, #new_products_wrap .first_row {
	border-bottom:1px solid silver;
}
.highlights_subtitle, .new_products_subtitle {
	padding:4px;
	font-size:11px;
	text-align:left;
	margin-top:10px;
}
.highlights_preis , .new_products_preis, .highlights_apreis, .new_products_apreis {
	font-size:11px;
}
.highlights_image, .new_products_image {
	margin-top:5px;
}

/* 2.3.10 allgmeine Suche */
.search_small_image {
	float: right; 
	margin: -10px 10px 0px 0px;
}

/* 3 Bereich rechts neben Mittelbereich */
#right {
	position:absolute;
	top:0px;
	left:50%;
	width:50%;
	z-index:1;
    height:100%;
}
#right #balken {
	background-image:url("/design/right_hintergrund.jpg");
	height:142px;
}
/* 4 Individuelle Seiten */

/* 4.1 Home */
a.shop_link {
	color:gray;
}
/* 4.2 Registrierungsforumlar*/
form[action="http://www.intertechnik.de/system/ite_haendler_anmeldung.html"] img {
	float:left;
}
form[action="http://www.intertechnik.de/system/ite_haendler_anmeldung.html"] .captcha_code_input {
	float:right;
	width:275px;
}
/* 4.3 Seen Cheaper */
form[name="seen_cheaper"] .image{
	float:left;
}
form[name="seen_cheaper"] .captcha_code_input{
	width:267px;
}