/**
 * @(#)style.css
 *
 * Copyright (c) 2009 Martin Kramer.
 * Toplevel-Multimedia & ShockWave-Design Hamm, Kramer, Pahlke, Zicholl
 *
 * This software is the confidential and proprietary information of 
 * Toplevel-Multimedia & ShockWave-Design Hamm.("Confidential Information").  
 * You shall not disclose such Confidential Information and shall 
 * use it only in accordance with the terms of the license agreement 
 * you entered into with TLM - SWD.
 */

/**
 * CSS - SPD Hamm Startseite
 * @version 	1.00 09/03/21
 * @author 	Martin Kramer
 */

body {
	background: #FFFFFF;
	color: #111111;
	margin: 0;
	}

#header {
	background: url('images/headerbackground.png') left top repeat-x;
	height: 30px;
	padding-top:2px;
	width:auto;
	}

#page {
	border: none;
	}
	
#maintemplate {
	background: url('images/flagge.jpg') center top repeat;
	height:auto;
	width:auto;
	min-width:964px;
	}
	
#shadowtmpl {
	background: url('images/bgshadow.png') center top repeat-y;
	width:auto;
	height:auto;
	margin:auto;
	}
	
#headerfake {
	background:url('images/headerf.png') center top repeat-x;
	height:auto;
	width:auto;
	}
	
#headertmpl {
	margin:auto;
	height:20px;
	width:964px;
	}
	
.helem
{
float:left;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
height:15px;
margin-top:1px;
}

#headersearch
{
	float:left;
}

#headernewsletter
{
float:right;
}

#searchtext
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background:#9e0508;
border:0px;
color:#FFFFFF;
padding:2px;
width:250px;
height:15px;
}

#nemail
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background:#9e0508;
border:0px;
color:#FFFFFF;
padding:2px;
width:150px;
height:15px;
margin-left:5px;
}

#nsubmit
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background:#bf060a;
border:0px;
color:#FFFFFF;
padding:0px;
width:80px;
height:19px;
margin-left:5px;
}

#headernewslettertext
{
margin-top:3px;
}	
	
#footer {
	background: url('images/whiteline.png') center top repeat-x;
	height:auto;
	width:auto;
	}
	
#footeradv {
	background: #FFFFFF;
	height:60px;
	width:auto;
	}

#spdlogo {
	float:left;
	position:relative;
	left:-80px;
	top:60px;
	background: url('images/wuerfel.png') left top no-repeat;
	height:138px;
	width:250px;
	}
	
#jetzthammlogo {
	margin-top:20px;
	float:right;
	position:relative;
	top:0px;
	height:100px;
	width:421px;
	}

#jetzthammlogoleft
{
	float:left;
	/* height:90px; */
	height:20px;
	width:330px;
	position:relative;
	/* background: url('images/ausrufezl.png') left bottom no-repeat; */
}

#jetzthammlogoright
{
	float:left;
	height:219px;
	width:91px;
	position:relative;
	top:-129px;
	background: url('images/ausrufezr.png') left bottom no-repeat;
}
	
#footerdynamic
	{
	height:200px;
	width:1054px;
	margin: auto;
	}
	
#flash
	{
	height:390px;
	width:640px;
	}
	
#icons
	{
	padding-left:10px;
	padding-top:20px;
	height:130px;
	width:640px;
	}

#innertemplate
	{
	margin: auto;
	margin-top: 10px;
	height:440px;
	height:470px!;
	width:964px;
	}
	
#lefttmpl
	{
	float:left;
	height:470px;
	height:300px!;
	width:640px;
	}
	
#righttmpl
	{
	float:right;
	margin-right:1px;
	height:470px;
	height:300px!;
	width:310px;
	}

#icon-fuerdich
{
float:left;
}
#icon-vorort
{
float:left;
}
#icon-mitmachen
{
float:left;
}
#icon-spenden
{
float:left;
}

#testimonials
	{
	margin-bottom:12px;
	background: url('images/tback.png') left top no-repeat;
	height:213px;
	width:310px;
	}

#jetzthamm
	{
	margin-bottom:12px;
	background: url('images/monikabanner.jpg') left top no-repeat;
	height:126px;
	width:310px;
	}

#jetzthammbanner
	{
	margin-bottom:12px;
	background: url('images/bannerjetzthamm.jpg') left top no-repeat;
	height:170px;
	width:310px;
	}
	
#dieterwiefelspuetz
	{
	margin-bottom:12px;
	background: url('images/dieterwiefelspuetz.jpg') left top no-repeat;
	height:170px;
	width:310px;
	}	
	
#web20
	{
	height:177px;
	width:310px;
	}

#place1
	{
	background: url('images/singleglas.png') left top no-repeat;
	height:37px;
	width:153px;
	float:left;
	}
	
#place2
	{
	background: url('images/singleglas.png') left top no-repeat;
	height:37px;
	width:153px;
	float:left;
	margin-left:4px;
	}

#place3
	{
	margin-top:4px;
	background: url('images/multiglas.png') left top no-repeat;
	height:37px;
	width:310px;
	float:left;
	}
#place4
	{
	margin-top:4px;
	background: url('images/singleglas.png') left top no-repeat;
	height:37px;
	width:153px;
	float:left;
	}
	
#place5
	{
	margin-top:4px;
	background: url('images/singleglas.png') left top no-repeat;
	height:37px;
	width:153px;
	float:left;
	margin-left:4px;
	}
	
#place6
	{
	margin-top:4px;
	background: url('images/singleglas.png') left top no-repeat;
	height:37px;
	width:153px;
	float:left;
	}
	
#place7
	{
	margin-top:4px;
	background: url('images/singleglas.png') left top no-repeat;
	height:37px;
	width:153px;
	float:left;
	margin-left:4px;
	}

#twriting
{
display:none;
padding:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

#tquest
{
display:none;
padding:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

#treading
{
padding:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

#testimonialsinsertForm, #testimonialsquestionForm
{
margin:0px;
}

.trtext
{
float:left;
width:157px;
height:172px;
}

.trpicture
{
float:right;
width:auto;
height:auto;
}

#trcontrol
{
clear:both;
width:auto;
height:30px;
}

#trcontrol2
{
clear:both;
width:auto;
height:30px;
}

#tqcontrol
{
clear:both;
width:auto;
height:30px;
}

#trcswitchtoown
{
float:left;
margin-right:5px;
}

#trcswitchtoquest
{
float:left;
margin-right:10px;
}

#trcswitchtoprev
{
float:right;
margin-right:5px;
}

#trcswitchtonext
{
float:right;
}

#tbfree
{
display:none;
}

#trcswitchdisp
{
float:right;
width:18px;
height:18px;
margin-right:5px;
}

#trcswitchtopublic
{
float:left;
}

#tqcswitchtopublic
{
float:left;
}

#send
{
background: url('images/bsend.png') left top no-repeat;
border:none;
width:76px;
height:20px;
}

#trcsend
{
float:right;
}

#tqcsend
{
float:right;
}

#qusername
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
width:234px;
border:1px solid #FFFFFF;
background: url('images/textback.png') left top no-repeat;
}

#username
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
width:234px;
border:1px solid #FFFFFF;
background: url('images/textback.png') left top no-repeat;
}

#email
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
width:234px;
background: url('images/textback.png') left top no-repeat;
border:1px solid #FFFFFF;
}

#qemail
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
width:234px;
background: url('images/textback.png') left top no-repeat;
border:1px solid #FFFFFF;
}

#texti
{
border:1px solid #FFFFFF;
background: url('images/textback.png') left top no-repeat;
margin-top:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
width:284px;
height:65px;
}

#qtexti
{
border:1px solid #FFFFFF;
background: url('images/textback.png') left top no-repeat;
margin-top:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
width:284px;
height:65px;
}

#twform
{
clear:both;
height:133px;
}

#tqform
{
clear:both;
height:133px;
}

.telem
{
clear:both;
width:50px;
vertical-align:middle;
float:left;}

.ielem
{float:left;
margin-bottom:5px;}

#qelem
{
float:right;
width:100px;
outline: 1px #FFFFFF dashed;
font-style:italic;
padding-left:5px;
}

#twshortintrotext
{
float:left;
width:180px;
margin-bottom:15px;
}

#tqshortintrotext
{
float:left;
width:auto;
margin-bottom:15px;
}

#impressum
{
	float:left;
	margin-top:10px;
	margin-left:100px;
	position:relative;
	top:80px;
}
#kontakt
{
	float:left;
	margin-top:10px;
	position:relative;
	top:80px;
}
#rss
{
	float:left;
	margin-top:10px;
	position:relative;
	top:80px;
}