/*Structured layout mainpage*/
body{
color:#777;
background: #222;
}

.wrapper{ 
background: #fff url(../images/skin1/bg.png) repeat-x left top;
}

#subpage .wrapper{
background: #fff url(../images/skin1/bg.png) repeat-x 0 -224px;
}

#footerwrap, #subpage #footerwrap{
background: #222;
}

/*HEAD AREA*/

#top .logobg a{
background: transparent url(../images/skin1/logo.png) no-repeat left top;
}

#nav li a{
/*border-left:1px solid #484848;*/
color:#aaa;
}

#nav .currentli_item a{background: url(/images/topmenu_tabs_sprite.gif) no-repeat right;}
#nav .currentli_item a:hover{background: url(/images/topmenu_tabs_sprite.gif) no-repeat right; color:#AAAAAA;}
#nav li a:hover{background: url(/images/topmenu_tabs_sprite.gif) no-repeat left; display:block; color: #FFF;}




#top #nav li ul a{
/*border:1px solid #484848;
border-top:none;*/
color:#aaa;
background: #222;
}

#top #nav li ul a:hover{
background:#262626;
color:#fff;
}

#top #nav li ul {
	border:none;/*
border-top:1px solid #484848;*/
}

/*featured*/

#featured{
/*background:transparent url(../images/skin1/shadow.jpg) no-repeat scroll 0px 368px;*/
background:#FFF none repeat scroll 0 0;
}

/*infotext*/
#infotext{
background:transparent url(../images/skin1/bg_infotext.png) no-repeat scroll 0px -1px;
}

#infotext h2{
background:transparent url(../images/skin1/bg_infotext.png) no-repeat scroll center bottom;
color:#555555;
}

#infotext h2 strong{
color: #ff9000;
}

/*content*/

#sidebar h3, #sidebar #searchform{
border-bottom:1px solid #d6d6d6;
}

/*AWESOME BUTTON*/
.wrapper .awesome, .wrapper .awesome:visited {
	background: #222 url(http://www.werbehuus.ch/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	border: none;
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.wrapper .awesome:hover							{ background-color: #111; color: #fff; }
	.wrapper .awesome:active							{ top: 1px; }
	.wrapper .small.awesome, .wrapper .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .wrapper .awesome:visited,
	.wrapper .medium.awesome, .wrapper .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); color:#fff: }
	.wrapper .large.awesome, .wrapper .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.wrapper .green.awesome, .wrapper .green.awesome:visited		{ background-color: #91bd09; }
	.wrapper .green.awesome:hover						{ background-color: #749a02; }
	.wrapper .blue.awesome, .wrapper .blue.awesome:visited		{ background-color: #2daebf; }
	.wrapper .blue.awesome:hover							{ background-color: #007d9a; }
	.wrapper .red.awesome,.wrapper  .red.awesome:visited			{ background-color: #e33100; }
	.wrapper .red.awesome:hover							{ background-color: #872300; }
	.wrapper .magenta.awesome,.wrapper  .magenta.awesome:visited		{ background-color: #a9014b; }
	.wrapper .magenta.awesome:hover							{ background-color: #630030; }
	.wrapper .orange.awesome, .wrapper .orange.awesome:visited		{ background-color: #ff5c00; }
	.wrapper .orange.awesome:hover							{ background-color: #d45500; }
	.wrapper .yellow.awesome, .wrapper  .yellow.awesome:visited		{ background-color: #ffb515; }
	.wrapper .yellow.awesome:hover							{ background-color: #fc9200; }



/*alöskdjöalksjdölkajsdökajösd*/
ol.steps {
	margin: 20px 0;
	background: #333;
	padding: 0 0 0 35px;
	border: 1px solid #111;
	background: url(http://werbehuus.ch/images/ul_bg_repeat.gif) repeat-y;
}
ol.steps li {
	margin: 0;
	padding: 15px 15px;
	color: #3cc7c2;
	font-size: 1.7em;
	font-weight: bold;
	border-top: 1px solid #000;
	border-bottom: 1px solid #353535;
	border-right: 1px solid #333;
	border-left: 1px solid #151515;
	background: #222;
	list-style-position:outside;
}
ol.steps li h2 {
	font-size: 0.9em;
	padding: 5px 0;
	margin-bottom: 10px;
	border-bottom: 1px dashed #333;
	color: #fff;
}
ol.steps li p {
	color: #ccc;
	font-size: 13px;
	font-weight: normal;
	line-height: 23px;
}
ol.steps li.first { border-top: 1px solid #333; }
ol.steps li.last {	border-bottom: none; }

/*alsjdhaksjhdkjahsdkjhaskdjhasd*/

 #links ul {
        list-style-type: none;
        width: 930px;
		border: none;
} 

 #links li {
      	background:none;
        border-width: 1px 0;
        margin: 5px 0;
		text-decoration:none;
}

 #links li a { 
        color: #222;
        display: block;
        font: 120% Arial, Helvetica, sans-serif;
        padding: 5px;
        text-decoration: none;
		border-bottom: none;
}

 * html  #links li a {  /* make hover effect work in IE */
	width: 610px;
	border-bottom: none;
}

 #links li a:hover {
        background: #d4d4d4;
}

 #links a em { 
        color: #777;
        display: block;
        font: 13px Arial, Helvetica, Verdana, san-serif;
        line-height: 23px; 
}

 #links a span {
        color: #777;
        display: block;
        font: 11px Arial, Helvetica, Verdana, san-serif;
        line-height: 23px; 
}/*dkgfjlkdjfglkdjlgkjdlfg*/

ul{
border-top:1px solid #d6d6d6;
}

blockquote{
border-left:5px solid #d6d6d6;
}

#sidebar .box a, #main #sidebar .box .recentcomments, ul li{
background:transparent url(../images/skin1/bullet_orange.png) no-repeat scroll 0px 10px;
/*border-bottom:1px solid #d6d6d6;*/
}

#sidebar .box ul ul a{
background:transparent url(../images/skin1/bullet_black.png) no-repeat scroll 15px center;
}
#sidebar .box ul ul ul a{
background:transparent url(../images/skin1/bullet_black.png) no-repeat scroll 30px center;
}
#sidebar .box ul ul ul ul a{
background:transparent url(../images/skin1/bullet_black.png) no-repeat scroll 45px center;
}
#sidebar .box ul ul ul ul ul a{
background:transparent url(../images/skin1/bullet_black.png) no-repeat scroll 60px center;
}
#sidebar .box ul ul ul ul ul ul a{
background:transparent url(../images/skin1/bullet_black.png) no-repeat scroll 75px center;
}
#sidebar .box ul ul ul ul ul ul ul a{
background:transparent url(../images/skin1/bullet_black.png) no-repeat scroll 90px center;
}
#sidebar .box ul ul ul ul ul ul ul ul a{
background:transparent url(../images/skin1/bullet_black.png) no-repeat scroll 105px center;
}
#sidebar .box ul ul ul ul ul ul ul ul ul a{
background:transparent url(../images/skin1/bullet_black.png) no-repeat scroll 120px center;
}


/*blog*/

.post_data{
border:1px solid #d6d6d6;
border-left:none;
border-right:none;
}

.entry .date{
color:#8D8D8D;
}

.entry .day{
border-right:1px solid #cacaca;
}


/*pagination*/

#top .pagination span, #top .pagination a{
border:1px solid #666666;
}

#top .pagination a:hover{
border:1px solid #FF9000;
}

#top .pagination .current{
background: #666666;
border:1px solid #222;
color:#fff;
}




/*footer*/
#footer{
color: #cbcbcb;
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer a
{
color:#cbcbcb;
}

#footer .box ul{
border-top:1px solid #4a4a4a;
} 

#footer .box ul li a, .wrapper #footer .box .recentcomments{
border-bottom:1px solid #4a4a4a;
background: transparent url(../images/skin1/bullet_grey.png) left 11px no-repeat;
}

#footer .box ul li a:hover{
background: #262626 url(../images/skin1/bullet_grey.png) left 11px no-repeat;
color:#fff;
}

#footer .custom_button{
background: #494949 url(../images/skin1/mail.png) 170px center  no-repeat;
color: #fff;
}

#footer .custom_button:hover{
background-color: #666;
}

#footer #s{
background: #494949;
color:#ccc;
}

#footer #searchsubmit{
background: transparent url(../images/skin1/search.png) 2px center  no-repeat;
border-left:1px solid #222;
}

#sidebar .widget_search #searchsubmit{
background: transparent url(../images/skin1/search.png) 2px center  no-repeat;
border-left:1px solid #d6d6d6;
}

.wrapper #footer .social_bookmarks .rss a{background: transparent url(../images/skin1/rss_16.png) 0 0  no-repeat;}
.wrapper #footer .social_bookmarks .facebook a{background: transparent url(../images/skin1/facebook_16.png) 0 0  no-repeat;}
.wrapper #footer .social_bookmarks .twitter a{background: transparent url(../images/skin1/twitter_16.png) 0 0  no-repeat;}
.wrapper #footer .social_bookmarks .flickr a{background: transparent url(../images/skin1/flickr_16.png) 0 0  no-repeat;}


.more-link{
background:transparent url(../images/skin1/bullet_orange.png) no-repeat scroll right 15px;
}

input, select, textarea{
color:#777;
}

.wrapper a, #main #sidebar .textwidget a{
color:#777777;
border-bottom: 1px solid #ff9000;
}

.wrapper a:hover{
border-bottom: 1px solid #666;
color:#ff9000;
}


h1,h2,h3,h4,h5,h6, legend{
color:#222;
}


#top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a{
color:#222;
} 

#top h1 a:hover, #top h2 a:hover, #top h3 a:hover, #top h4 a:hover, #top h5 a:hover, #top h6 a:hover{
color:#555;
} 

.lightbox_video, .lightbox_image{
background:transparent url(../images/skin1/video.png) no-repeat center center;
}

#top .lightbox_image{
background:transparent url(../images/skin1/magnify.png) no-repeat center center;
}

/*comments*/
.gravatar img{
border:1px solid #D6D6D6;
background: #fff;
}

.commententry .odd{
background: #f8f8f8;
}

.commententry .even{
background: #fff;
}


/*CONTACT FORM*/	

.text_input, .text_area{
border:1px solid #D6D6D6;
}

#send, #submit{
border:1px solid #D6D6D6;
background: #222;
color: #fff;
}


#submit:hover, #send:hover{
background: #eee;
color: #222;
}


	
.valid .text_input, .valid .text_area{border:1px solid #70A41B;} /*#70A41B*/
.error .text_input, .error .text_area{border:1px solid #FF9000;}
.ajax_alert .text_input, .ajax_alert .text_area{border:1px solid #ffb628;}