/* ************************************************************************** */ 
/*                                CSS Settings                                */
/* ************************************************************************** */

body {
	font: 15px 'Trebuchet MS', Verdana ,Arial, Sans-Serif;
	text-align: center;
	background: url(/soft/img/body_background.png) repeat-x;
	background-color: #ffffff;
}

#wrapper {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	background-color: #ffffff;
}

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

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}


/* ************************************************************************** */ 
/*                                Header                                      */
/* ************************************************************************** */
#header {
	width: 760px;
	height: 80px;
	background: url(/soft/img/header_background1.png) repeat-x;
	background-color: #f2f2f2;
}

#header h1 {
  float: left;
	margin: 0;       
	/*height: 100%;*/
	height: 80px;
	width : 225px;
	background: url(/soft/img/header_left1.png) no-repeat; 
}

#header h1 span {
	visibility: hidden;
	font-size: 1px;
}

#header_info {
	float: right;
	height: 80px;
	background: url(/soft/img/header_right_redesigned.png) right no-repeat; 
}

#header_info ul {
	list-style-type: none;
	margin: 50px 10px 0px 5px; 
	padding: 0;
	font-size: 11px;
}

#header_info li {
	display: inline;
	margin-right: 5px;
}

#header_info a #header_info a:visited{
	text-decoration: none;
	border: none;
}

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

#header_info img {
	margin-top: 20px;
	border: none;
}



/* ************************************************************************** */ 
/*                                	Menubar                                   */
/* ************************************************************************** */
#menubar { 
	width: 760px;
	height: 50px;
	background: url(/soft/img/menubar_background1.png) repeat-x;
	background-color: #4b7bc3;	
}

#menubar h2 {
	float: left;
	margin: 0;     
	height: 50px;
	width: 300px;
	background: url(/soft/img/menubar_slogan2.png) no-repeat; 
}

#menubar h2 span {
	visibility: hidden;
	font-size: 1px;
}

#menubar a {  
	float: left;
	font-size: 110%;
	font-weight: bold;
	color: #ffffff;
	line-height: 50px;
	padding: 0px 10px 0px 10px;
	/*background: url(/soft/img/menubar_flow_background.png) top left no-repeat;*/
}
#menubar a:hover {
	color:#ffff00;
	background-color: #4b7bc3;
}

#menubar a.home {  
	background: url(/soft/img/mbg_home.png) top left no-repeat;
}
#menubar a.home:hover  {
	background: url(/soft/img/mbg_home.png) 0px -50px no-repeat;
}
#menubar a.extensions {  
	background: url(/soft/img/mbg_extensions.png) top left no-repeat;
}
#menubar a.extensions:hover  {
	background: url(/soft/img/mbg_extensions.png) 0px -50px no-repeat;
}
#menubar a.screenshots {  
	background: url(/soft/img/mbg_screenshots.png) top left no-repeat;
}
#menubar a.screenshots:hover  {
	background: url(/soft/img/mbg_screenshots.png) 0px -50px no-repeat;
}
#menubar a.demos {  
	background: url(/soft/img/mbg_demos.png) top left no-repeat;
}
#menubar a.demos:hover  {
	background: url(/soft/img/mbg_demos.png) 0px -50px no-repeat;
}

#menubar ul a {
	padding: 0px 15px 0px 15px;
	background: none;
}

/*#menubar a:hover {
	background: url(/soft/img/menubar_over_background1.png) repeat-x;
	background-color: #ffff00;
	color:#4b7bc3;
}*/

#menubar ul { 
	float: right;
	text-align: right;
	margin: 0;
	padding:0;
	list-style-type: none;
	padding-right: 5px; 
	background: url(/soft/img/menubar_right.png) right no-repeat;  	
}

#menubar li{ 
  	height: 50px;
  	float: left;
	/*background: url(/soft/img/menubar_item_border.png) left no-repeat;*/
}




#menubar li ul {
	background: #4b7bc3;
	width:150px;
	position:absolute;
	margin-top:50px;
	left:-999em;
    font-size:0.8em;
	border-top: 1px solid #2158B2;
	border-left: 1px solid #2158B2;
	border-right: 1px solid #2158B2;
	padding:0px;
}
#menubar li ul.last {
	margin-left:-68px;
}
#menubar li:hover ul, #menubar li.sfhover ul {left:0;z-index:99999}
#menubar li li {
	text-align:center;
	border-bottom:1px solid #2158B2;
	height:30px;
}
#menubar li li a, #menubar li li a:link, #menubar li li a:visited, #menubar li li a:hover {
	color:#fff;
	padding:0px;
	margin:0px;
	display: block;
	line-height: 30px;
	border-top:none;
	width:150px;
	background: #ffff00 url(/soft/img/menubar_background.png) repeat-x 50%;
}
#menubar li li a:hover {
	color:#4b7bc3;
	background: #ffff00 url(/soft/img/menubar_over_background1.png) repeat-x 50%;
}
#menubar li {
	position:relative;
}

/* ************************************************************************** */ 
/*                                  Content                                   */
/* ************************************************************************** */
#content_wrapper{
	background: url(/soft/img/content_wrapper_background1.png) repeat-y;
	min-height: 400px;
	height:auto !important; 
	height:400px; 
	clear: both;
}
#content_container {
	padding: 0px 0px 0px 0px;	
	background: url(/soft/img/content_background.png) bottom left no-repeat;
}

#content {
	min-height: 380px;
	padding: 10px 20px 20px 20px;
	background: url(/soft/img/topnav-bg.gif) 4px 1px no-repeat;
	min-height: 400px;
	height:auto !important; 
	height:400px;
}

#content a {
	/*color: #084898;*/
	color: #0083b3;
	text-decoration: none;   
	font-weight: bold;
	/*background: transparent url(/soft/img/arrow.png) bottom left no-repeat; */ 	 
}

#content a:hover {
	text-decoration:underline;
}

#content a:visited {
	/*color: #5e7a9d;*/
	color: #0083b3;
}

#content a::after, a::before {
	white-space: pre;
	vertical-align: baseline;
}

#content a[target=_blank]::after{
	content: " "url(/soft/img/page_blanc.png);
}

#content h2 {
  font-size: 1.7em;
  letter-spacing: 0px;
	margin-top: 15px;
  margin-bottom: 20px;
  padding: 0;
  padding-bottom: 12px;
	text-align: center;
} 

#content h3, #content h1 {
	font-size: 1.4em;
	font-weight: normal;
	color: #5d5d5d;
	margin: 0px 0px 15px 0px;
	padding: 30px 0 0 10px;
	text-align: left;
	height: 40px;
	vertical-align: center;
	background: url(/soft/img/h1_background.gif) 0px 25px no-repeat;	
} 

#content h4 {
	margin: 5px 0 10px 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #0083b3;
	letter-spacing: 1px;
} 

#content table, tr, td {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.info {
   width: 90%;
   padding-top: 5px;
   padding-left: 10px;
   padding-bottom: 5px;
   border-left: 10px solid #ffff00;
   display: block;
	 margin-left: 15px;
}

#scrollbox {
	width:700px; 
	height:490px; 
	background:#ffffff; 
	overflow:auto; 
	border:1px solid #aaa; 
	margin-left:5px;
}

#thumbs {
	width:4420px; 
	height:60px;
}

#thumbs img {
	margin:10px;
	vertical-align:top;
}

.thumbnails a {
	margin: 20px;
	display: block;
	float: left;
	padding: 5px 5px 10px 5px;
	border: 1px solid #ccc;
	background-color: #F5F5F5;
}	

.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
}
.curlycontainer .innerdiv{
background: transparent url(http://www.tobiathlet.de/vb/img/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}

.features-box  {
  background: #f8f8f8 url(http://www.tobiathlet.de/vb/img/brcorner.gif) bottom right no-repeat;
  margin:  15px 0px 10px 10px;
  padding: 15px;
  border: 1px solid #cccccc;
  -moz-border-radius: 10px;
}

.infobox{
	float:right;
	width:230px;
	padding:16px 15px 16px 15px;
	background:url(/soft/img/info-bg.jpg) no-repeat left top;
}

.summery {
	font-size:1.05em;
}

.error {
	/*font-weight: bold;*/
	color: #f00;
	border:1px solid #f00;
	padding:7px 7px 7px 35px;
	margin:0px 10px 0px 10px;
	background:#fff4f0 url(http://www.tobiathlet.de/vb/img/alert.gif) no-repeat 10px center;
}

/* ************************************************************************** */ 
/*                                 Forms                                      */
/* ************************************************************************** */

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
fieldset {
	margin: 15px;
	padding: 15px;
	border:1px solid #ccc;
}

legend {
	font-weight: bold;
	font-size: 1.2em;
	color:#0083b3;
}

label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}
label.chosen {
	color:#333;
}

.transparent {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;
	border:0px solid #fff;
	background:#fff;
	z-index:10;
	cursor:pointer;
}
.transparentFake {
	background:none;
	border:none;
}
.transparent2 {
	z-index:10;
}

/* Text inputs */
.textinput, .textinputHovered {
	width:236px;
	height:15px;
	background:url(/soft/img/form/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textinputHovered {
	background-position:left bottom;
}

/* Text areas */
.textarea, .textareaHovered {
	width:336px;
	height:125px;
	background:url(/soft/img/form/textarea.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textareaHovered {
	background-position:left bottom;
}

/* Button */
.buttonSubmit, .buttonSubmitHovered {
	width:69px;
	height:26px;
	color:#fff;
	font-weight:bold;
	padding:2px 5px;
	background:url(/soft/img/form/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {
	background-position:left bottom;
}

/* Test div - testing if stylesheets are enabled */
#stylesheetTest {
	position:absolute;
	left:-999px;
	width:10px;
	height:10px;
}

/* Hides from IE5-mac \*/
* html p img { margin: 0; padding: 0; }
* html a img { margin: 0; padding: 0; }
/* End hide from IE5-mac */

a img, a:hover img {border:none;}

/* ************************************************************************** */ 
/*                                 Footer                                     */
/* ************************************************************************** */
#footer {
	line-height: 42px;
	font-weight: normal;
	font-size: 0.85em;
	background: url(/soft/img/footer_background.png) repeat-x;	
	background-color: #ececec;
}

#footer h4 {
	background: url(/soft/img/footer_left.png) left no-repeat;
	padding-left: 15px;
	font-size: 1em;
	font-weight: normal;
	color:#999999;	
	width: 40%;
	margin: 0;
}

#footer ul {
	margin: 0;
	padding: 0;
	width: 45%;
	float: right;
	text-align: right;
	background: url(/soft/img/footer_right.png) right no-repeat;
}

#footer li{
	display: inline;
	padding-right: 20px;
	font-style: bold;
}

#footer li a, #footer li a:visited{
	text-decoration:none;
}

#footer li a:hover{
	text-decoration:underline;
	color:#555;
}