/* --- tl_files/laukien.dk/layout/css/basic.css --- */ 
/**
 * TYPOlight webCMS
 * Copyright (C) 2005-2009 Leo Feyer
 *
 * This program is free software: you can redistribute it and/or
 * modify it under the terms of the GNU Lesser General Public
 * License as published by the Free Software Foundation, either
 * version 2.1 of the License, or (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
 * 
 * You should have received a copy of the GNU Lesser General Public
 * License along with this program. If not, please visit the Free
 * Software Foundation website at http://www.gnu.org/licenses/.
 *
 * PHP version 5
 * @copyright  Leo Feyer 2005-2009
 * @author     Leo Feyer <leo@typolight.org>
 * @license    LGPL
 * @version    1.0
 */

/* Reset margins */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea {
	margin:0;
	padding:0;
}

/* Format basic elements */
table {
	border-collapse:collapse;
	border-spacing:0;
}
caption,th,td {
	text-align:left;
	vertical-align:top;
}

.caption {
	font-size: 11px;
}

abbr,acronym {
	font-variant:normal;
	border-bottom:1px dotted #666;
	cursor:help;
}
blockquote,q {
	quotes:none;
}
fieldset,img {
	border:0;
}
li {
	list-style-type:none;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
del {
	text-decoration:line-through;
}
ins {
	text-decoration:none;
}
a {
	color:#fff;
	text-decoration: underline;
}

a:hover {
	color:#ef7f00;
	text-decoration: none;
}
:focus {
	outline:0;
}

/* Font settings */
body {
	color:#fff;
	font: normal 13px/1.4 "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif;

}

input,button,textarea,select {
	font-family:inherit;
	font-size:99%;
	font-weight:inherit;
}
pre,code {
	font-family:"Lucida Console",Monaco,monospace;
	font-size:12px;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	 
}
h1 {
	font-size:22px;
}
h2 {
	font-size:20px;
}
h3 {
	font-size:18px;
}
table {
	font-size:inherit;
}
caption,th {
	font-weight:bold;
}

/* Default margins */
h1,h2,h3,h4,h5,h6 {
	
	margin: 0;
	 padding: 0;
}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form {
	margin-bottom:12px; /* Should match font size */
}

/* --- tl_files/laukien.dk/layout/css/layout.css --- */ 

/* LAYOUT Laukien */

body {
	margin: 0;
	padding: 0;
	background: url('/tl_files/laukien.dk/layout/images/header-bg.jpg') #191919 repeat-x;
}

#header .inside {
	margin: 0 10px;
}

h1#logo {
	float: left;
	display: inline;
}

h1#logo a {
	background: url('/tl_files/laukien.dk/layout/images/logo-laukien.png') no-repeat;
	margin-top: 25px;
	width: 220px;
	height: 82px;
	text-indent: -9999px;
	display: block;
}

h2#logo-byggeprofiler {
	float: right;
	display: inline;
}

h2#logo-byggeprofiler a {
	background: url('/tl_files/laukien.dk/layout/images/logo-byggeprofiler.jpg') bottom no-repeat;
	margin-top: 0;
	width: 215px;
	height: 90px;
	text-indent: -9999px;
	display: block;
}

/* MAIN */
#container{
	margin: 20px 0 0 0;
	padding: 0px 10px 0 10px;
}

.startseite .custom {
	margin-top: 40px;
	padding: 0 10px;
}
.zweispaltig #main .inside {
	margin-left: 10px;
	}
.zweispaltig #container {
	margin-top: 40px;
	}


.custom {
	margin: 40px 0 0 0;
	padding: 0 10px 10px 10px;
	
}

.startseite .custom {
	border-bottom: 0;
}




	#Headerbild .inside {
		margin: 0 0 0 10px;
	}
	
	.startseite #main .inside {
		margin: 0 20px 0 0;
	}
	
	#left .inside {
		margin: 0 10px 0 0;
	}
	
	
	
	#Produktnavi {
		width: 230px;
		float: left;
	}
	
	#Headerbild {
		margin-left: 230px;
		width:auto;
		position:relative;
	}


#footer .inside {
	margin: 0 10px;
}

/* RIGHT */
.startseite #right .inside {
		margin: 35px 0 0 20px;
		
	}
.startseite .linkliste, .produktuebersicht .linkliste, .produkte .linkliste, #download .linkliste {
	border: none;
	}
	
	.linkliste {
		border-top: 1px solid #fff;
		padding-top: 15px;
		margin-top: 10px;
		font-size: 11px;
		color: #bbb;
		}
		
	.linkliste a {
		color: #bbb;
		}
	.linkliste a:hover {
		color: #eee;
		}
.produktuebersicht .linkliste, .produkte .linkliste {
	margin-left: 25%;
	}

	

/* SLIDER */
#box6 {
	position:absolute;
	width:580px;
}

#box6 span {
	display:block;
}

.startseite .row_0 {
	left: 620px;
	float: left;
}

.startseite .row_1 {
	float: right;
}

.mask6 {
	position:absolute;
	width:580px;
	height:410px;
	overflow:hidden;
}

.buttons {
	clear:both;
	position: relative;
	left: 765px;
}
.buttons span {
	float: left;
	margin: 0 5px;
	}

.buttons span a {
	cursor: pointer;
	color: #444;
	text-decoration: none;
	display: block;
	
}

.buttons span a:hover {
	color: #eee;
}

.thumbs {
	width:140px;
	position: relative;
}

.thumbs div {
	display:block;
	width:140px;
	height:80px;
	padding: 15px 0;
	cursor:pointer;
}

.thumbs div.col_first {
	padding-top: 0;
}

.thumbs div img {
	display:block;
	width:100%;
	height:100%;
	border:none
}

span img {
	display:block;
	border:none;
}

/* ÜBER UNS */

.mod_article ul {
	margin-left: 20px;
	}
.mod_article li {
	list-style-type: circle;
	}

/* PRODUKTE */

.produkte #main, .produktuebersicht #main {
	border-top: 1px solid #fff;
	padding-top: 0px;
	}
.subcr {
	padding-left: 5px;
	}
.subcolumns {
	padding: 30px 0 30px 0;
	border-bottom: 1px solid #fff;
	}
.fleft {
	float: left;
	margin: 0 10px;
	}
.produkte .fleft {
	margin-top: 20px;
	width: 160px;
	}
.col_first {
	margin-left: 0;
	
	}
.col_last {
	margin-right: 0;
	}
	
.produkte .fleft a {
	
	}
.downloadtext, .downloadsize, .ce_download a {
	font-size: 11px;
	line-height: 18px;
	color: #999;
	}
.downloadsize, .ce_download .size {
	text-align: center;
	display: block;
	color: #bbb;
	}
.steckpanelplus {
	clear: both;
	}
.steckpanelplus .size {
	display: none;
	}
	
/* DOWNLOAD */
.zweispaltig .subcolumns {
	padding: 0;
	}
	
/*FOOTER */

.nachoben {
	float: right;
	}
/* --- tl_files/laukien.dk/layout/css/navigation.css --- */ 

/* Hauptnavigation */

#nav_header {
}

#nav_header ul {
	margin-top: 92px;
}

#nav_header li {
	float: left;
	line-height: 12px;
}

#nav_header li a {
	color: #191919;
	margin: 0 7px;
	text-decoration: none;
	font-size: 12px;
	height: 15px;
	display: block;
	text-transform: uppercase;
	background: url('/tl_files/laukien.dk/layout/images/navigation.png') no-repeat;
	text-indent: -9999px;
}

	#nav_header li a.startseite {
		width: 43px;
		background-position: 0 0;
		}

		#nav_header li.startseite a:hover {
			background-position: 0 -13px;
		}

		#nav_header li.startseite.active a  {
			background-position: 0 -13px;
		}
	#nav_header li a.om-os {
		width: 48px;
		background-position: -60px 0;
		}

		#nav_header li.om-os a:hover {
			background-position: -60px -13px;
		}

		#nav_header li.om-os.active a  {
			background-position: -60px -13px;
		}
	#nav_header li a.produktuebersicht {
		width: 84px;
		background-position: -130px 0;
		}

		#nav_header li.produktuebersicht a:hover {
			background-position: -130px -13px;
		}

		#nav_header li.produktuebersicht.active a  {
			background-position: -130px -13px;
		}
	#nav_header li a.projekte {
		width: 71px;
		background-position: -232px 0;
		}

		#nav_header li.projekte a:hover {
			background-position: -232px -13px;
		}

		#nav_header li.projekte.active a  {
			background-position: -232px -13px;
		}
	#nav_header li a.download {
		width: 84px;
		background-position: -321px 0;
		}

		#nav_header li.download a:hover {
			background-position: -321px -13px;
		}

		#nav_header li.download.active a  {
			background-position: -321px -13px;
		}
	#nav_header li a.kontakt {
		width: 67px;
		background-position: -421px 0;
		}

		#nav_header li.kontakt a:hover {
			background-position: -421px -13px;
		}

		#nav_header li.kontakt.active a  {
			background-position: -421px -13px;
		}
		
		

#nav_header li.first a {
	margin-left: 15px;
}


/* Produktnavigation */

.produkte #left h3 {
	color: #ef7f00;
}

#subnavi ul {
	margin: 0 0 0 10px;
}
	
	#subnavi ul li {
		margin: 0 0 5px 0;
	}
	
	#subnavi ul li a {
		color: #fff;
		text-decoration:none
	}
	
		#subnavi ul li a:hover {
			text-decoration: underline;
		}
		
		#subnavi ul li.active a {
			color: #ef7f00;
		}

/* Footernavigation */

#footernavi li {
	list-style: none;
	float: left;
	color: #585858;
	font-size: 12px;
	margin-right: 10px;
}

	#footernavi li a  {
		color: #585858;
	}
	
	#footernavi li#solades, #footernavi li.copyright {
		float: right;
		margin-right: 0;
	}
	
		#footernavi li#solades a {
			text-decoration: none;
		}
/* --- tl_files/laukien.dk/layout/css/formulare.css --- */ 

/* Styling der Formulare */

/* Standardformatierungen */


label {
	display: block;
	clear: both;
}

label span.mandatory {
	color: #ee7e00;
	font-size: 700;
}

input.text,
textarea.textarea,
textarea,
select {
	border:1px solid #ccc;
	padding:4px;
}

input.captcha {
	border:1px solid #ccc;
	padding:4px;
	width: 70px;
}

input:focus,
textarea:focus {
	border: 1px solid #ee7e00;
	background-color: #fdfdfd;
	padding: 4px;
}

/* ENDE */



/* Formular 1 > Kontaktformular */

#f1 label.anrede {
	display: block;
	width: 150px;
	float: left;
	line-height: 24px;
	text-align: right;
	padding-right: 10px;
}

#f1 .row_1 label,
#f1 .row_2 label,
#f1 .row_3 label,
#f1 .row_4 label,
#f1 .row_5 label,
#f1 .row_6 label,
#f1 .row_7 label,
#f1 .row_8 label,
#f1 .row_9 label,
#f1 .row_10 label {
	display: block;
	width: 150px;
	float: left;
	line-height: 24px;
	text-align: right;
	padding-right: 10px;
}

#f1 .rows {
	margin-bottom: 10px;
}

#f1 #ctrl_2 {
	float: left;
	clear: none;
}


#f1 #ctrl_2 input {
	float: left;
	display: block;
	clear: none;
	margin: 5px 8px 0 0;
	padding: 0;
	border: 0;
}

#f1 #ctrl_2 input#opt_2_1 {
	margin-left: 20px;
}

#f1 #ctrl_2 label,
#f1 #ctrl_2.error label {
	float: left;
	display: block;
	clear: none;
	margin: 0;
	padding: 0;
}

#f1 #ctrl_2 label#lbl_2_0,
#f1 #ctrl_2 label#lbl_2_1 {
	line-height: 24px;
}

#f1 #ctrl_7 {
	width: 50px;
}

#f1 #ctrl_3,
#f1 #ctrl_4,
#f1 #ctrl_6,
#f1 #ctrl_8,
#f1 #ctrl_9,
#f1 #ctrl_10 {
	width: 228px;
	float: left;
}


#f1 #ctrl_12 {
	width: 430px;
	height: 170px
}

#f1 label.error,
label.error {
	margin-top: 8px;
	padding: 0;
	line-height: normal;
}

#f1 p.error,
p.error {
	margin: 0;
	padding: 0;
	font-size: 90%;
	line-height: normal;
	color: red;
}

#f1 input.error,
input.error,
#f1 textarea.error {
	background: #f9e3e3;
	border: 1px solid #e79e9e;
	padding: 4px;
}

#f1 #submitbutton {
	margin-left: 160px;
}

#f1 .row_12 {
	padding-left: 160px;
	margin-top: 20px;
}


/* Formular 5 > Kundenmeinung abgeben */

/*

#f5 label.f5labelname {
	display: block;
	clear: right;
}

#f5 label.f5labelort,
#f5 label.f5labelkommentar,
#f5 label.f5labelbewertungen,
#f5 label.f5labelemail {
	display: block;
	clear: right;
	margin-top: 10px;
}

#f5 #ctrl_18,
#f5 #ctrl_23,
#f5 #ctrl_19,
#f5 #ctrl_33 {
	width: 230px;
}

#f5 .explanation {
	font-size: 80%;
	color: red;
}

#ctrl_24 span {
	display: block;
	clear: left;
	height: 20px;
	line-height: 20px;
}

#ctrl_24 input {
	float: left;
	line-height: 20px;
	display: block;
	margin-right: 10px;
}

#kundenmeinungen .ratingstar {
	text-indent: -9000px;
	background: url(../images/starrating.gif) 0 -60px no-repeat;
	width: 30px;
	height: 30px;
	display: block;
	float: left;
}

#f5 #ctrl_24 span label {
	text-indent: -9000px;
	height: 20px;
	display: block;
	float: left;
}

#f5 #lbl_24_0 {
	background: url(../images/starrating-small.png) 0 -40px repeat-x;
	width: 20px;
}

#f5 #lbl_24_1 {
	background: url(../images/starrating-small.png) 0 -40px repeat-x;
	width: 40px;
}
#f5 #lbl_24_2 {
	background: url(../images/starrating-small.png) 0 -40px repeat-x;
	width: 60px;
}
#f5 #lbl_24_3 {
	background: url(../images/starrating-small.png) 0 -40px repeat-x;
	width: 80px;
}
#f5 #lbl_24_4 {
	background: url(../images/starrating-small.png) 0 -40px repeat-x;
	width: 100px;
}

#f5 span.captcha_text {
	display: block;
	clear: both;
	margin-bottom: 10px;
	color: red;
	font-size: 12px;
}

#f5 .submitbutton {
	background: #f5f5f5;
	height: 30px;
	width: 200px;
	padding-left: 6px;
	margin: 8px 0 0 0;
	border: 1px solid #a5acb2;
	display: block;
	clear: both;
}

#f5 .submitbutton span {
	background: url(../images/submitemail.png) no-repeat center left;
	display: block;
	padding-left: 22px;
}


#f5 .submitbutton:hover {
	background: #e6efc2;
	border: 1px solid #b0dd02;
	cursor: pointer;
}

.nameortlabel {
	margin-top: 10px;
}

*/

