/**************************************************
AUTHOR:  				Herbert Wirkner 
WEBSITE:   			http://www.tossadesign.eu/
TEMPLATE NAME:		Webdesign
TEMPLATE CODE: 	T-004
VERSION:          		1.0          	
 **************************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* BASICS */


body
	{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif; 
	color: #ccc; 
	font-size: 12px; 
	background: #000 url(../images/gb.jpg) repeat-x;
	line-height: 150%;
	}


/* HEADER */

#header
	{
	width: 760px; 
	margin-left: auto; 
	margin-right: auto;
	}

#header ul
	{
	margin: 0; 
	padding-left: 0;
	width: 760px; 
	height: 44px; 
	line-height: 44px; 
	display: block; 
	list-style: none; 
	color: #fff;
	font-size: 12px; 
	background: #333 url(../image/bg_topnav.gif) no-repeat
	}

#header li
	{
	display: inline; 
	color: #cff;
	background: #333 none;
	float: right;
	}

#header li b
	{
	height: 44px; 
	line-height: 44px; 
	display: block; 
	padding-left: 25px; 
	padding-right: 25px; 
	border-left: 1px solid #000;  
	float: left;
	}

#header li a
	{
	color: #ff0;
	height: 44px; 
	line-height: 44px; 
	display: block; 
	padding-left: 18px; 
	padding-right: 18px; 
	border-left: 1px solid #000;
	float: left;
	}

#header li a:hover
	{
	color: #fff;
	background: #303 none; 
	text-decoration: none;
	}


#header #visual
	{
	height:130px;
	color: #fff; 
	background: #39c url(../images/header.jpg) no-repeat;  
	border: 2px solid #666;   
	}

#header #visual a
	{
	color: #fff;
	background: transparent none;
	}

#header #visual a:hover
	{
	color: #c00; 
	background: transparent none;
	text-decoration: none; 
	}

#header #visual #flags img .cv
	{
	padding-left: 10px;
	padding-top: 0px;
	position: relative;
	height: 150px;
	left: 10px;
	float: left;
	border: 0;
	}

#header #visual img
	{
	padding-left: 10px;
	padding-top: 50px;
	position: relative;
	left: 10px;
	float: left;
	border: 0;
	}

#header #visual img a
	{
	border: 0;
	}

#header #visual .flags
	{
	position: relative;
	float: right;
	height: 150px;
	padding-top: 0px;
	padding-right: 0px;
	color: #ccc; 
	background: transparent;  
	}

#header #visual .logo
	{
	float: left;
	height: 107px;
	padding-top: 0;
	background: transparent;  
	}



/* MAIN */

#content
	{
	width: 760px; 
	margin: 0 auto; 
	padding: 0; 
	}

div#title
	{
	background: #000 none;
	width: 100%;  
	}

div#title h1
	{
	padding: 10px 0 0 0; 
	font-family: arial, helvetica, sans-serif; 
	font-weight: normal; 
	letter-spacing: .01em; 
	color: #fff;  
	background: transparent none;
	font-size: 28px;
	}

div#title img
	{
	float: right;
	position: relative;
	top: -45px;
	}

div#title img.form
	{
	float: right;
	position: relative;
	top: -25px;
	}

div#title img.es
	{
	border: none;
	}

div#title img.formes
	{
	float: right;
	position: relative;
	top: -25px;
	border: none;
	}

#content h2
	{
	margin: 0; 
	padding: 20px 0 7px 0; 
	font-family: arial, helvetica,sans-serif; 
	font-weight: normal;
	font-style: oblique; 
	letter-spacing: .04em; 
	color: #ccc; 
	background: transparent none;
	font-size: 24px; 
	}

#content p 
	{
	font-size: 14px;
	text-align: justify;  
	margin-bottom: 7px; 
	margin-top: 0; 
	}

#content p span 
	{
	color: #fff; 
	background: transparent none;
	}

#content p big 
	{
	color: #cff; 
	background: transparent none;
	}

#body
	{
	padding: 35px 40px 35px 40px; 
	border: 1px solid #666; 
	color: #ccc; 
	background: #000 url(../images/pagebg.jpg) repeat;
	}

#body h1
	{
	font-size: 20px;
	padding: 0 0 0 0; 
	line-height: 32px;
	position: relative;
	top: -20px;
	}

#body h1 .head
	{
	text-align: center;
	}

#body h2
	{
	font-size: 16px;
	padding: 0 0 0 0; 
	line-height: 32px;
	}

#body h3
	{
	font-size: 18px;
	padding: 0 0 0 0; 
	line-height: 22px;
	}

#body h4
	{
  text-align: center; 
	font-family: arial, helvetica, sans-serif; 
	font-weight: normal; 
	color: #fff;
	background: transparent none;
	font-size: 20px;
	}

#body h5
	{
  	text-align: center; 
	font-family: arial, helvetica, sans-serif; 
	font-weight: normal; 
	color: #fff;
	background: transparent none;
	font-size: 14px;
	}

#body p
	{
	margin-bottom: 1em;
	color: #fff;
	}

#body .resp
	{
	text-align: center;
	}

#body span
	{
	font-size: 12px;
	}

#body em
	{
	color: #fff;
	background: transparent none;
	font-style: normal;
	}


/* FOOTER */

#footer
	{
	width: 760px; 
	margin-top: 28px; 
	margin-left: auto; 
	margin-right: auto;  
	margin-bottom: 10px; 
	border-top: 2px solid #633;  
	text-align: center;  
	padding-top: 5px;
	}

#footer p
	{
	font-size: 10px; 
	line-height: 14px; 
	margin: 0;  
	color: #ccc;
	background: #000 none;
	text-align: center; 
	}

#footer img
	{
	border: 0; 
	}

#footer a
	{
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	background: #000 none;
	}

#footer a:hover
	{
	color: #f30;
	background: #000 none;
	text-decoration: none;
	}

a
	{
	color: #ff0; 
	background: transparent none;
	text-decoration: none; 
	}

a:hover
	{
	text-decoration: underline;  
	color: #fff;   
	background: transparent none;
	}

#test
	{
	font-style: normal;
	font-size: 10px;
	}

#test1
	{
	font-style: normal;
	font-size: 10px;
	}