/****************************
+++ HTML-Standards +++
****************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #c0c0c0;
	margin: 0px;
	padding: 0;
}

h1 {
	font-size: 2em;
	margin: 0 0 0.5em 0;
	color: #032a7d;
	font-weight: normal;
	line-height:1em;
	max-width:450px;
}
h2 {
	font-size: 1.6em;
	margin: 30px 0 0 0;
	line-height:1em;
}
h3 {
	font-size: 1.25em;
	margin: 30px 0 0 0;
	line-height:1em;
}
h4 {
	font-size: 1em;
	margin: 20px 0 0 0;
	line-height:1.1em;
}
.nomargintop {
	margin-top: 0;
}
.content p, .content p {
	margin: 12px 0;
}
.img {
	padding-right: 16px;
}

.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

.rechts {
	float:right;
	padding-left:5px;
}

.links {
	float:left;
	padding-right:5px;
}

.trenner {
	display:block;
	height:1px;
	font-size:1px;
	clear:both;
}

/****************************
+++ Hauptstruktur +++
****************************/
#masthead {
	color: #999999;
	padding: 0px;
	margin: 0;
}

#wrapper {
	width: 950px;
	margin: 0 auto 20px auto;
	background-color: #ffffff;
}

#logo {
	padding:5px 0;
	background:#C0C0C0;
}

#log {
	width:400px;
	float:left;
}

#sprachen {
	width:400px;
	float:right;
	text-align:right;
	font-size:0.8em;
	margin-top:15px;
	color:white;
	padding-right:1em;
}

#sprachen a {
	color:white;
	text-decoration:none;
}
	
#background {
	background: no-repeat;
	min-height:800px;
}
	
#column_wrapper #TopHeader {
	height: 180px;
}

#column_wrapper #Top {
	padding: 10px;
	text-align: right;
	color: #FFFFFF;
	font-size: 0.8em;
}

#column_wrapper #Topprod {
	padding: 10px;
	text-align: right;
	color: #032a7d;
	font-size: 0.8em;
}

#left {
	width: 220px;
	float: left;
	margin-top: 60px;
}

#left .content {
	font-size: 0.75em;
	line-height: 1.5em;
	padding-left: 60px;
}

#right {
	width: 700px;
	float: left;
}

#right .content, #right .inhalt {
	padding: 24px;
	font-size: 0.8em;
	line-height: 1.65em;
	padding-right: 50px;
	padding-top: 100px;
	color: #032a7d;
}

#right .inhalt {
	width:550px;
	padding-right: 0px;
}

#right a:link {
	color: #032a7d;
}

#right a:visited {
	color: #032a7d;
}

#right a:hover {
	color: #CC0000;
}

#masthead .content {
	padding: 12px 16px;
}

#footer {
	color: #032a7d;
	padding: 0px;
	margin: 0;
	font-size: 0.7em;
	clear: both;
}

#footer p {
	margin:0;
	display:inline;
}

#footer .content {
	padding: 12px 24px;
	float:left;
	width:200px;
}

#footer .top {
	width:500px;
	float:right;
	padding: 12px 24px;
	text-align:right;
}

#footer a {
	color: #032a7d;
	text-decoration:none;
}


/****************************
+++ Hauptnavigation +++
****************************/
#hauptnavigation ul {
	list-style:none;
	padding:0;
	margin:0;
	text-align:right;
}

#hauptnavigation a {
	display:block;
	color:white;
	text-decoration:none;
}

#hauptnavigation ul li {
	font-size:13px;
	padding:0;
}

#hauptnavigation ul li a {
	padding:4px 8px 4px 4px;
	background: url(../upload/design/navi-blau.gif) repeat-x 0 0;
	margin-top:5px;
}

#hauptnavigation ul ul li a {
	margin-top: 0px;
}

#hauptnavigation ul li.act a, #hauptnavigation ul li a:hover {
	background: url(../upload/design/navi-pink.gif) repeat-x 0 0;
}

#hauptnavigation ul li.zwei a {
	padding-right:20px;
	background: #357FBD;
}

#hauptnavigation ul li.zwei.act a, #hauptnavigation ul li.zwei a:hover {
	background: #A13ABC;
}

#hauptnavigation ul li.drei a {
	padding-right:32px;
	background: #679ECD;
}

#hauptnavigation ul li.act.drei a, #hauptnavigation ul li.drei a:hover {
	background: #AC6EC6;
}

#hauptnavigation ul li.vier a {
	padding-right: 44px;
	background: #99C0E0;
}

#hauptnavigation ul li.act.vier a, #hauptnavigation ul li.vier a:hover {
	background: #C89ED9;
}


/****************************
+++ Uebersicht +++
****************************/

#uebersicht { 
	margin-top:1em;
}

#uebersicht img {
	border:solid 1px #14264E;
}

#uebersicht .zeile{
	margin-bottom:1em;
}

#uebersicht .bild {
	float:left;
	width:230px;
}

#uebersicht .inhalt {
	padding:0;
}

#uebersicht h1 {
	margin:0 0 0 0;
	padding: 1em 0 0 0;
}


/*
#wrapper #background {
	background-image: url(../upload/design/csswebsiteBkg.jpg);
	background-repeat: no-repeat;
}
#wrapper #background70l {
	background-image: url(../upload/design/70l.jpg);
	background-repeat: no-repeat;
}
#wrapper #background32l {
	background-image: url(../upload/design/32l.jpg);
	background-repeat: no-repeat;
}
#wrapper #background17l {
	background-image: url(../upload/design/17l.jpg);
	background-repeat: no-repeat;
}
#wrapper #background56l {
	background-image: url(../upload/design/56l.jpg);
	background-repeat: no-repeat;
}
#wrapper #background27l {
	background-image: url(../upload/design/27l.jpg);
	background-repeat: no-repeat;
}
#wrapper #background18l {
	background-image: url(../upload/design/18l.jpg);
	background-repeat: no-repeat;
}
#wrapper #backgroundlids {
	background-image: url(../upload/design/lids.jpg);
	background-repeat: no-repeat;
}
#wrapper #backgroundaccessories {
	background-image: url(../upload/design/accessories.jpg);
	background-repeat: no-repeat;
}
*/