/*-----------------------------------------------------------------------------*/
 /*>>>>>>                            Standarts                          <<<<<<<*/
 /*----------------------------------------------------------------------------*/

 html * {
 	padding:0;
 	margin:0;
 }

 body {
 	text-align: center;
 	background: #404040;
 	font: normal normal normal 11px/140% Arial;
 	color: #999;
 }

img {
	border: 0;
} 

 /*----------------------------------------------------------------------------*/
 /*>>>>>>                            Typo                               <<<<<<<*/
 /*----------------------------------------------------------------------------*/
 

p {
 	font: normal normal normal 11px/140% Arial;
 	color: #999;
	margin: 20px 0 20px 0;
 }
 
h1,h2,h3 {margin: 10px 0;}
h4,h5,h6 {margin: 2px 0;}

h1 {
	font: normal normal normal 24px/100% Arial Narrow;
	color: #fff;
}

h1 a:link,h1 a:visited {
	font: normal normal normal 24px/100% Arial Narrow;
	color: #fff;
}

h1 a:hover,h1 a:active {
	font: normal normal normal 24px/100% Arial Narrow;
	color: #fff;
   position: relative;
	top:-1px;
	left:-1px;
}

 
h2 {
  font: normal normal normal 18px/100% Arial Narrow;
 	color: #ddd;
 }
 
h2 a:link,h2 a:visited {
	font: normal normal normal 18px/100% Arial Narrow;
	color: #ddd;
}

h2 a:hover,h2 a:active {
	font: normal normal normal 18px/100% Arial Narrow;
	color: #ddd;
  position: relative;
	top:-1px;
	left:-1px;
}
 
h3 {
 	font: normal normal bold 16px/140%  Arial Narrow;
	text-decoration: none;
	letter-spacing: -0.04em;
	color: #000;
	background: #FF5400;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
	padding:10px;
	margin: 0 10%;
 }
 
 h3 a:link,h3 a:visited {
    color: #fff;
	text-decoration: none;
	padding: 0 2px;
	background: #111;
	border-bottom: 2px solid #2D2D2D;
	border-right: 1px solid #2D2D2D;
}
  
h3 a:hover,h3 a:active {
    position: relative;
	border-bottom: 2px solid #2D2D2D;
	border-right: 1px solid #2D2D2D;
	top:-1px;
	left:-1px;
	background: #111;
	color: #fff;
} 
 
h4, h4 a:link, h4 a:visited, h4 a:hover, h4 a:active {
    font: normal normal normal 18px/100% Arial Narrow;
 	color: #ddd;
 }
 
 h5, h6, h6 a:link, h6 a:visited, h6 a:hover, h6 a:active  {
 	font: normal normal normal 11px/100% Arial;
 	color: #fff;
 }
 
h5 a:link, h5 a:visited, h5 a:hover, h5 a:active {
 	color:#fff;
border-bottom: 1px solid #ff5400;
 	}
 	 
p a:link,p a:visited {
	font: normal normal normal 11px/140% Arial;
	color: #fff;
	text-decoration: none;
	padding: 0 2px;
	background: #FF5400;
	padding: 0 2px;
	border-bottom: 2px solid #2D2D2D;
	border-right: 1px solid #2D2D2D;
}
  
p a:hover,p a:active {
    position: relative;
	border-bottom: 2px solid #2D2D2D;
	border-right: 1px solid #2D2D2D;
	top:-1px;
	left:-1px;
}

ul.component-items {
position: relative;
margin-left: 10%;
margin-right: 10%;
margin-top: 20px;
margin-bottom: 20px;
list-style: square;
}

ul.component-items li {

}

 /*
#leftbox_center p a:link,p a:visited {
	font: normal normal normal 11px/140% Arial;
	color: #fff;
	text-decoration: none;
	background: #FF5400;
	padding: 0 2px;
	border-bottom: 2px solid #222;
	border-right: 1px solid #222;
}
 
#leftbox_center  p a:hover,p a:active {
   position: relative;
	border-bottom: 2px solid #222;
	border-right: 1px solid #222;
	top:-1px;
	left:-1px;
}*/
 


/*----------------------------------------------------------------------------*/
 /*>>>>>>                            Layout                             <<<<<<<*/
 /*----------------------------------------------------------------------------*/

#pos {
	margin: auto;
	text-align: center;
	width: 750px;
}
 

 #centerbox {
   float:left;
 	margin: 0;
 	text-align: left;
 	width: 524px;
 }
 
.colleft {
	float: left;
	width: 205px;
	margin: 0 30px 0 0;
}

.colright {
	float: left;
	width: 205px;
}

 /*----------------------------------------------------------------------------*/
 /*>>>>>>                            Header                             <<<<<<<*/
 /*----------------------------------------------------------------------------*/


 #header {
	height: 97px;
	background: url(http://www.sonic-fiction.net/fileadmin/templates/sonicfiction/images/bg_header.gif) no-repeat;
}

#logo {
	margin: 25px 0 0 25px;
}

 /*----------------------------------------------------------------------------*/
 /*>>>>>>                           Content                             <<<<<<<*/
 /*----------------------------------------------------------------------------*/

#contentbox {
   width: 524px;
	background: url(http://www.sonic-fiction.net/fileadmin/templates/sonicfiction/images/bg_content.gif) repeat-y;
}

#content {
	margin: 0 45px 0 32px;
	padding: 28px 0 28px 0;
}

.clear  {
	clear: both;
}

#breadcrumb {
	position: relative;
	color: #000;
	top: -55px;
	left: 32px;
   font: normal normal bold 18px/100%  Arial Narrow;
	text-decoration: none;
	letter-spacing: -0.06em;
}

#breadcrumb a, a:link, a:visited {
   color: #000;
	text-decoration: none;
}



 #footer {
	height: 100px;
	background: url(http://www.sonic-fiction.net/fileadmin/templates/sonicfiction/images/bg_footer.gif) no-repeat left top;
	text-align: right;
	padding: 3px 15px 0 0;
	color: #404040;
}

 /*----------------------------------------------------------------------------*/
 /*>>>>>>                           Forms                               <<<<<<<*/
 /*----------------------------------------------------------------------------*/

form {
  border:0;
 	font: normal normal normal 11px/140% Arial;
 	color: #fff;
}

fieldset {
  border:0;
  color: #fff;
}

input, textarea {
  font: normal normal normal 11px/140% Arial;
  background: #2d2d2d;
  border: 1px solid #4c4c4c;
  color: #fff;
}

input:focus, textarea:focus {
  background: #FF5400;
  border: 1px solid #222;
  color: #fff;
}

label {
  display: block;
  margin: 10px 0 0 0;
  color: #fff;
}



 /*----------------------------------------------------------------------------*/
 /*>>>>>>                           Typo3 Styles                        <<<<<<<*/
 /*----------------------------------------------------------------------------*/
 
 #lightbox, #bottomNav {
 color: #404040;
 }
 
 
  ul.csc-menu {
	margin: 0 0 40px 0;
 }
 
 ul.csc-menu li {
 	list-style:none;
	display:inline;
	margin: 0 0 0 5px;
 }
 
.csc-menu a:link,.csc-menu a:visited {
	font: normal normal normal 11px/140% Arial;
	color: #fff;
	text-decoration: none;
	padding: 0 2px;
	background: #FF5400;
	padding: 0 2px;
	border-bottom: 2px solid #2D2D2D;
	border-right: 1px solid #2D2D2D;
}
  
.csc-menu a:hover,.csc-menu a:active {
   position: relative;
	border-bottom: 2px solid #2D2D2D;
	border-right: 1px solid #2D2D2D;
	top:-1px;
	left:-1px;
}