@charset "UTF-8";
/* CSS skanwood.com */

/*
Basics
---------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}

html {
	height:100%;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#F6F4E2;
	font-size:12px;
	line-height:1.6em;
	color:#505253;
}

.fixfloat {
	float:none;
	clear:both;
	width:1px;
	margin:0 0 -1px 0 !important;
	padding:0;
	font-size:1px;
	line-height:1px;
	height:1px;
}

h1 {
	color:#333;
	font-family: Arial, Helvetica,Verdana, sans-serif;
	font-weight:bold;
	font-size:15px;
	margin-bottom:1em;
}

h2, h3, h4, h5, h6 {
	color:#505253;
	font-weight:bold;
	font-size:12px;
	margin-bottom:0.3em;
}

p {
	margin:0 0 1em 0;
}

a {
	color:#505253;
	text-decoration:underline;
}

a:hover {
	color:#111;
}

#content ul {
	margin:1.6em;
}

#content li {

	margin:0.6em 0;
}

/*
Seitenkonstrukt
---------------------------------------------------------------------*/

#wrapper,
#innerWrapper,
#contentWrapper {
	width:890px;
}

#innerWrapper {
	background:url(bg_wrapper.gif) repeat-y;
	
}



#logo {
	width:240px;
	height:113px;
	float:left;
}

#content {
	width:650px;
	float:right;
	/*min-height:480px;
	margin-top:40px;*/
	margin-bottom:40px;
	padding-top:40px;
	
}

#maincontent {
	width:380px;
	float:left;
	margin:40px 15px;
}

#rightcontent {
	width:210px;
	float:right;
	margin:15px;
	color:#F7F5E8;
}

#rightcontent img {
	margin-left:-15px !important;
	margin-top:-15px !important;
	margin-right:-15px !important;
	margin-bottom:0;
}

.magazine-container {
	margin-left:15px !important;
	margin-bottom:1em !important;
	margin-top:1em !important;
	float:left;
}
.magazine-image a, .magazine-image a:hover {
	border: 0;
	background: transparent;
}



/* 2+3 */
.zweier, .dreier {
 /*margin: 15px !important;*/
 width: 650px !important;


}

/* 2 */


.spalte_1 {
 width: 380px !important;
 float: left !important;
 margin:0 15px;
}

.spalte 1 img {
	margin:3px !important;
}


.spalte_1 {
	/*border:1px solid #000;*/
}

.spalte_2 {
 width: 240px !important;
 float: right !important;
 color:#F6F4E2;
 margin-top:-40px !important;
 font-size:11px;
 line-height:1.4em;
}

.spalte_2 a {
 color:#F6F4E2;
 text-decoration:underline;
} 

.spalte_2 a:hover {
 color:#fff;
 text-decoration:underline;
} 

.spalte_2 p {
 margin: 15px;
}


.spalte_2 p img {
	margin-left:-15px !important;
	margin-top:-15px !important;
	margin-right:-15px !important;
	margin-bottom:0;
}

.klein {
	font-size:10px;
}

.vergroessern {
	font-size:10px;
	background:url(lupe.gif) no-repeat 1px 2px;
	padding-left:20px;
	margin-top:5px;
	line-height:1.4em;
}

/*
Navigation horizontal
---------------------------------------------------------------------*/
#mainmenu {
	width:635px;
	height:113px;
	float:right;
	padding-left:15px;
	background-color:#F6F4E2;
	
}

#menuimages {
	display:none;
} 

#mainmenu ul {
	list-style:none;
	float:left;
	display:inline;
	margin-top:93px;
	
}

#mainmenu li {
	list-style:none;
	float:left;
	/*width:125px;*/
}

#mainmenu  li a {
	font-size:14px;
	height:20px;
	text-align:left;
	text-decoration:none;
	display:inline;
	float:left;
	text-indent:-9999px;
	margin-right:35px;
	background-position:0 -7px !important;
	background-repeat:no-repeat;
}


#mainmenu li.start a,
#mainmenu li.start-on a,
#mainmenu li.start a:hover {width:82px;}
#mainmenu li.start a {background:url(navigation/startseite_0.gif);}
#mainmenu li.start-on a,
#mainmenu li.start a:hover {background:url(navigation/startseite_1.gif);}

#mainmenu li.unternehmen a,
#mainmenu li.unternehmen-on a,
#mainmenu li.unternehmen a:hover {width:132px;}
#mainmenu li.unternehmen a {background:url(navigation/unternehmen_0.gif);}
#mainmenu li.unternehmen-on a,
#mainmenu li.unternehmen a:hover {background:url(navigation/unternehmen_1.gif);}

#mainmenu li.bauen a,
#mainmenu li.bauen-on a,
#mainmenu li.bauen a:hover {width:144px;}
#mainmenu li.bauen a {background:url(navigation/bauen_auf_nordisch_0.gif);}
#mainmenu li.bauen-on a,
#mainmenu li.bauen a:hover {background:url(navigation/bauen_auf_nordisch_1.gif);}

#mainmenu li.aktuelles a,
#mainmenu li.aktuelles-on a,
#mainmenu li.aktuelles a:hover {width:79px;}
#mainmenu li.aktuelles a {background:url(navigation/aktuelles_0.gif);}
#mainmenu li.aktuelles-on a,
#mainmenu li.aktuelles a:hover {background:url(navigation/aktuelles_1.gif);}

#mainmenu li.kontakt a,
#mainmenu li.kontakt-on a,
#mainmenu li.kontakt a:hover {width:58px; margin-right:0 !important;}
#mainmenu li.kontakt a {background:url(navigation/kontakt_0.gif);}
#mainmenu li.kontakt-on a,
#mainmenu li.kontakt a:hover {background:url(navigation/kontakt_1.gif);}



/*
Navigation links
---------------------------------------------------------------------*/
#leftmenu {
	width:185px;
	height:566px;
	float:left;
	padding-left:35px !important;
	
}

#leftmenu ul,
#leftmenu ul ul {
	list-style:none;
	
}

#leftmenu ul {
	margin-top:45px;
	margin-bottom:50px;
}

#leftmenu ul ul {
	margin-top:0;
	margin-bottom:0;
}

#leftmenu li,
#leftmenu li li {
	list-style:none;
	width:190px;
}

#leftmenu  li a,
#leftmenu  li li a {
	font-size:14px;
	height:20px;
	text-align:left;
	text-decoration:none;
	display:block;
	text-indent:-9999px;
	background-repeat:no-repeat !important;
}

#leftmenu  li a {
	margin-top:5px;
}

#leftmenu  li li a {
	margin-top:0;
}

#leftmenu li.holzhaeuser a {background:url(navigation/holzhaeuser_0.gif);}
#leftmenu li.holzhaeuser-on a,
#leftmenu li.holzhaeuser a:hover {background:url(navigation/holzhaeuser_1.gif);}

#leftmenu li.kacheloefen a {background:url(navigation/kacheloefen_0.gif);}
#leftmenu li.kacheloefen-on a,
#leftmenu li.kacheloefen a:hover {background:url(navigation/kacheloefen_1.gif);}

#leftmenu li.fliesen a {background:url(navigation/fliesen_0.gif);}
#leftmenu li.fliesen-on a,
#leftmenu li.fliesen a:hover {background:url(navigation/fliesen_1.gif);}

#leftmenu li.kuechen a {background:url(navigation/kuechen_0.gif);}
#leftmenu li.kuechen-on a,
#leftmenu li.kuechen a:hover {background:url(navigation/kuechen_1.gif);}

#leftmenu li.baustoffe a {background:url(navigation/baustoffe_0.gif);}
#leftmenu li.baustoffe-on a,
#leftmenu li.baustoffe a:hover {background:url(navigation/baustoffe_1.gif);}

#leftmenu li li.kronan_serie a {background:url(navigation/kronan_serie_0.gif);}
#leftmenu li li.kronan_serie-on a,
#leftmenu li li.kronan_serie a:hover {background:url(navigation/kronan_serie_1.gif) !important;}

#leftmenu li li.kataloghaeuser a {background:url(navigation/kataloghaeuser_0.gif);}
#leftmenu li li.kataloghaeuser-on a,
#leftmenu li li.kataloghaeuser a:hover {background:url(navigation/kataloghaeuser_1.gif) !important;}

#leftmenu li li.architektenhaeuser a {background:url(navigation/architektenhaeuser_0.gif);}
#leftmenu li li.architektenhaeuser-on a,
#leftmenu li li.architektenhaeuser a:hover {background:url(navigation/architektenhaeuser_1.gif) !important;}


/*
Footer
---------------------------------------------------------------------*/
#footermenu {
	width:240px;
	height:20px;
	float:right;
	margin-right:0;
}


#footermenu ul {
	list-style:none;
	float:right;
	display:inline;
	margin-top:4px;
	
}

#footermenu li {
	list-style:none;
	float:left;
	/*width:125px;*/
}

#footermenu  li a {
	font-size:14px;
	height:20px;
	text-align:left;
	text-decoration:none;
	display:inline;
	float:left;
	text-indent:-9999px;
	background-repeat:no-repeat !important;
	margin-right:5px;
	margin-bottom:15px;
}


#footermenu li.footer-start a,
#footermenu li.footer-start-on a,
#footermenu li.footer-start a:hover {width:82px;}
#footermenu li.footer-start a {background:url(navigation/footer_startseite_0.gif);}
#footermenu li.footer-start-on a,
#footermenu li.footer-start a:hover {background:url(navigation/footer_startseite_1.gif);}

#footermenu li.footer-kontakt a,
#footermenu li.footer-kontakt-on a,
#footermenu li.footer-kontakt a:hover {width:65px;}
#footermenu li.footer-kontakt a {background:url(navigation/footer_kontakt_0.gif);}
#footermenu li.footer-kontakt-on a,
#footermenu li.footer-kontakt a:hover {background:url(navigation/footer_kontakt_1.gif);}

#footermenu li.footer-impressum a,
#footermenu li.footer-impressum-on a,
#footermenu li.footer-impressum a:hover {width:76px;}
#footermenu li.footer-impressum a {background:url(navigation/footer_impressum_0.gif);}
#footermenu li.footer-impressum-on a,
#footermenu li.footer-impressum a:hover {background:url(navigation/footer_impressum_1.gif);}


/*
Tableau Startseite
---------------------------------------------------------------------*/
#tableau {
	width:651px;
	overflow:hidden;
	float:right;
	background-color:#F6F4E2;
	margin:-40px 0 -40px 0;
}

#tableau img {
	float:left;
}


/*
Kontaktformular
---------------------------------------------------------------------*/

#form-module {
	width:360px;
	margin-left:15px;
	margin-top:1em;
	border:1px solid #BABAB6;
	background-color:#F7F7F3;
	padding:10px;
	line-height:1.3em;
	float:left;

	/*border:1px solid #000;*/
}

.finfo {
	color:#CC0000;
	font-weight:bold;
	/*color:#000 !important;*/
	width:360px;
	margin-left:15px;
	float:left;
}

#form-module-thanks {
	margin-left:15px;
	color:#009900;
}

.formhinweis {
	width:264px;
	float:right;
	font-size:11px;
	margin-top:1em;
	margin-bottom:0.3em;
}

#form-module .formtrenn {
	height:1px;
	border-bottom:1px dotted #505253;
	margin-bottom:1px;
	
}

#form-module legend {
	text-indent:-9999px;
}

#form-module form {
	width:100%;
}

#form-module form fieldset {
	border:0 none;
}

#form-module form  DIV.element {
	clear:both;
	/*padding-top:5px;*/
}

#form-module form DIV.element label {
	float:left;
	width:80px;
	text-align:left;
	font-size:11px;
	margin-top:3px;
	margin-bottom:3px
}

#form-module DIV.element input, #form-module DIV.element textarea {
	padding:2px;
	border:1px solid #BABAB6;
	float:right;
	width:260px;
	text-align:left;
	color:#333;
	font-size:12px;
	background-color:#fff;
	font-family:verdana, Arial, Helvetica, sans-serif;
	margin-top:3px;
	margin-bottom:3px;
}

#form-module DIV.element select {
	background-color:#FFFFFF;
	color:#333333;
	float:right;
	font-family:verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	margin-right:115px;
	margin-bottom:1em;
	padding:0pt;
	text-align:left;
	width:150px;
}


#form-module DIV.element input.submit {
	color:#333;
	background-color:#FFFFFF;
	border:0 none;
	text-align:center;
	width:260px;
	height:24px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	cursor:pointer;
	background:url(button_senden.gif) right no-repeat;
	text-indent:-9999px !important;
}

#form-module DIV.element input.checkbox {
	float:left;
	width:20px;
	margin-left:65px;
	margin-top:3px;
	/*border:1px solid #000;*/
}

#form-module DIV.element label.checkbox {
	float:right;
	width:264px;
	text-align:left;
	margin-top:0;
	margin-bottom:0;
	/*border:1px solid #000;*/
}