body{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 1.2;	
	padding: 0px;
 background-image:url(../grafik/bg.png);
 background-repeat:repeat-y;
 background-position:center;
 	}

a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

h1{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 10px;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
	list-style-type: square;
	color: #000;
}


label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

#navBar{
	float: left;
	width: 15%;
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#headlines{
  float:right;
  padding: 3 3 3 0;
	border-left: 1px solid #cccccc;
}

#content{
	float:left;
	width: 65%;
	font-size: 100%;
	color: #000;
}

#content2{
	float: left;
	width: 65%;
	font-size:12px;
	padding: 4 0 2px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
 
  
}
#content3{
	float: left;
  width: 55%;
  font:Arial, Helvetica, sans-serif;
  font-size:11px;
  padding:  10 0 2px 5px;
 
  
}


/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
	font-size:12px;
}

.feature 9{
	text-align: left;
	font-size:10px;
}

.feature img{
	float: left;
	padding: 3px 3px 0px 0px;
}


/************** .story styles *****************/





/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
		vertical-align: middle;
		text-align:center;
		

}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}


/************* #search styles ***************/



/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #cccccc;
	font-size: 90%;
}

#sectionLinks h3{
	padding: 14px 0px 2px 10px;
}

#sectionLinks a {
	display: block;
	padding: 2px 0px 2px 10px;
}




/*********** .relatedLinks styles ***********/

.relatedLinks{
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block; 
}

/************** #advert styles **************/

#advert{
	padding: 30px 0px 10px;
}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}






a[href *="youtube.com/watch?"], a[href *="sevenload.com/videos/"], a[href *="metacafe.com/watch/"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_film.gif) no-repeat center right;
}


a[href$='.doc'], a[href$='.rtf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_doc.gif) no-repeat center right;
}

a[href$='.txt'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_txt.gif) no-repeat center right;
}

a[href$='.xls'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_xls.gif) no-repeat center right;
}
a[href$='.exe'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_exe.gif) no-repeat center right;
}


a[href$='.pps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_pps.gif) no-repeat center right;
}

a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_pdf.gif) no-repeat center right;
}


a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_archive.gif) no-repeat center right;
}

a[href$='.css'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_css.gif) no-repeat center right;
}

a[href$='.ttf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_ttf.gif) no-repeat center right;
}

a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_film.gif) no-repeat center right;
}

a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_music.gif) no-repeat center right;
}

/* email */
a[href ^="mailto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(icons/icon_mailto.gif) no-repeat center right;
}

/* use this class to make sure that images won't get iconized */

.imageLink {
	padding-right: 0px !important;
	background: none !important;
}
#menutag{
z-index:100;
}
#dropin{
z-index:+1000;
top: 388px;
left: 363px;
margin: 10 10 10 10;
padding: 10 10 10 10;
}






/* Normal Bubble */
div.bubble {
	width: auto;
	font-size: 0.75em;
	margin-bottom: 24px;
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

div.bubble blockquote p {
	margin: 10px;
	padding: 0px;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 6px;
	background: transparent url(tip.gif) no-repeat 20px 0;
	font-style: normal;
}

/* Rounded Bubble */
div.bubble div.rounded {
	margin-bottom: 10px;
	border: 3px solid #fff;
	background-color: #b7e0ff;
}
div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
}
div.bubble div.rounded blockquote p {
	margin: 0px 10px;
}
div.bubble cite.rounded {
	position: relative;
	margin: 0px;
	padding-left: 15px;
	padding-top: 12px;
	top: 9px;
	background: transparent url(tip-rounded.gif) no-repeat 15px 0;
}

/* Pimped Bubble */
div#pimped.bubble {
	font-size: 0.9em;
}
div#pimped.bubble div.rounded {
	color: #fff;
	border: 3px solid #fff;
	background-color: #111;
}
div#pimped.bubble cite.rounded {
	background: transparent url(tip-pimped.gif) no-repeat 15px 0;
}

#floatdiv{position:absolute;left:0px;top:0px;
    padding:2px;background:#FFFFFF;
	}
#urunbaslik {
	font-weight: bold;
	color: #00F;
}

#img{
	border-style:outset;
	border-color: #CCC;
	border-width:1px;
}
	


/* Normal Bubble */
div.bubble {
	width: auto;
	font-size: 0.75em;
	margin-bottom: 24px;
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

div.bubble blockquote p {
	margin: 10px;
	padding: 0px;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 6px;
	background: transparent url(tip.gif) no-repeat 20px 0;
	font-style: normal;
}

/* Rounded Bubble */
div.bubble div.rounded {
	margin-bottom: 10px;
	border: 3px solid #fff;
	background-color: #b7e0ff;
}
div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
}
div.bubble div.rounded blockquote p {
	margin: 0px 10px;
}
div.bubble cite.rounded {
	position: relative;
	margin: 0px;
	padding-left: 15px;
	padding-top: 12px;
	top: 9px;
	background: transparent url(tip-rounded.gif) no-repeat 15px 0;
}

/* Pimped Bubble */
div#pimped.bubble {
	font-size: 0.9em;
}
div#pimped.bubble div.rounded {
	color: #fff;
	border: 3px solid #fff;
	background-color: #111;
}
div#pimped.bubble cite.rounded {
	background: transparent url(tip-pimped.gif) no-repeat 15px 0;
}

#SlideX{margin:10px auto 20px auto; width:645px; height:295px;}
#SlideX h3.title{font-size:16px; margin:0px 0px 10px 0px;}















body { margin:0 !important; }

.foobar-wrapper { width: 100%; height:35px; z-index:100;}
.foobar-container { width:100%; height:30px; overflow:hidden; z-index:100;} 
.foobar-shadow { width:100%; height:5px; background:url('images/foobar-shadow.png') repeat-x left top; }
.foobar-container-left, .foobar-container-right { width:20%; height:30px; display:inline-block; line-height:30px; float:left; }
.foobar-container-center { width:50%; height:30px; display:inline-block; line-height:30px; text-align:center; float:left; overflow:hidden; }
.foobar-message { display:block; white-space:nowrap; position:relative; }
.foobar-close-button-container { width:5%; height:30px; display:inline-block; }
.foobar-open-button-container { width:5%; height:0px; display:block; position:absolute; top:0; overflow:hidden; }
.foobar-open-button-container.shadow { background:url('images/foobar-button-shadow.png') no-repeat center bottom; }
.foobar-open-button, .foobar-close-button { width:28px; height:30px; display:block; margin:0 auto; outline:none; border:none; }
.foobar-open-button {
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.foobar-open-button.triangle-arrow { background:url('images/triangle-arrow/foobar-open-arrow.png') no-repeat center center; }
.foobar-open-button.triangle-arrow:hover { background:url('images/triangle-arrow/foobar-open-arrow-over.png') no-repeat center center; }
.foobar-close-button.triangle-arrow { background:url('images/triangle-arrow/foobar-close-arrow.png') no-repeat center center; }
.foobar-close-button.triangle-arrow:hover { background:url('images/triangle-arrow/foobar-close-arrow-over.png') no-repeat center center; }

.foobar-open-button.long-arrow { background:url('images/long-arrow/foobar-open-arrow.png') no-repeat center center; }
.foobar-open-button.long-arrow:hover { background:url('images/long-arrow/foobar-open-arrow-over.png') no-repeat center center; }
.foobar-close-button.long-arrow { background:url('images/long-arrow/foobar-close-arrow.png') no-repeat center center; }
.foobar-close-button.long-arrow:hover { background:url('images/long-arrow/foobar-close-arrow-over.png') no-repeat center center; }

.foobar-open-button.small-white-arrow { background:url('images/small-white-arrow/foobar-open-arrow.png') no-repeat center center; }
.foobar-open-button.small-white-arrow:hover { background:url('images/small-white-arrow/foobar-open-arrow-over.png') no-repeat center center; }
.foobar-close-button.small-white-arrow { background:url('images/small-white-arrow/foobar-close-arrow.png') no-repeat center center; }
.foobar-close-button.small-white-arrow:hover { background:url('images/small-white-arrow/foobar-close-arrow-over.png') no-repeat center center; }

.foobar-social { list-style-type:none; height:30px; margin:0; padding:0; }
.foobar-social li { height:30px; float:left; text-align:left; line-height:30px; }
.foobar-social li a { width:30px; height:30px; display:inline-block; }