/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	background: url(../img/layout/bg_verlauf.png) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a {
	text-decoration:none;
}

h1 {
	font-size: 14px;
	color: #004080;
	letter-spacing: 0.1em;
	padding: 0px;
	margin: 10px 0px 15px 0px;
}

h2 {
	color: #666;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	clear: both;
}


div#wrap {
	width: 1000px;
	margin: auto;
}

div.header {
	width: 950px;
	height: 61px;
	background: url(../img/layout/header.png) no-repeat;
}

div.header ul {
	list-style: none;
	margin: 25px 0px 0px 555px;
	padding: 0px;
	position: absolute;
}

div.header ul li{
	float: left;
	color: #FFFFFF;
	font-size: 11px;
	margin-right: 20px;
}

div.header ul li a{
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	background: url(../img/layout/list_header.gif) no-repeat;
	padding-left: 15px;
}

div.header ul li a:hover{
	color: #CCC;
}

div.header ul li a.lang {
	text-transform: lowercase;
	letter-spacing: 0em;
	background: none;
	padding: 0px;
}

div.emotionbox {
	width: 950px;
	padding: 0px 0px 0px 43px;
	position: relative;
	background: url(../img/layout/emotionbox_bg.png) repeat-y;
}

img.emotion {
	margin: 0px 0px 0px 0px;
	border-bottom: 14px solid #004080;	
	padding: 1px 0px 0px 0px;
	display: block;
}


div.placeholder_logo {
	width: 242px;
	height: 119px;
	background: url(../img/layout/logo_ph.png) no-repeat;
	display: block;	
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 0px 0px;
	position: absolute;
}

div.placeholder_logo img {
	margin: 25px 0px 0px 28px;
	padding: 0px;
	border: 0px;
}	

div.blueline {
	width: 859px;
	height: 14px;
	margin: 0px 0px 0px 43px;
	background: url(../img/layout/blueline.gif) no-repeat;
	padding: 0px;
}

div.container {
	width: 950px;
	background: url(../img/layout/container_bg.png) repeat-y;
	
}

div#navitop{
	background: url(../img/layout/navi_top.png) no-repeat;
	width: 242px;
	height: 52px;
}

div.navigation {
	float: left;
	margin: -52px 0px 0px 68px;
	position: relative;
}

div.navigation ul {
	list-style: none;
	width: 202px;
	margin: -30px 0px 0px 17px;
	padding: 0px;
}

div.navigation ul li a {
	text-decoration: none;
	text-transform: uppercase;
	color: #666666;
	font-size: 11px;
	display: block;
	border-bottom: 1px solid #EAEAEA;
	height: 22px;
	padding-top: 7px;
	padding-left: 20px;
	background: url(../img/layout/list_navi.gif) no-repeat 5px 8px;
}

div.navigation ul li a:hover {
	background-color: #EAEAEA;
}

div.content {
	float: left;
	width: 550px;
	margin: -250px 0px 20px 320px;
	font-size: 11px;
	line-height: 1.8em;
}

div.footer {
	width: 950px;
	height: 49px;
	clear: both;
	background: url(../img/layout/footer_bg.png) no-repeat;
}

div.footer ul {
	list-style: none;
	color: #666666;
	font-size: 11px;
	padding: 20px 0px 0px 740px; 
	margin: 0px;
}

div.footer ul li a {
	color: #666666;
	font-size: 11px;
}

div.footer ul li a:hover {
	color: #004080;
	font-size: 11px;
}

iframe div.adress {
	border: 1px solid red; 
}

iframe div.occasionen {
	border: 1px solid lime;
}

div.werft {
	clear: both;
	margin: 20px 0px 0px 0px;
}

div.werft h2 {
	padding-top: 20px;
	display: block;
}


div.werft img{
	border: 1px solid #CCC;
	padding: 2px;
	float: left;
	margin-right: 10px;
}

div.werft p{
	padding: 0px;
	margin: 10px 0px 10px 0px;
	
}

div.kontaktformular ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}

div.kontaktformular ul li {
	margin: 5px 0px 0px 0px;
}

div.kontaktformular ul li span{
	display: block;
	width: 160px;
	float: left;
}

div.kontaktformular ul li label input{
	font-size: 11px;
	height: 15px;
	width: 150px;
	border: 1px solid #CCC;
	background: url(../img/layout/input_bg.jpg) repeat-x;
}

div.kontaktformular ul li label textarea{
	font-size: 12px;
	height: 100px;
	width: 150px;
	border: 1px solid #CCC;
	background: url(../img/layout/input_bg.jpg) repeat-x;

}

div.kontaktformular ul li label input.button{
	font-size: 11px;
	height: 25px;
	width: 150px;
	background: none;
	border: 1px solid #CCC;
	background-color: #F2F2F2;
}

/*Adresse beim Kontaktformular*/

div.adress {
	font-size: 11px;
	padding: 0px 0px 20px 10px;
	text-align: left;
	margin: 5px 0px 20px 20px;
	border: 1px solid #EAEAEA;
	background: url(../img/layout/adress_bg.jpg) repeat-x;
	background-position: bottom;
	float: left;
}


div.adress table tr td {
	vertical-align: top;
}

div.adress ul {
	font-size: 11px;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div.adress ul li {
	padding-left: 20px;
}


div.adress ul li.adresse {
	background: url(../img/layout/icon_adress.gif) no-repeat 0px 5px;
}

div.adress ul li.phone {
	background: url(../img/layout/icon_phone.gif) no-repeat 0px 5px;
}

div.adress ul li.mail {
	background: url(../img/layout/icon_mail.gif) no-repeat 0px 5px;
}

div.adress ul li.www {
	background: url(../img/layout/icon_www.gif) no-repeat 0px 5px;
}


ul.vertretungen {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

ul.vertretungen li{
	margin: 0px 10px 10px 0px;
	float: left;
}

ul.vertretungen li img{
	border: 1px solid #CCC;
	padding: 2px;
}




ul.links {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.links li  {
	background: url(../img/layout/rubriktitel_bg.jpg) repeat-x bottom;
}

ul.links li a {
	color: #004080;
	padding: 8px 0px 8px 20px;
	display: block;
	border-bottom: 1px dotted #CCC;
	background: url(../img/layout/icon_pfeil.gif) no-repeat 5px 13px;
}

ul.links li:hover {	
	background: none;
	background-color: #F2F2F2;
}

div.gallery img {
	background: url(../img/layout/img_big_bg.jpg) no-repeat 0px 0px;
	height: 352px;
	width: 485px;
	padding: 15px 16px 16px 14px;
}


div.gallery div.thumbs ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div.gallery div.thumbs ul li {
	float: left;
	margin: 0px 10px 10px 0px;
}

div.gallery div.thumbs ul li a img {
	width: 93px;
	height: 71px;
	padding: 13px 16px 16px 12px;
	border: none;
	background: url(../img/layout/img_bg.jpg) no-repeat 0px 0px;
}

div.gallery p.hinweis {
	display: block; 
	margin-left: 8px; 
	border-bottom: 1px solid #CCC; 
	border-top: 1px solid #eaeaea; 
	width: 495px;
	background: url(../img/layout/rubriktitel_bg.jpg) repeat-x bottom;
	padding: 2px;
}

div.werft p.link_gallery {
	padding: 5px 0px 5px 8px;
	display: block;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #eaeaea;
	background: url(../img/layout/rubriktitel_bg.jpg) repeat-x bottom;
}

div.werft p.link_gallery a{
	padding-left: 20px;
	color: #004080;
	font-size: 12px;
	background: url(../img/layout/icon_pfeil.gif) no-repeat 0px 3px;
}


ul.news {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.news li img {
	padding: 1px;
	border: 1px solid #CCC;
	width: 120px;
	float: left;
	/*height: 100px;*/
	margin-right: 20px;
}	

ul.news li div {
	width: 250px;
	display: inline;
}

ul.news li p{
	margin: 0px 0px 10px 20px;
	padding: 0px;
}

ul.news li {
	background: url(../img/layout/adress_bg.jpg) repeat-x bottom;
	border-bottom: 1px solid #EAEAEA;
	padding: 10px;
}

ul.news li a {
	color: #004080;
	padding-left: 20px;
	display: block;
	background: url(../img/layout/icon_pfeil.gif) no-repeat 0px 6px;
}

ul.news li a:hover {
	color: #000000;
}

ul.news li span.datum{
	font-style: italic;
	display: block;
	border-bottom: 1px dotted #EAEAEA;

}

div#image{
	height: 282px; 
	padding-bottom: 14px;
}

.sinatur{
	border-bottom: solid 1px #EAEAEA;
	padding-right: 25px;
	display: block;
	text-align: right;
	font-style:italic;
}

.frame {
	width: 600px; 
	height: 2000px;
	border: none; 
	margin-left: -20px;
	position: relative;
}

div#rechner div.rate h2 {

	color: #004080;

}

div#rechner input.button_offerte {
	height: 23px;
	width: 147px;
	color: #FFF;
	margin-top: 25px;
}

div#rechner input.button_offerte:hover, div#rechner input.button:hover {
	color: #004080;
	cursor: pointer;
}