﻿/* !!!!!!!!!!! ALLGEMEIN !!!!!!!!!!!! */
* {
	margin: 0;
	padding: 0;
	border: 0px solid;
}
html {
	height: 100%;
	margin-bottom: 1px;
}
body {
	font: 95% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	background: #eef2f4 url('../bilder/background.png') repeat-x 0 0;
}


/* !!!!!!!!!!! SCHRIFTEN !!!!!!!!!!!! */
p, address, caption, td, th, label, input {
	color:#585858;
	font-family: Verdana, Arial, Georgia, sans-serif; 
	font-size:11.0px;
	font-weight:normal; 
	line-height:1.33em;
	margin:0.0px 0.0px 0.0px 0.0px;
	text-align:left; 
}

p span {
	font-weight:bold; 
}

h1 {
	color:#585858;
	font-family: Verdana, Arial, Georgia, sans-serif; 
	font-size:14.0px;
	font-weight:normal; 
	line-height:1.33em;
	margin:0.0px 0.0px 20.0px 0.0px;
	text-align:left; 
}

h1 span {
	color:#FFFFFF;
}

h2 {
	color:#585858;
	font-family: Verdana, Arial, Georgia, sans-serif; 
	font-size:12.0px;
	font-weight:bold; 
	line-height:1.33em;
	margin:0.0px 0.0px 0.0px 0.0px;
	text-align:left; 
}

a:link {color: #7ab51d;}
a:visited {color: #7ab51d;}
a:hover {color: #800000;}
a:active {color: #f98e26;}

a.intern:link, a.intern:visited {
background-image: url('../bilder/link.png');
background-position: 1px 0;
background-repeat: no-repeat;
padding-left: 11px
}
a.intern:hover, a.intern:active, a.intern:focus {
background-image: url('../bilder/link.png');
background-position: 1px 0;
background-repeat: no-repeat;
padding-left: 11px
}

a.intern_nw:link, a.intern_nw:visited {
background-image: url('../bilder/link_nw.gif');
background-position: 1px 0;
background-repeat: no-repeat;
padding-left: 16px
}
a.intern_nw:hover, a.intern_nw:active, a.intern_nw:focus {
background-image: url('../bilder/link_nw.gif');
background-position: 1px 0;
background-repeat: no-repeat;
padding-left: 16px
}
a.extern:link, a.extern:visited {
background-image: url('../bilder/link_extern.png');
background-position: 1px 1px;
background-repeat: no-repeat;
padding-left: 12px
}
a.extern:hover, a.extern:active, a.extern:focus {
background-image: url('../bilder/link_extern.png');
background-position: 1px 1px;
background-repeat: no-repeat;
padding-left: 12px
}
a.extern_nw:link, a.extern_nw:visited {
background-image: url('../bilder/link_extern_nw.gif');
background-position: 1px 1px;
background-repeat: no-repeat;
padding-left: 16px
}
a.extern_nw:hover, a.extern_nw:active, a.extern_nw:focus {
background-image: url('../bilder/link_extern_nw.gif');
background-position: 1px 1px;
background-repeat: no-repeat;
padding-left: 16px
}




#mittelfototext p {
	color:#585858;
	font-family: Helvetica, Arial, Georgia, sans-serif; 
	font-size:26.0px;
	font-weight:normal;
	line-height:1.0em;
	margin:0.0px 0.0px 20.0px 0.0px;
	text-align:left; 
}

#mittelfototext span {
	color:#7ab51d;
	font-family: Verdana, Arial, Georgia, sans-serif; 
	font-size:26.0px;
	font-weight:normal; 
	line-height:1.0em;
	margin:0.0px 0.0px 20.0px 0.0px;
	text-align:left; 
}


/* !!!!!!!!! NAVIGATIONEN !!!!!!!!!! */
#top p {color: #FFFFFF;}

#top a:link {color: #FFFFFF;}
#top a:visited {color: #f98e26;}
#top a:hover {color: #f05024;}
#top a:active {color: #f98e26;}


#menu li {
	display: inline;
	list-style: none;
}


#menua a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Georgia, sans-serif; 
	font-size:18.0px;
	line-height:1.1em;
	padding: 5px 10px 5px 10px;
	background: #5c5353;
}

#menua span {
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Georgia, sans-serif; 
	font-size:18.0px;
	line-height:1.1em;
	color: #FFFFFF;
	padding: 5px 10px 5px 10px;
	background: #f05024 url('../bilder/zeiger-brot.gif') no-repeat 0 0.6em;
}




#menu a {
	display: block;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Georgia, sans-serif; 
	font-size:14.0px;
/*	line-height:0.9em; */
/*	line-height:14px; */
	padding: 5px 10px 5px 10px;
	background: transparent;
}

#menu span {
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Georgia, sans-serif; 
	font-size:14.0px;
/*	line-height:0.9em; */
	color: #585858;
	padding: 5px 10px 5px 10px;
	border-bottom: 1px dotted #FFFFFF;
	background: #7ab51d url('../bilder/zeiger-brot.gif') no-repeat 0 0.6em;
}

#menu a:link, 
#menu a:visited {
	color: #585858;
	background: transparent;
	border-bottom: 1px dotted #FFFFFF;

}
#menu a:hover, 
#menu a:active, 
#menu a:focus {
	color: #FFFFFF;
	background: #7ab51d url('../bilder/zeiger-brot.gif') no-repeat 0 0.6em;
}


#menu .submenu li {
	display: inline;
	list-style: none;
}

#menu .submenu a {
	display: block;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Georgia, sans-serif; 
	font-size:11.0px;
	line-height:0.9em;
	padding: 5px 10px 5px 10px;
	background: #FFFFFF;
}

#menu .submenu span {
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Georgia, sans-serif; 
	font-size:11.0px;
	line-height:0.9em;
	color: #585858;
	padding: 5px 10px 5px 10px;
	border-bottom: 1px dotted #FFFFFF;
	background: #7ab51d url('../bilder/zeiger-brot.gif') no-repeat 0 0.6em;
}

#menu .submenu a:link, 
#menu .submenu a:visited {
	color: #585858;
	background: #FFF;
	border-bottom: 1px dotted #FFFFFF;

}
#menu .submenu a:hover, 
#menu .submenu a:active, 
#menu .submenu a:focus {
	color: #FFFFFF;
	background: #7ab51d url('../bilder/zeiger-brot.gif') no-repeat 0 0.6em;
}



#nebenmenu li {
	display: inline;
	list-style: none;
}

#nebenmenu a {
	display: block;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Georgia, sans-serif; 
	font-size:10.0px;
	line-height:0.8em;
	padding: 5px 10px 5px 10px;
	background: transparent;
}

#nebenmenu span {
	display: block;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Georgia, sans-serif; 
	font-size:10.0px;
	line-height:0.8em;
	color: #585858;
	padding: 5px 10px 5px 10px;
	border-bottom: 1px dotted #FFFFFF;
	background: #7ab51d url('../bilder/zeiger-brot.gif') no-repeat 0 0.6em;
}

#nebenmenu a:link, 
#nebenmenu a:visited {
	color: #585858;
	background: transparent;
	border-bottom: 1px dotted #FFFFFF;

}
#nebenmenu a:hover, 
#nebenmenu a:active, 
#nebenmenu a:focus {
	color: #FFFFFF;
	background: #7ab51d url('../bilder/zeiger-brot.gif') no-repeat 0 0.6em;
}


/* !!!!!!!!! IMAGES KLASSEN !!!!!!!!!! */
.fleft {
	float: left;
	margin: 0px 10px 5px 0;
	border: 2px solid #FFFFFF;
}

.fright {
	float: right;
	margin: 0px 0px 5px 10px;
	border: 2px solid #FFFFFF;
}


/* !!!!!!!!!! IDs !!!!!!!!!! */
#container {
	position: relative;
	width: 950px;
	margin: 0 auto;
	background: transparent url('../bilder/streifen.png') repeat-y 0 0;
}

#top {
/*	text-align: right; */
	width: 950px;
	height: 112px;
	margin: 0 auto;
/*	background: transparent url('../bilder/oben.png') repeat-y 0 0; */
	background: transparent;
}

#logo {
	position:absolute;
	left:14px;
	top:26px;
	width:417px;
	height:55px;
	background: transparent url('../bilder/logo.png') repeat-y 0 0;
	overflow: hidden;
}

#suchfunktion {
	position:absolute;
	left:710px;
	top:44px;
	width:auto;
	height:auto;
/*	background: #999; */
	padding: 0px;
/*	border: 1px dotted black; */
	overflow: hidden;
}
#sprachen {
	position:absolute;
	left:928px;
	top:47px;
	width:22px;
	height:15px;
/*	background: transparent url('../bilder/logo.png') repeat-y 0 0; */
	overflow: hidden;
}

#fotomitte {
	width: 950px;
	height: 154px;
	margin: 0 auto;
/*	background: transparent url('../bilder/fotomitte.png') repeat-y 0 0; */
	background: #FFF
}

#mittelfoto {
	position: absolute;
	top: 114px;
	left: 2px;
	width: 946px;
	height: 150px;
/*	margin: 0 auto; */
	background: transparent;
}

#mittelfototext {
	position: absolute;
	top: 172px;
	left: 22px;
	width: 940px;
	height: 144px;
	background: transparent;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
}

#mittelstreifen {
	width: 950px;
	height: 10px;
	margin: 0 auto;
	background: transparent;
}

#sortimentsstreifen {
	width: 950px;
	height: 77px;
	margin: 0 auto;
	text-align: left;
	background: transparent url('../bilder/rahmen.png') repeat-y 0 0;
}

#slideshow {
	background: transparent;
	padding-left: 40px;
}

#mittelstreifen2 {
	width: 950px;
	height: 42px;
	margin: 0 auto;
	background: transparent;
}

#main {
	width: 950px;
	height: auto;
	margin: 0 auto;
	background: transparent;
}

#menucon {
	float: left;	
	width: 250px;
	height: auto;
	background: transparent;
	text-align: left;
}

#menu {
	width: 150px;
	text-align: left;
}

#nebenmenu {
	width: 150px;
	text-align: left;
}

#content {
	float: left;	
	background: transparent;
	width: 700px;
}

#text1 {
	text-align: left;
	width:690px;
	height:200px;
	padding-right: 90px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:auto;
}

#text2 {
	width:690px;
	height:220px;
	padding-right: 90px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:auto;
}


#text3 {
	width:350px;
	height:auto;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:auto;
}

.logo {
min-height: 49px;
}

.teamheads {
min-height: 122px;
}

.logoref {
min-height: 26px;
background: red;
}

#text4 {
	position: absolute;
	top: 420px;
	left: 665px;
	width:275px;
	height:auto;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:auto;
}

#text5 {
	position: absolute;
	top: 570px;
	left: 665px;
	width:275px;
	height:auto;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:auto;
}

#text6 {
	position: absolute;
	top: 720px;
	left: 665px;
	width:275px;
	height:auto;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:auto;
}

#unten {
	clear: both;
	width: 950px;
	height: 65px;
	margin: 0 auto;
	background: transparent;
}

#copyright {
	width: 950px;
/* 	text-align: left; */
	height: 24px;
	margin: 0px 0px 0px 0px;
	background: transparent;
	margin-right: 0px;
}

#copyright p {
	text-align: center;
	padding-left: 250px;
	padding-right: 110px;
	font-size:10.0px;
	font-family: Helvetica, Arial, Georgia, sans-serif; 
}


/* !!!!!!!!!!!!!!!!!!!!! Tabellen !!!!!!!!!!!! */

#text3 th {
	padding: 1px;
	text-align: right;
	border: 1px solid black;
}
