/* ---------- fonts ---------- */

body, h5, h6, h7, caption, th, td, input, textarea {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #111111;
}
h1, h2 {
	font-size: 14px;
}

h3, h4 {
	font-size: 12px;
}


#content div.csc-header h2 {
	font-weight: bold;
	font-size: 14px;
	color: #767676;
}


/* - - - - - - tags - - - - - -  */
body {
	background: #045d99;
	margin: 0px;
	padding: 0px;
}
h1, h2, h3 {
	/*color: #045d99;*/
	color: #803137;
}
img {
	border: 0px;
}
a {
	text-decoration: none;
}
a:link, a:visited  {
	color: #ffe200;
}

a:hover {
	color: #ffe200;
}
table, tbody {
	width: 100%;
	margin: 16px 0px;
}
td {
	margin: 0px;
	padding: 2px;

}
th {
	background: #eeeeee;
}
th, caption {
	text-align: left;
}
caption {
	color: #666666;
}
th, td {
	vertical-align: top;
	padding: 0.4em;
}

/* ------ position, size, z-index ------ 

	border: 1px solid #00ff00;

#header, #logo, #loginnav, #topnav, #topnav ul, #topnav ul#corporate, #container, #nav, #content {
	position: absolute;
}*/

#header, #logo, #loginnav, #container, #topnav, #nav, #content {
	position: absolute;
}


#header, #container  {
	width: 1005px;
	margin: 0px;
}
#header {
	height: 60px;
	/*background: url(/fileadmin/media/common/flachs.jpg);*/
	background-color: #045d99;
}
#logo {
	top: 0px;
	left: 0px;
	width: 175px;
}
#loginnav {
	top: 10px;
	right: 10px;
	width: 350px;
}
#topnav {
	top: 30px;
	left: 175px;
	height: 30px;
	width: 830px;
}

#topnav ul div {
	top: 0px;
	width: auto;
	*	width: 0px;
/*	*/
}

#container {
	top: 60px;
	left: 0px;
	height: auto;
	* height: 600;
	background: #ffffd4;
}
#nav {
	top: 0px;
	left: 0px;
	width: 175px;
}
#content, #footer{
	position: relative;
}
#content {
	top: 0px;
	left: 205px;
	height: auto;
	min-height: 500px;
	*	height: auto;
	width: 370px;
	font-size: 12px;
		float: left;
}
#rechtespalte {
	top: 0px;
	padding-top: 40px;
	left: 580px;
	height: auto;
	width: 415px;
	float: right;
}
#footer {
	top: 8px;
	left: 240px;
	width: 580px;
}

/* ------ common ------ */

#header, #nav, #container, #topnav {
	margin: 0px;
}

/* ------ loginnav ------ */

#loginnav {
/**/	text-align: right;

}
#loginnav a, #loginnav a:link, #loginnav a:visited  {
/*	display: block;
	float: left;
*/
	padding-left: 12px;
	font-size: 10px;
	font-weight: bold;
}
#loginnav a:hover {
	text-decoration: underline;
}

/* ------ topnav ------ */

#topnav {
	background:  #ffe200;
	padding: 0px;
}

#topnav ul  {
	margin: 4px 16px 0px;
	padding: 0px;
	list-style: none;
	height: 30px;
}
#topnav ul li {
	list-style: none;
	display: block;
	* float: left;/**/
}

#topnav ul div {
	display: inline;
}
#topnav a, #topnav a:link, #topnav a:visited {
	display: block;
	float: left;
	white-space: nowrap;
	padding: 4px 12px;
	color: #045d99;
	text-align: center;
	font-weight: bold;
	height: 24px;
}
#topnav a:hover {
	color: #ffe200;
	background: #045d99;
}
/**/
.corporatemenues {
	position: absolute;
	margin: 0px;
	* margin-top: -25px;
	padding: 0px;
	background: #ffffff;
}
.corporatemenues ul {
	border-bottom: 1px solid #ffe200;
}
#corporate li {
	/*display: inline;*/
	float: left;
}

.corporatemenues a, #corporate ul a {
	display:block;
	/*float: left;*/
	font-weight: normal;
	white-space: nowrap;
	margin: 0px;
	padding: 4px 12px;
	border-bottom: 1px solid #ffe200;
	background: #045d99;
}
.corporatemenues a:link, .corporatemenues a:visited, #corporate ul a:link, #corporate ul a:visited {
	color: #ffe200;
	font-weight: normal;
}
.corporatemenues a:hover, .corporatemenues a:active, #corporate ul a:hover, #corporate ul a:active {
	color: #045d99;
	background: #eeeeee;
}


/* ------ container ------ */


#content {
	margin: 6px 0px;
}
#content ul {
	list-style: square outside;
}
#klickpfad {
	margin: 12px 0px 20px;
	font-size: 11px;
}


#content a:link, #content a:visited, #rechtespalte a:link, #rechtespalte a:visited {
	color: #045d99;
	font-weight: bold;
}

#content a:hover {
	text-decoration: underline;
}

#klickpfad, #klickpfad a, #klickpfad a:link, #klickpfad a:visited {
	color: #999999;
	padding-right: 6px;
	font-weight: normal;
}

#rechtespalte p.bodytext {
	font-size: 12px;
	width: 350px;
}


/* ------ mailform ------ */

#mailform, .csc-mailform, .csc-mailform-field {
	border: 0px;
	padding: 0px;
}
#mailform label {
	display: block;
	width: 130px;
	float: left;
	clear: both;
	/*border-bottom: 1px solid #eeeeee;*/
}
#mailform hr {
	clear: both;
}
#mailform input {
	/*margin: 2px 4px;
	vertical-align: bottom;*/
	margin-bottom: 8px;
	/*border: 1px solid #CCCCCC;*/
	color: #000000;
	padding: 2px;
	margin-left: 0px;
}
#mailform textarea {
	/*vertical-align: top;
	margin: 4px 0px;*/
	margin-bottom: 8px;
	/*border: 1px solid #CCCCCC;*/
	color: #000000;
	padding: 2px;
	margin-left: 0px;
}


#csc-mailform-field, #mailformformtype_mail,  {
	clear: both;
	margin-top: 20px;
}
#mailform .csc-mailform-submit{
	clear: both;
	margin-top: 20px;
	margin-left: 130px;
}


/* ------ nav ------ */

#nav {
	margin: 0px;
	padding: 16 0 0 0;
	background-color: #ffec8f;
}
#nav ul  {
	list-style: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px solid #ffe200;
}
#nav li ul {
	border: 0px;
}
#nav li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

#nav li.products {
/*	padding-bottom: 10px;*/
}
#nav li.related {

	padding-top: 10px;
}
#nav li li {
	font-weight: normal;
	border: 0px;
}
#nav a, #nav a:link, #nav a:visited {
	display: block;
	height: auto;
	margin: 0px;
	padding: 4px 0px 4px 14px;
	/*border-bottom: 1px solid #f6f6f6;*/
	color: #045d99;
	}
#nav a:hover, #nav a:active {
	display: block;
	height: auto;
	background-color: #ffffd4;
	/*border-bottom: 1px solid #f6f6f6;*/
}
#nav li li a:link, #nav li li a:visited {
	color: #333333;
}
#nav li li a:hover {
	color: #045d99;
}
#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover, #nav li li a:active {
	display: list-item;
	padding-left: 28px;
}
#nav li li li a, #nav li li li a:link, #nav li li li a:visited, #nav li li li a:hover, #nav li li li a:active {
	background-image: url(/fileadmin/media/common/bullet1.gif);
	background-repeat: no-repeat;
	background-color: #f9f9f9;
	padding-left: 40px;
}
#nav li li li a:link, #nav li li li a:visited {
	background-color: #fbfbfb;
}
#nav li li li a:hover, #nav li li li a:active {
	background-color: #ffffff;
}

/* ------ footer ------ */
#footer {
	margin: 8px 0px;
	clear: both;
	border-top: 1px solid #ffe200;
}
#footer ul  {
	margin: 0px;
	padding: 2px;
}
#footer li {
	list-style: none;
	display: inline;
	padding: 2px 20px 2px 0px;
}
#footer a:link, #footer a:visited {
	color: #767676;
}
#footer a:hover {
	color: #ffe200;
}



/* ------ classes ------ */

.right {
	float: right;
	margin: 0em 0em 20px 20px;
}
.left {
	float: left;
	margin: 0em 20px 20px 0em;
}

div.left {
	width: 50%;
}
.subline {
	font-weight: bold;
}
.trenner {
	border-top: 1px solid #cccccc;
}

#nav h2 a, #nav h2 a:link, #nav h2 a:visited {
	display:inline;
	background: none;
	padding: 0px;
}

div {
}

.kontaktmenu {
color:green;
display:inline;
}

.kontaktmenu a {
color:green;
display:inline;
}

#topnav .menucurrent {
	color: #ffe200;
	background: #eeeeee;
}
#topnav .menuactive, #topnav .menucurrent a {
	background: #eeeeee;
}
#topnav .menuactive ul a:link, #topnav .menuactive ul a:visited, #topnav .menucurrent ul a:link, #topnav .menucurrent ul a:visited {
	background: #ffffff;
}
#topnav .menuactive ul li a:hover, #topnav .menucurrent ul li a:hover, #topnav .menuactive ul li.menucurrent a:link, #topnav .menuactive ul li.menucurrent a:visited, #topnav .menucurrent ul li.menucurrent a:link, #topnav .menucurrent ul li.menucurrent a:visited {
	background: #eeeeee;
}
#topnav .menuactive a, #topnav .menuactive a:link, 
#topnav .menuactive a:visited, #topnav .menucurrent a:visited {
	color: #ffe200;
	background: #eeeeee;
}

#csc-uploads csc-uploads-1 table {
width: 300px;
}

.shopcart {
background: url(/fileadmin/media/Logos-Icons/cart.gif) 50% no-repeat #dddddd;
width: 26px;
border: 1px solid #999999;
}

.text {
float: left;
margin-right: 6px;
border: 1px solid #999999;
}

#nav li.current li.current a:link, #nav li.current li.current a:visited {
	background-color: #ffffd4;
}

div.shopbuttons input {
* padding: auto 4px;
  margin-right: 4px;
}

div.shopbuttons {
   width: 800px;
}