@charset "UTF-8";
/* CSS Document */

@import url(normal.css);
@import url(nav.css);

/* Layout */

html { text-align:center; }

body {
	margin: 14px;
	font: 62.5% Verdana, Helvetica, Arial, sans-serif;
	color: #003;
	background: white url(/media/div/kar4.png) repeat;
}

div#container {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-top: 4em;
	display: block;
}

div#shopcontainer {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-top: 4em;
	display: block;
}

div#logo {
	width: 108px;
	margin-bottom: 2em;
}

#logo img { border: 1px solid #666666; }

div#kopf { margin-bottom: 4px; }

div#haupt { width: 700px; }

div#shophaupt { width: 920px; }

div#nav {
	float: left;
	width: 110px;
	margin-bottom: 7em;
}

div#inhalt {
	float: right;
	margin-bottom: 7em;
	width: 452px;
	margin-top: 2.8em;
}

div#shopinhalt {
	float: right;
	margin-bottom: 7em;
	width: 763px;
	margin-top: 0em;
}

div#extra {
	margin-top: 4em;
	font-size: 90%;
}

div#info {
	margin-top: 7em;
	margin-bottom: 14px;
	clear: both;
}

div.bild {
	margin-top: 2em;
	margin-bottom: 2em;
}

div.zweisp {
	width: 452px;
}

div.bild2 {
	margin-top: 2em;
	margin-bottom: 2em;
	float: left;
	width: 252px;
}

div.bild2txt {
	float: right;
	width: 188px;
	bottom: 0px;
	height: 100%;
	margin-top: 9em;
	margin-bottom: 2em;
}

.bild img,
.bild2 img,
td img,
div#roll,
div#logo, .bild embed { border: 1px solid #49535E; }

div.bildtabelle {
	margin-top: 2em;
	margin-bottom: 2em;
}

div.bildtabelle2 {
	margin-top: 1em;
	margin-bottom: 1em;
}

div.bildtabelle table,
div.bildtabelle2 table { border: 1px solid #49535E; }

div.verweis {
	padding: 2px 0;
	margin: 1em 0;
	border-bottom: 1px solid #49535E;
	text-transform: uppercase;
	font-size: 1em;
}

/* Text */

p {
	color: #003;
	font-size: 1.2em;
	line-height: 1.7em;
	clear: left;
}

#kopf p,
#info p,
#extra p,
.bild p,
.bildtabelle p,
.bildtabelle2 p,
p.anmerk,
#nav p,
.bild2txt p { line-height: 1.4em; }

#kopf p,
#info p,
.bild p,
.bildtabelle p,
.bildtabelle2 p,
p.anmerk { font-size: 1em; }

.bild p,
.bildtabelle p,
.bildtabelle2 p,
p.anmerk {
	font-style: italic;
	font-weight: normal;
}

.bild p,
.bildtabelle p,
.bildtabelle2 p { margin-top: 4px; }

.bild2txt p { font-size: 1.1em; }

em {
	font-style: italic;
	font-weight: normal;
}

strong {
	font-style: normal;
	font-weight: bold;
}

.titel { font-weight: bold; }

.stark { color: #c03; }

.abstanda { margin-top: 3px; }

.abstandb { margin-top: 1ex; }

.abstandc { margin-top: 1em; }

.abstandd { margin-top: 1.4em; }

.einzug {
	text-indent: 1em;
	margin-top: 1px;
}

.einrueck { margin-left: 200px; }

.einrueck_r {
	margin-left: 130px;
	text-align: right;
}

.intitel {
	border-bottom: 1px dotted #778899;
	padding-bottom: 1px;
}

/*Überschriften*/

h1,
h2,
h3,
h4,
h5,
h6 { color: #003; }

h1,
h2,
h3, h4 { font-weight: bold; }

h1 { font-size: 2.1em; }

h2 { font-size: 1.8em; }

h3 { font-size: 1.4em; }

h4 { font-size: 1.2em; }

h5 { font-size: 1.2em; font-style: italic; }

h6 { }

#kopf h1 {
	color: #ddd;
	font-size:20px;
	font-weight: normal;
}

#nav h2 {
	font-size: 1.2em;
	font-style: italic;
	font-weight: normal;
	margin-top: 12px;
	color: #778899;
}

/* Listen */

#inhalt ul {
	margin-left: 14px;
	list-style: url(/media/div/pfeil7.png) outside;
	font-size: 1.2em;
}

#inhalt ul li { margin: 7px 0; }

#inhalt ul li p {
	font-size: 0.9em;
	margin-top: 3px;
}

#nav ul { }

#nav ul li {
	text-transform: none;
	padding: 2px 0 1px;
	margin: 4px 0;
}

/* Links */

a:link,
a:visited { color: #006; }

a:hover,
a:active { color: #c03; }

#nav ul li a:link,
#nav ul li a:visited,
#info a:link,
#info a:visited,
#kopf a:link,
#kopf a:visited { color: #778899; }

#nav ul li a:hover,
#nav ul li a:active,
#info a:hover,
#info a:active,
#kopf a:hover,
#kopf a:active {
	color: #c03;
	border-style: none;
}

#nav ul li a:hover:after {
	color: #c03;
	content:" \25B8";
	font-size: 1em;
}

a.bestlink:link,
a.bestlink:visited { color:#000000; }

a.bestlink:link:after,
a.bestlink:visited:after {
	content:"\2192";
	font-size: 1.1em;
	color: #778899;
}

/*a.bestlink:link:before,
a.bestlink:visited:before {
	content:"\2192\00A0";
	font-size: 1.4em;
}
*/
a.bestlink:hover,
a.bestlink:active { color:#c03; }

.wichtig,
.wichtig a { color: #c03; }

a:hover,
a:active,
#nav a,
#nav ul li a,
#kopf a,
#info a,
#logo a,
.verweis a,
.bild img a { border-style: none; }

/* Rollovertitelbild */

#roll {
	width: 450px;
}

#roll a {
	background: url(/media/div/geflecht2.png) 0px 0px no-repeat;
	display: block;
	height: 485px;
	width: 450px;
} 

#roll a:hover { background-position: 0px -485px;}

#logo a {
	display:block;
	background:url(/media/div/logo3.png) 0px 0px no-repeat;
	width:108px;
	height:116.5px;
}

#logo a:hover { background-position: 0px -116.5px; }

/*Twitter*/

div#twitter_div {
	border: 1px dotted #ccc;
	margin-bottom: 1em;
	margin-top: 5em;
	width: 100%;
	color: #778899;
}

h2.sidebar-title {
	margin: 4px 4px 0px;
	text-transform: uppercase;
	color: #778899;
	font-size: 1.2em;
}

ul#twitter_update_list {
	margin: 7px 7px 7px 18px;
	list-style: url(none) none outside;
}

#twitter_update_list li {
	font-size: 1em;
	margin-top: 7px;
	margin-bottom: 7px;
	line-height: 1.5em;
	text-indent: -11px;
}

#inhalt ul li:before {
	content:"\25B8\00A0";
	color: #778899;
}

a#twitter-link {
	display: block;
	text-align: right;
	margin: 4px;
	font-size: 1em;
}

ul#twitter_update_list li a, a#twitter-link {
	color: #999;
	text-decoration: none;
}

ul#twitter_update_list li a:hover, a:hover#twitter-link {
	color: #c03;
}