/* ---------------------------------------------------------------------

	Common Tag Definitions
	Global Szylesheets for top-ad-online.de
	
	Properties marked with an underscore (_) are interpreted 
	by IE 6.0, only. *+html is a CSS hack for IE 7.0.

-----------------------------------------------------------------------*/

body
{
	background:url(images/bg_body.png);
	_background:none; _background:#F3F9F9;
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}
a				{ color:#00979C; text-decoration:none; outline:none; border:none; cursor:pointer; }
a:hover	{ text-decoration:underline; }
img			{ border:none; outline:none; }
p				{ padding:0; margin:0;margin-top:-4px; padding-bottom:22px; }
p.space { margin:0; padding:0; margin-top:-12px; _margin-top:-19px;height:12px;}



form, ul {margin:0; padding:0; list-style-type:none;}

form 
{
font-size:12px;
}

h3 
{
	margin:0;
	margin-left:30px;
	margin-top:-4px;
	margin-bottom:18px;
	background:#fff;
	padding-left:20px;
	padding-right:40px;
	font:normal 14px/19px tahoma, Arial, Helvetica, sans-serif;
	color:#21A2A7;
}

h4
{
	font-size:12px;
	background:#fff;
	padding-left:20px;
	padding-right:40px;
	margin-left:30px;
	margin-bottom:4px;	
}



/* ---------------------------------------------------------------------

Page Layout

-----------------------------------------------------------------------*/



div#wrapper		
{
width:873px; 
padding:0;margin:0 auto;
}
div#site		
{
width:873px; 

padding:0;
}

div#navigation
{
	background: url(images/bg_site.png) top no-repeat;
	_background: url(images/bg_site.gif) top no-repeat;
	width:873px;
	height:120px;
	overflow:hidden;
}

div#logo
{
	position:absolute;
	width:186px;
	height:58px;
	margin:18px 0 0 22px;
}

div#footer
{
	background: url(images/bg_site.png) bottom no-repeat;
	_background: url(images/bg_site.gif) bottom no-repeat;
	width:873px;
	height:100px;
	float:left;
}

div#copyright
{
	width:830px;
	height:40px;
	padding: 0 0 0 3px;
	font-size:10px;
	color:#00979C;
	float:left;
}

div#content
{
	
	background: url(images/bg_content.png) right top repeat-y;
	_background: url(images/bg_content.gif) right top repeat-y;
	width:873px;
	float:left;
}

div#main-content { float:left;/* fixes the 3 Pixel gap */ }

div#left-content
{
	background:#CDE5E5;
	width:576px;
	float:left;
}
*+hzml div#left-content
{
	background:#CDE5E5;
	width:200px;
	float:left;
}

/* ---------------------------------------------------------------------
Headlines
-----------------------------------------------------------------------*/

div.h_wrapper
{
	background:#fff;
	padding:22px 0 22px 0;
}

div.h_wrapper h1
{
	background:#fff;
	margin:0;
	padding:0 20px 6px 50px;
	font:normal 22px/30px tahoma, Arial, Helvetica, sans-serif;
	color:#333;
	width:500px;
}

div.h_wrapper h2
{
	background:#fff;
	padding:0px 25px 0px 50px;
	margin:0;
	font:normal 14px/19px tahoma, Arial, Helvetica, sans-serif;
	color:#21A2A7;
}

/* ---------------------------------------------------------------------
content
-----------------------------------------------------------------------*/

div#left-content .contents { background: transparent url(images/bg_p.gif); }

div#left-content p
{
	margin-left:30px;
	background:#fff;
	padding-left:20px;
	padding-right:40px;
}

div#left-content .contents ul
{
	margin-left:30px;
	background:#fff;
	padding-left:34px;
	padding-right:40px;
	padding-bottom:18px;
}

div#left-content .contents ul li
{
	list-style-type:disc;
	margin:auto;
	padding:auto;

	padding-bottom:8px;
	
}


div#copyright a { color:#00979C; }
div#copyright a:hover { color:#00979C; }
div#copyright .quicklinks { float:left; }
div#copyright .imprint { float:right; }

div#main-content-inner
{
	margin:0px 1px 1px 1px;
	padding:0 5px 6px 6px;
	float:left;
	_margin-left:1px;
	_padding-left:5px; /* IE 6.0 */
}

div#pdf
{
	position:relative;
	width:37px;
	height:37px;
	margin:70px 0 0 205px;
}


/* ---------------------------------------------------------------------

Search Field Elements

-----------------------------------------------------------------------*/

div#search
{
	background:url(images/search.png) top left no-repeat;
	position:absolute;
	width:167px;
	height:31px;
	margin:0 0 0 576px;
}



div#search input.search
{
	background:none;
	outline:none;
	border:none;
	width:84px;
	color:#666;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0;
float:left;
	margin:0;
	margin-left:54px;
	margin-top:6px;
padding:2px;
}


div#search input.submit
{

	background: url(images/search.png) bottom left no-repeat;
	border:none; 
	outline:none;
	width:18px;
	height:18px;
	padding:0;
	float:left;
margin:0;	
margin-top:6px;

}


div#search input.submit:hover { background: url(images/search.png) -18px bottom  no-repeat; }


/* ---------------------------------------------------------------------

Body classes

-----------------------------------------------------------------------*/

body.online #right-content, 
body.print #right-content
{
	background:#fff url(images/right_cc.png) -246px top  no-repeat;
	width:246px;
	margin-left:6px;
	overflow:visible;
	float:left;
	
}


body.company #right-content, 
body.search #right-content, 
body.contact #right-content, 
body.imprint #right-content,
body.news #right-content
{
	background:#fff;
	width:246px;
	height:69px;
	margin-left:6px;
	overflow:hidden;
	float:left;
}

body.home #right-content
{
	background:#fff url(images/right_cc.png) no-repeat;
	width:246px;
	margin-left:6px;
	overflow:visible;
	float:left;
}

body.company_heads #right-content
{
	background:#fff url(images/right_cc.png) -492px top no-repeat;
	width:246px;
	margin-left:6px;
	overflow:visible;
	float:left;
}

body.home #right-content
{
	background:#fff url(images/right_cc.png) no-repeat;
	width:246px;
	margin-left:6px;
	overflow:visible;
	float:left;
}


body.home #pdf a, 
body.news #pdf a, 
body.online #pdf a,
body.company #pdf a,
body.search #pdf a,
body.company_heads #pdf a

{
	display:none;
}

body.print #stage, 
body.online #stage, 
body.home #stage
{
	background:white url(images/flow_bg.png) top repeat-x;
	width:828px;
	height:345px; _height:310px;	
	margin:0 auto;
	overflow:visible;
	float:left;
}

body.home #stage
{
	background:white url(images/flow_home_bg.png) top repeat-x;
}

body.company #stage, body.news #stage
{
	background:white;
	width:828px;
	height:auto;
	padding-top:4px;
	float:left;
}

body.news #stage { padding-top:6px;}

body.imprint #stage,
body.contact #stage
{
	display:none;
}

body.contact .h_wrapper,
body.imprint .h_wrapper,
body.search .h_wrapper,
body.company_heads .h_wrapper
{
padding-top:45px;
padding-bottom:38px;
}

body.company_heads div.heads
{
background:#fff;
margin-left:30px;
padding-left:17px;
margin-top:-3px;
}

body.company_heads table
{
background:#fff;
}
body.company_heads td
{
margin:0;
padding:0;
}


#right-content .msgs 
{ 
	margin-top:-16px; 
	float:left;
}

body.company_heads #right-content .msgs
{
margin-top:11px; 
	float:left;
}

#right-content .msgs div
{
	width:220px;	
	padding:12px 16px 2px 16px;
	font-size:10px;
	line-height:14px;
	letter-spacing:0;
	border-bottom:3px solid white;
}

#right-content .msgs div strong
{
width:180px;
float:left;
}

#right-content .msgs div p
{
	margin:0;
	padding:0 0 12px 0;
	clear:left;
}

#right-content .msgs div a { color:#00979C; }

body.company_heads #right-content .msgs .msg
{
height:130px;
}

/* ---------------------------------------------------------------------

Navigation

-----------------------------------------------------------------------*/

#navigation ul
{
	float:none;
	height:20px;
	margin:0;
}

#navigation ul li, #navigation ul li ul li
{
	margin:0;
	padding:0;
	float:left;
}

#navigation ul.base
{
	height:66px;
	padding-top:54px;
}

#navigation ul li ul.level3 { padding-left:577px; }

#navigation ul li ul.level2
{
	padding-left:289px;
	margin-top:1px;
}

#navigation ul li ul.level1
{
	margin-top:1px;
	padding:0 0 0 1px;
}

#space
{
	height:53px;
	_height:53px;
}

/* hiding plain text links */

#navigation a:hover { text-decoration:none; }

#navigation ul a span { visibility:hidden; }

/* Main Navigation IDs */

a#home { background:url(images/nav_home.png); }

a#print { background:url(images/nav_print.png); }

a#online { background:url(images/nav_online.png); }

a#company { background:url(images/nav_company.png); }

a#contact { background:url(images/nav_contact.png); }

a#imprint { background:url(images/nav_imprint.png); }

a#news { background:url(images/nav_news.png); }

#navigation a
{
	background-position:center -42px;
	padding:0 7px 2px 7px;
	display:block;
	font-size:12px;
}

#navigation a:hover { background-position:center -21px; }

#navigation .level1 a
{
	background-position:center 0px;
	padding:0 7px 3px 7px;
}

#navigation .level1 a:hover { background-position:center -21px; }


body.home a#home,
body.print a#print,
body.online a#online,
body.company a#company,
body.company_heads a#company,
body.contact a#contact,
body.imprint a#imprint,
body.news a#news

{ 
background-position:center -21px; 
}


/* ---------------------------------------------------------------------

Sub-Navigation

-----------------------------------------------------------------------*/

div#sub-navigation
{
background:#fff url(images/nav_sub.png) bottom repeat-x;
_background:#fff url(images/nav_sub.png) left 4px repeat-x;
height:22px;




	margin-left:1px;
	width:840px;
	padding-bottom:4px; /* preserve a 6 px bleed */
	font-size:13px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#669999;
	margin-left:1px;
_padding-bottom:0;
}


div#sub-navigation ul
{
margin:0;
padding:0;
}

div#sub-navigation ul li
{
padding-top:2px;
float:left;
}

div#sub-navigation ul li a
{
padding:0px 7px 6px 7px;
display:block;
}

div#sub-navigation ul li a:hover, 
div#sub-navigation ul li a.current
{
background:transparent url(images/nav_sub_hover.png) bottom repeat-x;
text-decoration:none;
}


/* ---------------------------------------------------------------------

Formular Data

-----------------------------------------------------------------------*/

div#mail
{
background:#fff;

margin-left:30px;
padding-left:20px;
}

div#mail input.tf
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
width:321px;
	border:1px solid #999999;
	background:#f2f2f2;
	padding:3px;

}

div#mail input.tf:focus, 
div#mail input.tfshort:focus,
div#mail input.tfmini:focus,
div#mail textarea.ta:focus
{
background:#ffffff;
}

div#mail input.tfshort
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
width:241px;
	border:1px solid #999999;
	background:#f2f2f2;
	padding:3px;

}
div#mail input.tfmini
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
width:53px;
	border:1px solid #999999;
	background:#f2f2f2;
	padding:3px;

}

div#mail textarea.ta
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	height:104px;
	width:323px;
	height:125px;
	border:none;
	outline:none;
	border:1px solid #999999;
	background:#f2f2f2;
	padding:3px;
}

div#mail .texter
{
width:323px;
margin-bottom:10px;



}

div#mail .group
{
float:left;
}
div#mail .group span.member
{
float:left;
}

div#mail span.caption
{

display:block;
margin-top:10px;
margin-bottom:2px;

}

div#mail input.submit
{
width:90px;
height:30px;
background: url(images/button_bg.png);
border:none;
font-size:12px;
font-family:tahoma, arial, sans-serif;
font-weight:bold;
color:white;
border:none;
outline:none;
margin-bottom:18px;
}

div#mail .send
{
clear:both;
float:none;
}

div#jump
{
margin:0;
height:0;
height:18px;
}
span#errors
{
font-weight:bold;
color:#CC3300;
}


div#lang
{
margin-left:260px;
}

div#lang img
{
margin-top:10px;
}