/*************************************************************/
/*   Design:   nuun alpha				            		 */
/*   File:     c1_alpha.css				                     */
/*-----------------------------------------------------------*/
/*   Autor:   Samuel Mueller           	                     */
/*   Datum:   15.Januar 2008	                             */
/*   Site: 	  wwww.nuun.ch                                   */
/*-----------------------------------------------------------*/
/*   Lizenz:  Dieses CSS-Layout darf frei genutzt werden.	 */
/*			  Das Design ist jedoch copyright geschuetzt.    */
/*			  Weitere Fragen an mailto:info@nuun.ch		     */
/*************************************************************/

/*  GLOBALES  */
/*************************************************************/
*{padding:0; margin:0;}
body {font: 100.01%/1.2em Arial, Verdana, Helvetica, sans-serif; color:#323232; background:url(../alpha_pics/bg.gif) repeat-x;}
#page-container {width:850px; margin:0px auto;}
h1 {font-size:1em; color:#323232; background:url(../alpha_pics/h1bg.gif) repeat-x bottom left; margin-bottom: 0.2em;}
h2 {font-size:1em; color:#cd7f02;}
#left ul{list-style-type:none;}
#left ul li{padding-left:15px; background:url(../alpha_pics/bullet.gif) no-repeat 0px 7px; margin-left:0px;}
.newstitle{text-decoration:none; color: #cd7f02;}

/*	CLEARFIX	*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:inline-block;}
/* 	Hide from IE Mac \*/ .clearfix {display:block;} /* 	End hide from IE Mac */ 
#clearer{clear:both; height:3px;}


/*  HEADER  */
/*************************************************************/
#header{position:relative; width:850px; height: 168px; margin:0 auto;}

/*  MAIN  */	
/*************************************************************/
#main{width:815px; height:auto; text-align:left; margin:0 auto; padding:20px 20px 20px 15px;}
div.clearer{clear:both; height: 1px;}

/*  LINKS & GANZE BREITE */
/*************************************************************/
#left{width:550px; height: auto; float:left; font: 0.72em/1.8em Arial, Verdana, Helvetica, sans-serif;}
#content{width:420px; height: auto; float:left; font: 0.72em/1.8em Arial, Verdana, Helvetica, sans-serif;}
#center{width:800px; height: auto; font: 0.72em/1.8em Arial, Verdana, Helvetica, sans-serif;}

/*  KONTAKTE  */
/*************************************************************/
#right{width:240px; height: auto; margin:0px 0 0 25px;float:left; font: 0.72em/1.8em Arial, Verdana, Helvetica, sans-serif;}


/*  LINKS IN CONTENT  */
a.intlink {color: #cd7f02; text-decoration:none;}
a.intlink:hover, a.intlink:active {color: #323232;}
a.intlinkdown:link, a.intlinkdown:visited {color: #cd7f02; font-weight: normal; text-decoration:none; background:url(../alpha_pics/downlink.gif) no-repeat left center; padding-left:15px; display:block;}
a.intlinkdown:hover, a.intlinkdown:active {color: #323232; background:url(../alpha_pics/linkdown_act.gif) no-repeat left center;}
a.extlink:link, a.extlink:visited {color: #cd7f02; text-decoration:none; font-weight: normal; background:url(../alpha_pics/extlink.gif) no-repeat left center; padding-left:15px; display:block;}
a.extlink:hover, a.extlink:active {color: #323232; background:url(../alpha_pics/extlink_act.gif) no-repeat left center;}
a.newsextlink:link, a.newsextlink:visited {color: #cd7f02; text-decoration:none; font-weight: normal; background:url(../alpha_pics/extlink.gif) no-repeat left center; padding-left:15px; display:block; margin-bottom:5px;}
.basic a.newsextlink:hover, .basic a.newsextlink:active {color: #323232; background:url(../alpha_pics/extlink_act.gif) no-repeat left center;}
.basic a.newslink:link, .basic a.newslink:visited {color: #cd7f02; text-decoration:none; background:url(../alpha_pics/arrow_right.gif) no-repeat left center; padding-left:15px; display:block;}
a.newslink:hover, a.newslink:active {color: #323232; background:url(../alpha_pics/arrow_down.gif) no-repeat left center;}
a.downlink:link, a.downlink:visited {color: #cd7f02; font-weight: normal; text-decoration:none; background:url(../alpha_pics/downlink.gif) no-repeat left center; padding-left:15px; display:block;}
a.downlink:hover, a.downlink:active {color: #323232; background:url(../alpha_pics/downlink_act.gif) no-repeat left center;}

/*  LINKS  */
/*************************************************************/
p.borderclients{border:2px #fff solid; display:block; float:left; margin:6px 5px 0px 0px;}
p.borderclients:hover{border:2px #d48200 solid;}
p.borderclients img{border:2px solid #dfdfdf;}

/*  BILDER  */
/*************************************************************/
#newsblock img.contentpic{padding:2px; border:2px solid #FFF; float:left; margin: 3px 5px 2px 0px; background:none;}
#newsblock img.contentpicnofloat{padding:2px; border:2px solid #FFF; margin: 3px 5px 2px 0px; background:none;}
#newsblock a.imglink {margin:0px; padding:0px; background:none; }
#newsblock img.contentpic:hover{border:2px #F0F0F0 solid;}
#newsblock p a.intlink {font-weight: normal; background:url(../alpha_pics/extlink.gif) no-repeat left center; padding-left:15px; display:inline;}
#newsblock p a.intlink:hover {font-weight: normal; background:url(../alpha_pics/extlink_act.gif) no-repeat left center; padding-left:15px; display:inline;}

/*  ACCORDION  */
/*************************************************************/
.basic  {
	width: 423px;
}

.basic p {
	font-size: 1em;
	margin: 0px;
	margin-left:5px;
	padding: 0px;
	padding-left:10px;
	background:url(../alpha_pics/verticalline.gif) repeat-y left;
}
.basic a {
	cursor:pointer;
	display:block;
	padding: 0px;
	padding-left: 15px;
	background:url(../alpha_pics/arrow_right.gif) no-repeat left center; 
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
	color: #cd7f02;}
	
.basic a:hover {
	color: #323232;
	background:url(../alpha_pics/arrow_down_act.gif) no-repeat left center;
}

.basic a.selected {
	color: #323232;
	background:url(../alpha_pics/arrow_down_act.gif) no-repeat left center;
}

/*  Twitter  */
/*************************************************************/
.twitter {background:url(../alpha_pics/twitter.gif) no-repeat top left; width:293px; height:23px; padding-left:20px;}
#twitter_update_list { list-style-type:none;}
#twitter_update_list a:link, #twitter_update_list a:visited { color:#cd7f02; display:block; text-decoration:none;}
#twitter_update_list a:hover, #twitter_update_list a:active { color:#cd7f02; display:block; text-decoration:underline;}