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

* { padding: 0; margin: 0; }
html {height:100%}
body {font-size: 101%; font-family: Arial, Helvetica, sans-serif; height:100%; text-align: center; }

blockquote {margin-left: 45px}
#space { 
	width:1px;
	height:50%;
	margin-bottom:-320px; /* die hälfte der inhals's höhe */
	float:left;

	}


#around {
	/*margin-left:-450px;
	left:50%;
	top: 50%;
	margin-top: -320px;*/
	width: 910px;
	height: 649px;
	z-index:2;
	margin: 0 auto;
	position:relative; /* hebt den inhalt vor den space  */
	text-align:left;
	clear: left;
	background-image: url(../img/BG_content_schatten.png);
	background-repeat: no-repeat;
	background-position: 0 102px ;
	padding-left:9px
}
* html #around {
	background-image: url(../img/BG_content_schattenIE.gif)
}

#logo {text-align: right;
font-size:37px; color:#757575; padding-bottom:20px; font-weight:bold; width:285px; float:right; text-align:justify; height:68px; margin-right:9px}
* html #logo { margin-right:4px}
#logo .subtitle {font-size:21px; color:#326286;}
#logo a, #logo a:visited {font-size:37px; color:#757575; text-decoration:none}
#logo a:hover {color:#326286}
#topnav {

	height:24px;
	width:auto;
	text-align:right;
	color:#adadad;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	text-transform: uppercase;
	clear:both;
	text-align:center
	
	/*text-shadow: 1px 1px 1px #fff;*/
	
}

#topnav a, #topnav a:visited {color:#adadad; text-decoration:none; display:block; float:left; margin-right:39px}
#topnav a:hover, #topnav a:active {color:#757575; text-decoration:none}
#topnav .on {color:#34638d!important; text-decoration:none}

a.on:link, a.on:visited, a.on:hover, a.on:active {color:#34638d; text-decoration:none}

#main {
	width: 900px;
	height:500px;
	
}
#kollektion2011 {
position:relative;
	width: 900px;
	height:500px;
	overflow-x:auto; 
	overflow-y:hidden

	
}
#taschen {width:4177px}
#taschen img {float:left}




#bild {width:495px;
height:501px; float:left}

#bild02 {width:901px;
height:501px; float:left}

#back {position: relative;
font: normal 0.75em/1em Arial, Helvetica, sans-serif;
color: 686868;
width: 150px;
height:20px;
top: -23px;
margin-left:42px
}
#back a, #back a:visited  {color:#686868; text-decoration:none}
#back a:hover, #back a:active {color:#5b96c4; text-decoration:none}


#kontakt {
	width:380px;
	height:501px;
	float:left;

	font: normal 0.75em/1.3em Arial, Helvetica, sans-serif;
color:#666;
padding: 64px 60px 0 61px}

* html #kontakt {height:427px;}

#kontakt02 {
	width:400px;
	height:501px;
	float:left;
	background-image: url(../img/kontakt02.jpg);
	background-repeat: no-repeat;
	font: normal 0.71em/1.3em Arial, Helvetica, sans-serif;
color: #666666;
padding: 64px 40px 0 61px}

* html #kontakt02 {height:427px;}


#bild h3 {width:400px;
margin: 61px 41px 40px 41px ;
font: bold 0.9em/1.4em Arial, Helvetica, sans-serif;
margin-bottom: 0.8em;
color:#666666
}

#content {width: 350px;
height:379px;
margin: 41px 0 0 0 ;
float:left;
font: normal 0.75em/1.4em Arial, Helvetica, sans-serif;
color: #666666;
background-color:#FFFFFF;
padding: 20px;
}
* html #content {
height:399px;
padding: 20px 20px 0px 20px;
}

#content p, #impressum p, #newsliste p, #kontakt p {margin-bottom: 0.8em}
#content h1, #impressum h1, #newsliste h1, #haendleraround h1, #presseAround h1 {
	margin-bottom: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
}
#content hr, #newsliste hr
{background-color: #d9d9d9; /* Farbe fÜr Opera und Firefox */
color: #d9d9d9; /* Farbe fÜr Internet Explorer (IE) */
border: 0;
height: 1px; 
margin: 18px 0 16px 0}
	*+html #content hr {margin: 0px 0 6px 0}
	* html #content hr {margin: 0px 0 6px 0}
	
	
.medium {font-size:0.92em}
.haftungsaus {font: normal 0.92em/1.25em Arial, Helvetica, sans-serif;}

#haendler {font: normal 0.92em/1.1em Arial, Helvetica, sans-serif; }
#haendler td {padding-top: 16px}
#haendleraround {width: 799px;
height:379px;
margin: 41px 0 0 41px ;
float:left;
font: normal 0.75em/1.4em Arial, Helvetica, sans-serif;
color: #666666;
background-color:#FFFFFF;
padding: 20px 0 20px 20px;
overflow:auto
}
*html #haendleraround {margin: 41px 0 0 21px ; height:379px; width:798px;}

#haendleraround a, #haendleraround a:visited {color:#5b96c4; text-decoration:none}
#haendleraround a:hover, #haendleraround a:active {color:#34638d; text-decoration:none}

#footer {font: normal 0.7em/1em Arial, Helvetica, sans-serif;
padding:8px 0 0 0 ;
text-align:right;
color:#adadad; text-transform: uppercase; margin-right:9px}
#footer a, #footer a:visited {color:#adadad; text-decoration:none}
#footer a:hover, #footer a:active {color:#757575; text-decoration:none}
#footer .on {color:#326286; text-decoration:none}

#impressum {width: 779px;
height:379px;
margin: 41px 0 0 41px ;
float:left;
font: normal 0.75em/1.4em Arial, Helvetica, sans-serif;
color: #666666;
padding: 20px
}
*html #impressum {margin: 41px 0 0 21px ; height:379px; width:778px; overflow:hidden}

#impressum a, #impressum a:visited, #content a, #content a:visited, #presseLeft a, #presseLeft a:visited  {color:#5b96c4; text-decoration:none}
#impressum a:hover, #impressum a:active, #content a:hover, #content a:active, #presseLeft a:hover {color:#34638d; text-decoration:none}

#impLine {height:1px; border-bottom:1px solid #d9d9d9; margin-bottom:15px; padding-top:5px}
* html #impLine {height:1px; border-bottom:1px solid #d9d9d9; margin-bottom:15px; padding-top:0px; margin-top:-10px}

#kollektion {width: 281px;
height:379px;
margin: 60px 0 0 39px ;
float:left;
}

.txtfld { width:238px;
border: 1px solid #cccccc;
font: normal 1em/1.2em Arial, Helvetica, sans-serif;
color: #666;
margin: 2px 0 4px 0;
padding: 3px 0 1px 0;
}
.editor { width:238px;
border: 1px solid #cccccc;
font: normal 1em/1.2em Arial, Helvetica, sans-serif;
color: #5b96c4;
margin: 2px 0 4px 0;
padding: 2px 0 0 0;
}
*+html .editor { width:238px;
border: 1px solid #cccccc;
font: normal 1em/1.2em Arial, Helvetica, sans-serif;
color: #5b96c4;
margin: 2px 0 4px 0;
padding: 2px 0 0 0;
}

.error { width:238px;
border: 1px solid #990000;
font: normal 1em/1.2em Arial, Helvetica, sans-serif;
color: #5b96c4;
margin: 2px 0 4px 0;
padding: 2px 0 0 0;
}
.button { width:240px;
border: 1px solid #cccccc;
font: bold 1em/1.2em Arial, Helvetica, sans-serif;
color: #ffffff;
margin: 6px 0 0 0;
padding: 3px 0 2px 0;
background-color: #326286;
background-image:url(../img/button.jpg);
cursor:pointer
}

/* admin bereich */
.NEWSdatum {font: normal 0.9em/0.7em Arial, Helvetica, sans-serif;
}
#topnavADM {padding-top:85px;
height:27px;
width:901px;
clear:left
}

#topnavADM01 {
width:400px;
font: normal 0.75em/1.4em Arial, Helvetica, sans-serif;
color: #666666;
float:left}

#topnavADM02 {
width:501px;
font: bold 1.2em/1em Arial, Helvetica, sans-serif;
text-align:right;
color:#5b96c4;
float:left;}
.logout {
	width:150px;
	border: 1px solid #cccccc;
	font: bold 1em/1.2em Arial, Helvetica, sans-serif;
	color: #8f6ab1;
	background-color: #a580c7;
	background-image:url(../img/bg_logout.jpg);
	cursor:pointer
}


#newsliste {width: 419px;
height:420px;
margin: 41px 31px 40px 41px ;
float:left;
font: normal 0.75em/1.4em Arial, Helvetica, sans-serif;
color: #666666;
background-color:#FFFFFF;

overflow: auto;
}
* html #newsliste {width: 418px;
height:379px;
margin: 41px 41px 40px 21px ;
float:left;
font: normal 0.75em/1.4em Arial, Helvetica, sans-serif;
color: #666666;
background-color:#FFFFFF;
padding: 20px;
overflow: auto;
}

a.bearbeiten:link, a.bearbeiten:visited {color:#4b8810; text-decoration:none; font-size:0.9em}
a.bearbeiten:hover, a.bearbeiten:active {color:#4b8810; text-decoration:underline; font-size:0.9em}

a.loeschen:link, a.loeschen:visited {color:#34638d; text-decoration:none; font-size:0.9em}
a.loeschen:hover, a.loeschen:active {color:#34638d; text-decoration:underline; font-size:0.9em}

/******* kollektion 2011*/



.caps {
	font-variant: small-caps;
}
.BGkollektion {
	background-image: url(../img/kollektion/BG_kollektion02.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}
.BGfredsbruder {
	background-image: url(../img/BG_fredsbruder.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}
.BGnews {
	background-image: url(../img/BG_news.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}
.BGshopfinder {
	background-image: url(../img/BG_shopfinder.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}
.BGvertrieb {
	background-image: url(../img/BG_vertrieb02.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}
.BGpresse {
	background-image: url(../img/BG_presse.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}
.BGkontakt {
	background-image: url(../img/BG_kontakt.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}

.BGimpressum {	background-image: url(../img/BG_impressum.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-color:#000000}

#presseAround {width:820px; margin:41px 25px 25px 41px; color: #666666; font-size:0.8em; overflow-y:auto; 
	overflow-x:hidden; height:434px;}

#presseLeft {float:left; width:123px; text-align:right; color: #666666; margin-right:15px}
#presseRight {float:left; width:650px;}
#presseSpace {width:auto; height:25px; clear:both}

#LineVertr {width:220px; height:1px; border-bottom:1px dotted #ccc; margin:1px 0 11px 0}