/* generated by TM's StyleAssistant V1.0.32 */


/*	
Copyright 2007 Concepta Werbeagentur
Layout Styles
$Revision: 2.0 $
*/


 /* Typo3 Space Content/Image Bugfix */

DIV.csc-textpic-clear {
        clear: none;
        display: none;
}
        
DIV.csc-textpic-imagewrap {
        width: 100%;
} 

/* Typo3 Space Content/Image Bugfix für den IE6 */

* html DIV.csc-textpic-clear {
  float:none;
  
}

* html DIV.csc-textpic-imagewrap {
    width: 100px;
} 


/* Grundeinstellungen */


* {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
}
body {

	background-color: #EEEEEE;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 70%;
	LINE-HEIGHT: 1.4em;
}
HTML {
	HEIGHT: 100%
}
BODY {
	HEIGHT: 100%;
}
#nonFooter {
	MIN-HEIGHT: 100%;
	POSITION: relative
}
* HTML #nonFooter {
	HEIGHT: 100%
}
.hidden {
	LEFT: -10000px;
	POSITION: absolute
}

img,table,td,tr,h1,div {border:none;padding:0;margin:0;}


.text9px { color: black; font-size: 9px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss }
a {font-family: Verdana, Arial, Helvetica, Geneva, Swiss;}
a:link  { color: black; text-decoration: none;font-weight:normal; }
a:hover  { color: red; text-decoration: none;font-weight:normal; }
a:visited { text-decoration: none;font-weight:normal; }
.tab_sub_navi { padding-top: 5px }
.head_25px { font-weight: bolder; font-size: 25px; }
.head_12px { font-weight: bolder; font-size: 12px; color:#cc0000;  }
.head_11px { font-weight: bolder; font-size: 11px; }
.head_14px { font-weight: bolder; font-size: 14px; }
.head_14px a:link, a:visited, a:active, a:hover {font-family: Verdana, Arial, Helvetica, Geneva, Swiss; color:#000000; font-weight: bold; font-size: 14px; text-decoration: none  }
.border_ou { border-top: 1px solid silver; border-bottom: 1px solid silver }
.border_u { border-bottom: 1px solid silver }
.border_rluo { border: solid 1px #ccc; }
.border_r { border-right: 1px solid #bfced0; }
h5 { font-size: 11px; font-weight: bold; margin: 1.4em 0; }
td   { color: black; font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss }


h2 {   
font: 14px Verdana;
padding: 0 0 0 8px;
margin: 3px; 0 0 0;
font-weight: bold;
color: #000000;
background: url(../bilder/content/auf.gif) no-repeat left center;

} 

p {
	margin:0px;
	padding:0px 0px 0px 0px;
}



/* Layout Box */

#page {
	MIN-HEIGHT: 100%;
	MARGIN: 0px;
	WIDTH: 779px;
	TEXT-ALIGN: left;
	background-image: url(../bilder/main_space.gif);
	background-repeat:repeat-y;
}
* HTML #page {
	HEIGHT: 100%
}


#pageagb {
	MIN-HEIGHT: 100%;
	MARGIN: 0px;
	WIDTH: 779px;
	TEXT-ALIGN: left;
	background-image: url(../bilder/main_spaceagb.gif);
	background-repeat:repeat-y;
}
* HTML #pageagb {
	HEIGHT: 100%
}

.clearer {
	CLEAR: both;
	DISPLAY: block;
	FONT-SIZE: 1px;
	MARGIN-BOTTOM: -1px;
	LINE-HEIGHT: 1px;
	HEIGHT: 1px
}
#header {
	MARGIN: 0;
	HEIGHT: 68px;
	padding:0;
	background:#ffffff url("../bilder/b&m_header.jpg") no-repeat;
	width:779px;
	height:193px;
}

#logo {
	position:absolute;
	width:171px;
	height:71px;
	left: 5px;
	top: 0px;
	

}

#anschrift {

	position:absolute;
	width:171px;
	height:78px;
    top:85px;
	left:0px;
	
}


#disclaimer {
	position:absolute;
	top:172px;
	left:10px;
	width: 91px;
	height:16px;
}

#disclaimer a:link, a:active, a:visited, a:hover {font-family: Verdana, Arial, Helvetica, Geneva, Swiss;font-weight:normal; font-size: 10px; color:#A81919;text-decoration:underline;}

#header_anim {
    position: absolute;
	width:600px;
	height:90px;
	top: 80px;
	left: 179px;
    
}



#hauptnavigation {
	width:412px;
	height:22px;
	margin:0;
	position: absolute;
	left: 183px;
	top: 170px;
}


#content {
	PADDING-BOTTOM: 50px
}
#contentMain {
	CLEAR: both;
	MARGIN-TOP: 0px;
	display:inline;
	FLOAT: left;
	WIDTH: 779px
}

#footer P {
	MARGIN-TOP: 1.5em
}
div#content {
	margin:0;
	width:779px;
}


#contentColumn {
	width:417px;
	margin-left: 179px;
}


*html #contentColumn {
margin-right: 185px;
width:auto;
}


#leftColumn {
	float: left;
	width: 178px;
	line-height:1em;
}

*html #leftColumn  {
WIDTH: 150px;
}

#leftColumn a {
	color: black;
	text-decoration: none;
	font-weight: bolder;
	font-size: 10px;
}
#leftColumn a:hover {
	color: red;
	text-decoration: none;
	font-weight: bolder;
	font-size: 10px;
}
#leftColumn .active {
	color:#A81919;
	text-decoration: underline;
	font-weight: bolder;
	font-size: 10px;
}
#rightColumn {
	float: right;
	width: 180px;
	margin-top:0;
	margin-right:0px;
}
#rightColumn .border_abstand {
	border-bottom:solid #CCCCCC 1px;
	width:100%;
}
#rightColumn strong {
	font-weight: bolder;
	font-size: 14px;
}
#rightColumn a {
	color: red;
	text-decoration: none;
	font-weight: bolder;
	font-size: 10px;
}
#rightColumn a:hover {
	color: black;
	text-decoration: none;
	font-weight: bolder;
	font-size: 10px;
}


#innerLeftColumn {
	padding: 30px 10px 10px 5px;
}

#innerContentColumn, #innerRightColumn {
	padding: 30px 10px 10px 10px;
}

#innerContentColumn a:link, #innerContentColumn a:active, #innerContentColumn a:visited, #innerContentColumn a:hover {font-family: Verdana, Arial, Helvetica, Geneva, Swiss;font-weight:normal; font-size: 10px; font-weight:bold;color:#A81919;text-decoration:underline;}


* html #innerContentColumn {
padding: 30px -60px 10px 0px;

}


#innerLeftColumn .head_14px a:link, #innerLeftColumn .head_14px a:visited, #innerLeftColumn .head_14px a:active, #innerLeftColumn .head_14px a:hover {
	font-weight: bolder;
	font-size: 14px;
}


#innerContentColumn img {
	margin-top:5px;
	padding-bottom:5px;
}
#innerContentColumn div.subtext {
	background-color:#EEEEEE;
	margin-left: -10px;
	margin-right:-10px;
	border-top:solid #CCCCCC 1px;
	border-bottom:solid #CCCCCC 1px;
	padding: 15px;
	margin-bottom:10px;
}


*html #innerContentColumn div.subtext {
	background-color:#EEEEEE;
	margin-right:-12px;
	border-top:solid #CCCCCC 1px;
	border-bottom:solid #CCCCCC 1px;
	padding: 15px;
	margin-bottom:10px;
}




#innerContentColumn div.subtext p strong {
	font-size:14px;
}
#innerContentColumn #imgbox img {
	margin-top:5px;
	margin-left:-10px;
}

* html #innerContentColumn #imgbox img {
	margin-top:5px;
	

}


#innerContentColumn ul {
	
	margin-left:15px;
}

#innerLeftColumn div img {
	margin:0px;
	width:400px;
}


#footer {
	FONT-SIZE: 90%;
	WIDTH: 779px;
	background-image: url(../bilder/footer.jpg);
	background-repeat:no-repeat;
	TEXT-ALIGN: center;
	height:53px;
}
#footer {
	MARGIN: -5.4em 0px 0px 0px;
	POSITION: relative;
}
* HTML #footer {
	MARGIN-TOP: -5.3em;
}




/*---- Anschrift ----*/

#anschrift p {font-size: 9px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss; margin-left:11px;}

#anschrift p a, a:link, a:visited, a:active {font-family: Verdana, Arial, Helvetica, Geneva, Swiss;font-weight:normal; font-size: 9px; color:#A81919;text-decoration:underline;}
#anschrift p a:hover {text-decoration:none;font-weight:normal;}

#hauptnavigation img {padding:0 10px; 0 10px;}


/*---- Hauptnavigation ----*/

#hauptnavigation a, #hauptnavigation a:link, #hauptnavigation a:visited, #hauptnavigation a:active {line-height:22px;text-transform:uppercase;color:#000000;font-weight:bolder;font-size:8pt;text-decoration:none;text-align:center;}
#hauptnavigation a:hover {text-decoration:underline; color:#AA2323}

#hauptnavigation span {border-right: 1px dotted #333333;margin-left:10px;margin-right:10px;}


/*---- Visual Elements ----*/


input  { color: black; font-size: 10px; background-color: white; border: solid 1px #808080; background-color: #eeeeee }
select  { color: black; font-size: 10px; background-color: white; border: solid 1px #808080 }
textarea  { color: black; font-size: 10px; background-color: white; border: solid 1px #808080 }


/*---- Form Styles ----*/

.form input,.form select,.form textarea{
	width:350px; background-color: #eeeeee; color: black; font-size: 10px;
}
.form select{
	height:70px; background-color: #eeeeee; color: black; font-size: 10px;
}
.form textarea{
	height:150px; background-color: #eeeeee; color: black; font-size: 1,5em;
}
input.autoWidth{
	width:auto;
}


/*---- Logo-Leiste ----*/

#logoleiste {
	list-style:none;
	padding-top:10px;
	padding-left:50px;
}
#logoleiste li {
	float:left;
}
#fanatic {
	margin-right:60px;
	display:block;
	background-image: url(../bilder/footer/fanatic.gif);
	background-repeat:none;
	width:99px;
	height:30px;
}
#fanatic:hover {
	background-image: url(../bilder/footer/fanatic1.gif);
}
#ion {
	display:block;
	margin-right:60px;
	margin-top: 8px;
	width:85px;
	height:22px;
	background-image: url(../bilder/footer/north_ion.gif);
}
#ion:hover {
	background-image: url(../bilder/footer/north_ion1.gif);
}
#north_kite {
	display:block;
	width:125px;
	margin-right:60px;
	height:29px;
	background-image: url(../bilder/footer/north_kite.gif);
}
#north_kite:hover {
	background-image: url(../bilder/footer/north_kite1.gif);
}
#north_sails {
	display:block;
	width:33px;
	height:33px;
	background-image: url(../bilder/footer/north_sails.gif);
}
#north_sails:hover {
	background-image: url(../bilder/footer/north_sails1.gif);
}

/*---- Intranet Formular ----*/


#intranet_form span {margin-bottom:2px;}
#intranet_form input {margin-top:3px;}