/*------------------------------------------------------------------------
	Suedwestfilm CSS // © Frederic K. Herring 2010 | cmXs
--------------------------------------------------------------------------*/

body {
	width: 100%  !important;
	margin: 0 !important;
	padding: 0 !important;
	background-color: #d7d8d4;
}

html {
	height: 100%;
	margin-bottom: 1px;
}


img {
	border: 0px solid;
	margin: 0px;
	padding: 0px;
}

.high {
	position:relative;
	top: -0.4em;
	font-size: 70%;
	line-height: 0%;
	color: #333333;
}


.iehack {
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 0px;
	clear: both;
}



#stretchbg {
	position: fixed;
	width: 100%;
	z-index: 0; 
	overflow: hidden;
}



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


.container {
	width: 1012px;
	margin-right: auto;
	margin-left: auto;
	z-index: 10;
	position: absolute;
	padding-left: 80px;
}


.innencontainer {
	width: 1012px;
	float: left;
	clear: left;
	z-index: 10;
	padding-bottom: 30px;
	height: 100%;
}


#header {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 0; 
	overflow: hidden; 
}





















/*---------------------- leftside rightside -------------------------------*/


.leftside {
	width: 700px;
	float: left;
	padding-top: 32px;
}

.rightside {
	width: 290px;
	float: right;
	padding-top: 32px;
}





/*---------------------- leftside content -------------------------------*/



/*------- mainnav  ----------*/


.mainnavbox {
	width: 700px;
	float: left;
	overflow: hidden;
	height: 157px;
	clear: left;
}

.mainnav {
	width: 700px;
	float: left;
	overflow: hidden;
	height: 47px;
	clear: left;
}

.mainnav a {
	float: left;
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #000000;
	width: 209px;
	text-decoration: none;
	padding-top: 20px;
	padding-left: 18px;
	padding-bottom: 15px;
	margin-right: 4px;
	-moz-opacity: 0.70;
	opacity: 0.70;
	filter: alpha(opacity = 70);
}

.mainnav a:hover {
	float: left;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #ccbd8c;
	-moz-opacity:0.88;
	opacity:0.88;
	filter: alpha(opacity = 88);
}




/*------- subnav  ----------*/

.subnav {
	width: 700px;
	float: left;
}

.subnav a {
	float: left;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: none;
	padding-top: 5px;
	padding-left: 18px;
	padding-right: 18px;
	padding-bottom: 5px;
	margin-top: 4px;
	margin-right: 4px;
	-moz-opacity:0.60;
	opacity:0.60;
	filter: alpha(opacity = 60);
}

.subnav a:hover {
	float: left;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #6a7d66;
	-moz-opacity:0.88;
	opacity:0.88;
	filter: alpha(opacity = 88);
}



/*------- subsubnav  ----------*/

.subsubnav {
	width: 700px;
	float: left;
	margin-bottom: 20px;
}

.subsubnav a {
	float: left;
	font-family: helvetica, arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: none;
	padding-top: 3px;
	padding-left: 13px;
	padding-right: 13px;
	padding-bottom: 3px;
	margin-top: 4px;
	margin-right: 4px;
	-moz-opacity:0.50;
	opacity:0.50;
	filter: alpha(opacity = 50);
}

.subsubnav a:hover {
	float: left;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #6a7d66;
	-moz-opacity:0.88;
	opacity:0.88;
	filter: alpha(opacity = 88);
}













/*------- artikelbox  ----------*/


.artikelbox {
	float: left;
	clear: left;
	width: 689px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-decoration: none;
	background-image: url(/img/trans50.png);
	background-repeat: repeat;
	margin-top: 30px;
}







/*------- artikel ----------------------------------------------------------------------------------*/

.artikel {
	float: left;
	clear: left;
	width: 689px;
	text-decoration: none;
	background-image: url(/img/trans50.png);
	background-repeat: repeat;
}





.artikel h1 {
	float: left;
	clear: left;
	width: 671px;
	text-decoration: none;
	font-family: helvetica, arial, sans-serif;
	font-size: 21px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ccbd8c;
	padding-top: 18px;
	padding-bottom: 10px;
	padding-left: 18px;
	margin: 0px;
	padding-right: 0px;
}

.artikel h2 {
	float: left;
	clear: left;
	width: 671px;
	text-decoration: none;
	font-family: helvetica, arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
	color: #ccbd8c;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 18px;
	margin: 0px;
	padding-right: 0px;
}



.artikel div.image {
	float: left;
	clear: left;
	padding-left: 18px;
}

.artikel div.image img {
	float: left;
}




.artikel div.copy {
	float: left;
	clear: left;
	width: 600px;
	text-decoration: none;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
	padding-left: 18px;
	padding-top: 8px;
	padding-bottom: 8px;
}


.artikel div.copy a, .artikel div.copy a:visited {
	color: #ffffff;
	text-decoration: underline;
}

.artikel div.copy a:hover {
	color: #ccbd8c;
	text-decoration: none;
}




.artikel div.more {
	float: left;
	clear: left;
	width: 600px;
	text-decoration: none;
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	padding-top: 18px;
	padding-bottom: 14px;
	padding-left: 18px;
}

.artikel div.more a, .artikel div.more a:visited {
	float: left;
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	color: #ccbd8c;
	text-decoration: none;
	text-transform: uppercase;
	background-image: url(/img/more.gif);
	background-position: 0px 3px;
	padding-left: 15px;
	background-repeat: no-repeat;
}

.artikel div.more a:hover {
	color: #ffffff;
	background-position: 0px -20px;
}





/*------- open  ----------*/


.artikel div.open {
	float: left;
	clear: left;
	width: 600px;
	text-decoration: none;
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	padding-top: 18px;
	padding-bottom: 14px;
	padding-left: 18px;
}

.artikel div.open a, .artikel div.open a:visited {
	float: left;
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	color: #ccbd8c;
	text-decoration: none;
	text-transform: uppercase;
	background-image: url(/img/open.gif);
	background-position: 0px 3px;
	padding-left: 15px;
	background-repeat: no-repeat;
}

.artikel div.open a:hover {
	color: #ffffff;
	background-position: 0px -20px;
}







/*------- more2  ----------*/


.artikel div.more2 {
	float: left;
	clear: left;
	width: 200px;
	text-decoration: none;
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	padding-top: 18px;
	padding-bottom: 14px;
	padding-left: 18px;
}

.artikel div.more2 a, .artikel div.more2 a:visited {
	float: left;
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	color: #ccbd8c;
	text-decoration: none;
	text-transform: uppercase;
	background-image: url(/img/more.gif);
	background-position: 0px 3px;
	padding-left: 15px;
	background-repeat: no-repeat;
}

.artikel div.more2 a:hover {
	color: #ffffff;
	background-position: 0px -20px;
}





/*------- artikel preis ----------*/


.artikel div.preis {
	float: left;
	width: 428px;
	text-decoration: none;
	text-align: right;
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	color: #ccbd8c;
	padding-top: 18px;
	padding-bottom: 14px;
	padding-left: 18px;
}
























/*------- artikelgrey  --------------------------------------------------*/


.artikelgrey {
	float: left;
	clear: left;
	width: 689px;
	text-decoration: none;
	text-decoration: none;
	background-image: url(/img/trans50.png);
	background-repeat: repeat;
}





.artikelgrey h1 {
	float: left;
	clear: left;
	width: 671px;
	text-decoration: none;
	font-family: helvetica, arial, sans-serif;
	font-size: 21px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ccbd8c;
	padding-top: 18px;
	padding-bottom: 10px;
	padding-left: 18px;
	margin: 0px;
	padding-right: 0px;
}

.artikelgrey h2 {
	float: left;
	clear: left;
	width: 671px;
	text-decoration: none;
	font-family: helvetica, arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
	color: #ccbd8c;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 18px;
	margin: 0px;
	padding-right: 0px;
}


.artikelgrey div.image {
	float: left;
	clear: left;
	padding-left: 18px;
}

.artikelgrey div.image img {
	float: left;
}


.greyboxpadding {
	float: left;
	width: 671px;
	padding-left: 18px;
	
}

.greybox {
	background-color: #b4b4b4;
	float: left;
	width: 671px;

}


.greyboxpadding2 {
	float: left;
	width: 671px;
	padding-left: 18px;
	padding-bottom: 18px;
	
}

.greybox2 {
	background-color: #b4b4b4;
	float: left;
	width: 671px;

}






/*------- artikelgrey copy ----------*/


.artikelgrey div.copy {
	float: left;
	clear: left;
	width: 630px;
	text-decoration: none;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #0b0b0b;
	padding-left: 18px;
	padding-top: 12px;
	padding-bottom: 12px;
}


.artikelgrey div.copy a, .artikelgrey div.copy a:visited {
	color: #0b0b0b;
	text-decoration: underline;
}

.artikelgrey div.copy a:hover {
	color: #ccbd8c;
	text-decoration: none;
}




.artikelgrey div.copypadding {
	float: left;
	width: 600px;
	padding-top: 10px;
}



/*------- artikelgrey more ----------*/


.artikelgrey div.more {
	float: left;
	clear: left;
	width: 600px;
	text-decoration: none;
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	padding-top: 18px;
	padding-bottom: 14px;
	padding-left: 18px;
}

.artikelgrey div.more a, .artikelgrey div.more a:visited {
	float: left;
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	color: #ccbd8c;
	text-decoration: none;
	text-transform: uppercase;
	background-image: url(/img/more.gif);
	background-position: 0px 3px;
	padding-left: 15px;
	background-repeat: no-repeat;
}

.artikelgrey div.more a:hover {
	color: #ffffff;
	background-position: 0px -20px;
}





/*------- artikelgrey open ----------*/



.artikelgrey div.open {
	float: left;
	clear: left;
	width: 600px;
	text-decoration: none;
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	padding-top: 18px;
	padding-bottom: 14px;
	padding-left: 18px;
}

.artikelgrey div.open a, .artikelgrey div.open a:visited {
	float: left;
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	color: #ccbd8c;
	text-decoration: none;
	text-transform: uppercase;
	background-image: url(/img/open.gif);
	background-position: 0px 3px;
	padding-left: 15px;
	background-repeat: no-repeat;
}

.artikelgrey div.open a:hover {
	color: #ffffff;
	background-position: 0px -20px;
}







/*------- artikelgrey open2 ----------*/


.artikelgrey div.open2 {
	float: left;
	width: 200px;
	text-decoration: none;
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	padding-top: 18px;
	padding-bottom: 14px;
	padding-left: 18px;
}

.artikelgrey div.open2 a, .artikelgrey div.open2 a:visited {
	float: left;
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	color: #ccbd8c;
	text-decoration: none;
	text-transform: uppercase;
	background-image: url(/img/open.gif);
	background-position: 0px 3px;
	padding-left: 15px;
	background-repeat: no-repeat;
}

.artikelgrey div.open2 a:hover {
	color: #ffffff;
	background-position: 0px -20px;
}






/*------- artikelgrey preis ----------*/


.artikelgrey div.preis {
	float: left;
	width: 428px;
	text-decoration: none;
	text-align: right;
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	color: #ccbd8c;
	padding-top: 18px;
	padding-bottom: 14px;
	padding-left: 18px;
}














/*---------------------- rightside content -------------------------------*/


.logo {
	width: 290px;
	height: 47px;
	float: left;
}

.logo img {
	float: left;
}

.logo a {
	width: 290px;
	height: 47px;
	float: left;
	background-image: url(/img/logo.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.logo a:hover {
	width: 290px;
	height: 47px;
	float: left;
	background-image: url(/img/logo.png);
	background-repeat: no-repeat;
	background-position: 0px -47px;
}



.subnav-right {
	width: 290px;
	float: left;
	height: 120px;
}

.subnav-right a {
	float: left;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #000000;
	width: 260px;
	text-decoration: none;
	padding-top: 5px;
	padding-left: 30px;
	padding-bottom: 5px;
	margin-top: 4px;
	-moz-opacity:0.60;
	opacity:0.60;
	filter: alpha(opacity = 60);
}

.subnav-right a:hover {
	float: left;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #ccbd8c;
	-moz-opacity:0.88;
	opacity:0.88;
	filter: alpha(opacity = 88);
}














/*------- infobox  ----------*/


.infobox {
	float: left;
	clear: left;
	width: 290px;
	text-decoration: none;
	background-image: url(/img/trans50.png);
	background-repeat: repeat;
	margin-top: 20px;
}





.infobox h1 {
	float: left;
	clear: left;
	width: 230px;
	text-decoration: none;
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #ccbd8c;
	padding-top: 18px;
	padding-left: 30px;
	margin: 0px;
	padding-right: 0px;
}

.infobox h2 {
	float: left;
	clear: left;
	width: 230px;
	text-decoration: none;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	color: #ccbd8c;
	padding-left: 30px;
	margin: 0px;
	padding-right: 0px;
	padding-top: 12px;
	padding-bottom: 6px;
}



.infobox div.image {
	float: right;
	clear: right;
	padding-left: 30px;
}

.infobox div.image img {
	float: left;
}




.infobox div.copy {
	float: left;
	clear: left;
	text-decoration: none;
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	width: 230px;
	padding-left: 30px;
	padding-top: 10px;
	line-height: 13px;
}

.infobox div.copy a, .infobox div.copy a:visited {
	color: #ffffff;
	text-decoration: underline;
}

.infobox div.copy a:hover {
	color: #ccbd8c;
	text-decoration: none;
}






.infobox div.more {
	float: left;
	clear: left;
	width: 230px;
	text-decoration: none;
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	padding-top: 14px;
	padding-bottom: 15px;
	padding-left: 30px;
	
	
}

.infobox div.more a, .infobox div.more a:visited {
	float: left;
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	color: #ccbd8c;
	text-decoration: none;
	text-transform: uppercase;
	background-image: url(/img/more.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
}

.infobox div.more a:hover {
	color: #ffffff;
	background-position: 0px -20px;
}









/*------- footer  ----------*/


.footer {
	float: left;
	clear: left;
	width: 671px;
	text-decoration: none;
	background-image: url(/img/trans50.png);
	background-repeat: repeat;
	margin-top: 30px;
	font-family: helvetica, arial, sans-serif;
	font-size: 10px;
	line-height: normal;
	color: #e4e4e4;
	padding-left: 18px;
	text-transform: uppercase;
	padding-top: 7px;
	padding-bottom: 6px;
}



.footer a {
	font-family: helvetica, arial, sans-serif;
	font-size: 10px;
	line-height: normal;
	color: #ccbd8c;
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 10px;
}

.footer a:hover {
	font-family: helvetica, arial, sans-serif;
	font-size: 10px;
	line-height: normal;
	color: #FFFFFF;
	text-transform: uppercase;
}

.footer_i {
	float: left;
	width: 200px;
}











/*---------------- inputfields / inputbox / dropdown ----------------*/


.dropdown, .dropdown:visited {
	width: 380px;
	background-color: #696969;
	font-family: "Trebuchet MS", arial;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	height: 20px;
	padding-top: 0px;
	padding-left: 4px;
	margin-bottom: 4px;
	border: 0px;
}



.dropdown:hover {
	width: 380px;
	background-color: #8c8c8c;
	font-family: "Trebuchet MS", arial;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	height: 20px;
	padding-top: 0px;
	padding-left: 4px;
	margin-bottom: 4px;
	border: 0px;
}



.inputbox, .inputbox:visited {
	background-color: #696969;
	width: 380px;
	height: 100px;
	font-family: "Trebuchet MS", arial;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	padding-top: 2px;
	padding-left: 4px;
	margin-bottom: 4px;
	border: 0px;
}


.inputbox:hover {
	background-color: #8c8c8c;
	width: 380px;
	height: 100px;
	font-family: "Trebuchet MS", arial;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	padding-top: 2px;
	padding-left: 4px;
	margin-bottom: 4px;
	border: 0px;
	
}





.inputfield, .inputfield:visited {
	background-color: #696969;
	width: 380px;
	font-family: "Trebuchet MS", arial;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	height: 18px;
	padding-top: 2px;
	padding-left: 4px;
	margin-bottom: 4px;
	border: 0px;
}


.inputfield:hover {	
	width: 380px;
	background-color: #8c8c8c;
	font-family: "Trebuchet MS", arial;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	height: 18px;
	padding-top: 2px;
	padding-left: 4px;
	margin-bottom: 4px;
	border: 0px;
	
}



.senden, .senden:visited {
	width: 100px;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	height: 18px;
	padding-top: 1px;
	padding-left: 4px;
	margin-bottom: 4px;
	background-color: #5d705a;
	cursor: hand;
	margin-top: 5px;
	border: 1px solid #5d705a;
	padding-bottom: 2px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
}


.senden:hover {
	width: 100px;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	height: 18px;
	padding-top: 1px;
	padding-left: 4px;
	margin-bottom: 4px;
	background-color: #ccbd8c;
	cursor: hand;
	margin-top: 5px;
	border: 1px solid #ccbd8c;
	padding-bottom: 2px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
}




.loeschen, .loeschen:visited {
	width: 130px;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	height: 18px;
	padding-top: 1px;
	padding-left: 4px;
	margin-bottom: 4px;
	background-color: #999999;
	cursor: hand;
	margin-top: 5px;
	border: 1px solid #999999;
	padding-bottom: 2px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
}


.loeschen:hover {
	width: 130px;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	height: 18px;
	padding-top: 1px;
	padding-left: 4px;
	margin-bottom: 4px;
	background-color: #ccbd8c;
	cursor: hand;
	margin-top: 5px;
	border: 1px solid #ccbd8c;
	padding-bottom: 2px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
}