/*
-- IMPRINT --
	
	Dear CSS curious person from the web - this sheet is 100% hand-coded and organic. Look and learn!
	
	Any questions? 
	Contact: Kersten 
	commander-(at)-kerstenstahl.de
	
	or
	
	The site owner: Bernd Guesbbacher
	
*/


/*
-- 00 RESET / Flushing bad Styles --
*/

:focus {
	outline: 0;
}

/*
-- 01 BASICS --
*/


html{
	min-width: 100%;
}

body{
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	color:#c0c0c0;
	font-size: 12px;	
	font-weight: normal;
	font-style: normal;
	background: url(../images/bg_gradient.png) repeat-x fixed 0 0;
	background-color: #272627;
}

li,ul{
	list-style-type:none;
	display:inline;
}


img{

	border:0px;
}

p{

}

/*
-- HEADLINES --
*/

h1{
	
}

h2{
	 color: #fff;
	 font-size: 12px;
	 font-weight: normal;
	 font-style: normal;
	 text-transform: uppercase;
}


/*
-- 02 LINKS --
*/

a{
	text-decoration: none;
	border-style: none;
}

a:link {
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	list-style-type: none;
	border-style: none;
}

a:visited {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	border-style: none;


}

a:hover {
	color: silver;
	text-decoration: none;
	text-transform: uppercase;
	border-style: none;

}

a:active, a:focus {
	text-transform: uppercase;
	color: #fff;
    text-decoration: none;
	border-style: none;

}


/*
-- 03 LAYOUT --
*/

#global_container{
	margin: 0 auto;
	width: 960px;
}

#preheader{
	width: 959px;
	clear: both;
}

#css{
	float: left;
}

#rss{
	padding: 0 0 0 18px;
	background: url(http://www.vortex-video.de/images/7.png) no-repeat 0 50%;
	float: right;
	font-size: 10px;
}

#header{
	width: 959px;
	height: 181px;
	background: url(../images/2.jpg) no-repeat 0 0;
}

/*
-- 03.01 NAVIGATION --
*/

 #sections {
    clear:both;
    margin: 0;  padding: 0;
    line-height: 2em;
    margin: 0;  padding: 0;
    list-style: none;
    font-size: 14px;
	border-style: none;
	cursor: default;
}

  #sections li {
    float:left;
	padding: 10px 0 0 7px;
    text-align: left;
    white-space:nowrap;
  }

  #sections a {
    width: 9em;
    display:block;
	border-style: none;
}
  #sections a:hover {
   color: silver;
	border-style: none;
}
	

  #sections .active a, #sections .active a:hover , #sections a:focus, #sections a:active      
  {
   cursor: default;  /* turn off border */
   margin: 0px;
   color: silver;
   border-style: none;
}
  
  #articles{
    clear:both;
    margin: 0;  padding: 0;
    height: 2em;
    margin: 0;  padding: 0;
    list-style: none;
  }	
  
  #articles li {
	padding: 10px 0 0 144px;
    text-align: left;
    white-space:nowrap;
	clear: left;
	float: left;
 }
  #articles li.active {
	
   cursor: default;
   border: 0px;  /* turn off border */
   margin: 0px;
  }
 
 

#navigation_container{
	width: 959px;
	position: relative;
	padding: 0 0 0 0;
	height: 50px;

 }


#content_container{
	width: 959px;
	position: relative;
}

/*Merken: 1=oben, 2=rechts, 3=unten, 4=links*/

.content{
	width: 959px;

}

.c_left_cols{
	padding: 10px 0 0 7px;
	width: 407px;
	float: left;
	height: 290px;


}

.c_right_cols{
	padding: 25px 0 0 0px;
	width: 490px;
	height: 290px;
	float: left;
	z-index: 90;

}

.divider{
	height: 3px;
	width: 959px;
	background-image: url(http://www.vortex-video.de/images/3.png) ;
	background-repeat: repeat-x;
	float: left;
    margin: 0 0 0 3px;
}

#footer{
	width: 959px;
	padding: 10px 0 0 7px;
}

.flashmovie{
	padding: 10px 0 16px 7px;
	z-index: 99;
}


/*
-- 04 CLEARFIX HACK --
*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}


/*
-- 05 tba --
*/