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

Title : tipp4.de relaunch 2008
Author : sebastian tänzer
URL : www.amcm.de/web

Description : 

Created : 10.01.08
Modified : 14.01.08

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

/* ----- BASICS ----- */

*{
margin:0;
padding:0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 100%;
}
html{
margin:0;
padding:0;
}
body{
background: white;
text-align: center;
}

/* ----- IDs ----- */

#container{
	width: 55em;
	background: #e1e1e1;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	border: 1px solid black;
}

#primaryContent{
	float: right;
	width: 50%;
	background: url(../images/navquadre.gif) no-repeat left top;

}

#content{
	padding: 0 2em 1em 2em;
	width: 23em;
}

.home #content{
  	min-height:22.25em;
  	height:auto !important;  /* für moderne Browser */
  	height:22.25em;  /*für den IE */		
	padding-top: 1em;
}

.sub #content{
  	min-height:24.7em;
  	height:auto !important;  /* für moderne Browser */
  	height:24.7em;  /*für den IE */	
	padding-top: 1em;
}

#footer{
	background: #d7d8d9;
}

#navigation{
	float: right;
	text-align: right;
	padding-bottom: 0;
	padding-top: 10.5em;
	background: url(../images/tipp4logo.gif) no-repeat -11.7em -3.75em;
}

#left-frame{
	float: left;
	background: #fff311 url(../images/bg-verlauf.jpg) repeat-x right top;
	width: 50%;	
	min-height: 24.5em;
}

#logo{
	float: left;
}

#flash{
	width: 16.063em;
	height: 24.375em;
}

/* BREAK */

hr{
	clear: both;
	border: 0px;
	line-height: 0px;
	height: 0;
}

hr.left{
	clear: left;
	border: 0px;
	line-height: 0px;
	height: 0;
}

.clear{
	clear: both;
}


/* ----- LISTS ----- */


#primaryContent ul{
	line-height: 1.4em;
	font-size: 0.7em;
	margin-left: 1.5em;
	list-style-image: url(../images/list-item-blue.gif);
}

#primaryContent ul li{
	padding-left: 0.5em;
	margin-bottom: 0.5em;
}


#navigation ul.nav li{
	list-style: none;
}

#navigation ul.nav{
	text-align: right;
	margin-right: 2.4em;
	list-style: none;
	font-size: 0.65em;
	width: 15.1em;	
	padding-bottom: 1em;
}

#navigation ul.nav li{
	list-style: none;
}

#navigation ul.nav li a{
		display: block;
		color: black;
		margin-bottom: 0.5em;
		padding-right: 0.7em;
		text-decoration: none;
}

#navigation ul.nav li.active a.active{
		display: block;
		color: #0033bb;
		background: url(../images/nav-list-item.gif) no-repeat right 70%;		
		text-decoration: none;
}

#navigation ul.nav li a:hover{
		color: #0033bb;
		text-decoration: underline;
		background: url(../images/nav-list-item.gif) no-repeat right 70%;
}

#navigation ul.nav li ul{
	margin: 0 0 1.2em 0;
	padding: 0;
}

#navigation ul.nav li ul li{
	margin: 0;
	padding: 0;
}

#navigation ul.nav li ul li a{
	font-size: 0.9em;
}


/* FOOTER */

#footer .footer-right p{
	margin-right: 1em;	
}

#footer .footer-right p a{
	color: black;
	font-size: 0.85em;
}

#footer .footer-left{
	float: left;
	font-size: 0.7em;
	padding-top: 1.375em;	
}

#footer .footer-right{
	float: right;
	padding-bottom: 2em;
	margin: 1em 0 0 0;
	width: 100%;
	background: #d7d8d9 url(../images/tippfframebot2.gif) no-repeat right bottom;
}

#footer .footer-right p{
	display: block;
	background: url(../images/navquadre.gif) repeat-y 0 2.4em;
	padding-bottom: 1.563em;
	font-size: 0.7em;
	padding-left: 3em;
	padding-top: 1.375em;
}

#footer .footer-right p strong{
	font-weight: bold;
	font-size: 1em;
}

#footer .footer-right p strong span{
	font-size: 1.3em;
	font-weight: bolder;
}

/* LAST ROW DIGIT */

div.digit{
	display: block;
	height: 1em;
	background: #fff url('../images/tippfframebot.gif') no-repeat right top;
	width: 48.750em;
	text-align: left;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 1em;
}

div.digit p{
	visibility: hidden;
}

div.titledigit{
	height: 3.75em;
	background: url(../images/tipp4logo.gif) no-repeat 1.5% 0%;	
	margin-bottom: 0;
	
}

/* SLOGAN IN FOOTER */

div.slogan{
	background: #e1e1e1 url(../images/navquad-.gif) no-repeat 20% top;
	float: left;
	width: 100%;
	padding-top: 1.375em;
}

div.slogan blockquote{
	color: #0033bb;
	font-size: 0.95em;
	font-weight: bold;
	line-height: 1.6em;
	padding-left: 1.188em;
}

/* HEADINGS */

#content h2{
		color: #0033bb;
		margin-bottom: 0.5em;
		font-size: 1em;
		font-weight: bold;
		clear: left;
}

.sub #content h2.section{
	color: black;
	text-align: right;
	margin-top: 1em;
	margin-bottom: 2em;
}

#content h2.second, #content h2.first{
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.6em;
	text-align: left;
}

#content h2.second{
	text-align: right;
	color: black;
	font-size: 0.8em;
	padding-bottom: 2em;
}

#content h2.first{
	margin-top: 1.688em;
	margin-bottom: 0.5em;
	color: black;
	font-size: 0.8em;	
}

#content .home h2 strong{
	font-weight: bold;
}

h3{
	font-size: 0.8em;
	color: black;
	margin-bottom: 1em;
	clear: left;
}

h1.title{
	display: none;
}

#content table{
	margin: 0;
	padding: 0;
}

#content table td{
	font-size: 0.7em;
	padding: 0 1em 1em 0;
}

/* IMAGES */

img.type3{
	float: left;
	margin: 0em 1em 1em 0;
}


/* PARAGRAPHS */

#content p{
	font-size: 0.7em;
	padding-bottom: 1em;
}

#content ul{
	margin-bottom: 1.5em;
}

a.file-pdf{
	display: block;
	padding-left: 3em;
	text-decoration: underline;
	margin-bottom: 1em;
	background: url(../images/pdf.gif) no-repeat left center;
}

a.file-pdf span{
	font-weight: normal;
	text-decoration: none;
	color: black;
}

/* LOGO & FLASH */

div.logo{
	position: relative;
	top: -28.4em;
	left: 4.4em;
}

a.logo2{
	display: block;
	width: 19.875em;
	height: 11.250em;
	text-decoration: none;
}

a.logo2 img{
	width: 19.875em;
	height: 11.250em;
	border: none;
}
a.logo2 span{
	visibility: hidden;
}

div.flash{
	float: left;
}

/* LINKS */

#primaryContent p a{
	color: #0033bb;
	font-weight: bold;
	text-decoration: none;
}

#primaryContent p a:hover{
	text-decoration: underline;
}


/* Contact form */


form#contact,
form#anf{
	margin: 	0;
	padding:	0;
}

form#contact p,
form#anf p{
	margin: 0;
	padding: 0;
	color: #0066CC;
}



form#contact fieldset{

}



form#contact fieldset legend
form#anf fieldset legend{
	font-weight: bold;
	font-size:1.1em;
	color: #0066CC;
}



form#contact label,
form#anf label{
	float: left;
	width: 12em;
	font-size: 0.65em;
}



form#contact input,
form#contact select,
form#anf input,
form#anf select{
	width: 19em;
}



form#contact span.oneField hr,
form#anf span.oneField hr {
	clear: left;
}



form#contact span.oneField,
form#anf span.oneField {
	margin: 0 0 8px 0;
	padding: 0 8px 0 0;
	display: block;
}



form#contact textarea{
	width: 90%;
	height: 8em;
}



form#contact span.reqMark{
	color: #CC0000;
	font-weight: bold;
	vertical-align: top;
	font-size:120%;
}



form#contact .missing{
	background: #FFECEC;
}



form#contact .valerr{
	background: #FFF2EA;
}



p.sentok{
	padding: 25px;
	text-align: center;
	border: 1px solid #669933;
	background: White;
	font-weight: bold;
	color: #669933;
	font-size: 120%;
}



p.red{
	color: #CC3300;
}



form#contact p.submitbutton{
	display: block;
	float: none;
	margin: 2em 0 0;
}



form#contact span.sendcopy{
	margin: 0 0 8px 0;
	padding: 0 8px 0 8px;
	display: block;	
}


form#contact span.sendcopy label{
	width: auto;
}

p.banner-right{
	float: right;
	display: block;
}

a.febanner {
	display: block;
}

p.banner-left{
	float: left;
	display: block;
}

.banner-right{
	margin: .5em auto .5em auto;
	width: 435px;
}

.banner-right a {
	display: block;
}

.banner-right a img{
	border: none;
	width: 430px;
	margin: .2em 0 .5em 0;
}



form#contact span.sendcopy input{
	width: auto;
}


form#contact select.optionlist{
}