/* @override 
	http://localhost:8888/rangenet/wiesmann/web/css/wiesmann.css
	http://localhost:8888/rangenet/wiesmann%20Mai_2008/web/css/wiesmann.css
*/

* {

	margin: 0;
	padding: 0;
}

/* @group regular markup */


body {
	background: #696969 url(../img/body.jpg) repeat-y center;
	font-family: "Trebuchet MS";
	margin: 0 auto;
}

h1, 
h2,
h3,
h4,
h5,
h6,
p,
a,
li
 {
	font-family: Arial, Helvetica, Geneva, sans-serif;
}


h1 {
	color: #007bba;
}


h2 {
	font-size: 20px;
	color: #004fa3;
}



a {
	color: #004587;
	text-decoration: none;
}

a:hover {
	color: #007bba;
}

p {
	color: #333;
	font-size: 13px;
}

img {
	border: none;
	
}

img.end {
	display: inline-block;
/*top: 21px;*/
	/*height: 21px;*/

	width: 21px;

	position: relative;
}

ul {
	list-style-position: outside;
	margin: 0 0 0 42px;
}


table {
	border: 1px solid #666;
	font-size: 12px;
	margin: 0 0 0 20px;
	}

td p {
	width: 100px;
}

td {
	background: #ddd;
	/*border: 1px solid #000;*/
	padding: 5px 0;
}

th {
	background: #ccc;
	padding: 5px 0;
}

li {
	list-style-image: url(../img/list.gif);
}

big {
	background: #eee;
	display: block;
	font-size: 14px;
	font-weight: bold;	
	padding: 5px;
}


.left {
	/*clear: both;*/
	float: left;
}

.right {
	/*clear: both;*/	
	float: right;
}

/* @end */




.breaker{
	clear:both; 
	height:0px; 
	font-size:1px; 
	line-height:1px; 
	overflow:hidden;
		}


div#page{
	background:  url(../img/page.jpg) repeat-y;
	margin: 0 auto;
	height: auto;
	width: 960px;
}


div#page.text {
		background: url(../img/content.gif) repeat-y;

}



/* @group header */




div#header {
	background: url(../img/header.jpg) repeat-y;
	height: 35px;
	line-height: 35px;
	margin: 0 5px;
	width: 950px;

}
 

div#header_left {
	background: url(../img/header.jpg) repeat-y;
	height: 35px;
	line-height: 35px;
	margin: 0 0px 0 5px;
	width: 356px;

}

div#header_right {
	background: url(../img/header.jpg) repeat-y -589px 0px;

	height: 35px;
	line-height: 35px;
	width: 356px;

}



div#header_left a,
div#header_right a,
div#header a {
	color: #fff;
	font-size: 12px;
	float: left;
	display: inline-block;
	font-family: "Trebuchet MS";
	font-weight: normal;
	height: 35px;
	margin: 0 10px 0 10px;
	width: auto;
}

div#header a.impressum{
	display: inline-block;
	float: left;
	margin: 0 0 0 735px;
}

div#header a:hover {
	
}



/* @group navigation */

/* Allgemeine Anweisung */
div#nav {
	background: #fff url(../img/navigation.jpg) no-repeat;
	display: block;

	width: 948px;
}

/* MOS Anweisung */
html > body div#nav {
	border-left: 1px solid #fff ;
	border-right: 1px solid #fff ;
	height: 154px;
	margin: 0 5px;
	width: 948px;
}


/* IE6 Anweisung  */
*html div#nav {
	height: 155px;
	margin: 0 2px 0 3px;	
}

a {behavior: url(iepngfix.htc);}

a.club,
a.treffen,
a.blog,
a.shop,
a.club_on,
a.treffen_on,
a.blog_on,
a.shop_on,
a.galerie,
a.download,
a.links,
a.galerie_on,
a.download_on,
a.links_on,
a.kontakt,
a.kontakt_on {
background: #ccc url(../img/navigation_hover.png);
display: inline-block;
float: left;
height: 56px;
width: 86px;
margin: 0;
z-index: -100;
	
}



/*
a.galerie,
a.download,
a.links,
a.galerie_on,
a.download_on,
a.links_on {
background: #ccc url(../img/navigation_hover.png);
display: inline-block;
float: left;
height: 56px;
width: 116px;
margin: 0;
z-index: -100;
}
*/

/* Club */

a.club, 
a.club_on {
	margin: 0 0 0 13px;
}

a.club {
	background: url(../img/trans.gif) -18px 0;
}

a.club:hover{
	background: url(../img/navigation_hover.png) -18px -59px;

}

a.club_on {
	background: url(../img/navigation_hover.png) -18px -116px;
}


/* Treffen */

a.treffen {
	background: url(../img/trans.gif) -109px 0;
}

a.treffen:hover{
	background: url(../img/navigation_hover.png) -109px -59px;
}

a.treffen_on {
	background: url(../img/navigation_hover.png) -109px -116px;
}


/* Blog */

a.blog {
	background: url(../img/trans.gif) -200px 0;

}

a.blog:hover {
	background: url(../img/navigation_hover.png) -200px -59px;
}

a.blog_on {
	background: url(../img/navigation_hover.png) -200px -116px;
}



/* Shop */

a.shop {
	background: url(../img/trans.gif) -290px 0;

}

a.shop:hover {
	background: url(../img/navigation_hover.png) -290px -59px;
}

a.shop_on {
	background: url(../img/navigation_hover.png) -290px -116px;
}


/* Galerie */

a.galerie {
	background: url(../img/trans.gif) -591px 0;
}

a.galerie:hover {
	background: url(../img/navigation_hover.png) -591px -59px;
}

a.galerie_on {
	background: url(../img/navigation_hover.png) -591px -116px;
}


/* Download */

a.download {
	background: url(../img/trans.gif)  -683px 0;
	margin: 0 0 0 401px;
}

a.download:hover {
	background: url(../img/navigation_hover.png) -683px -59px;
}

a.download_on {
	background: url(../img/navigation_hover.png) -683px -116px;
	margin: 0 0 0 401px;
}


/* Links */

a.links {
	background: url(../img/trans.gif) -775px 0;
}

a.links:hover {
	background: url(../img/navigation_hover.png) -775px -59px;
}

a.links_on {
	background: url(../img/navigation_hover.png) -775px -116px;
}


/* Kontakt */

a.kontakt {
	background: url(../img/trans.gif) -864px 0;
}

a.kontakt:hover {
	background: url(../img/navigation_hover.png) -864px -59px;
}

a.kontakt_on {
	background: url(../img/navigation_hover.png) -864px -116px;
}







/* @end */




div#nav_left{
	background: url(../img/navigation.jpg);
	border-left: 1px solid #fff ;	
	height: 154px;
	margin: 0 0 0 5px;
	width: 356px;
}


div#nav_right{
	background: url(../img/navigation.jpg);
	border-left: 1px solid #fff ;	
	height: 154px;
	margin: 0 0 0 5px;
	width: 356px;
}

div#logo {
	background: #ffd url(../img/logo.jpg);
	display: block;
	height: 189px;
	width: 238px;
	position: relative;
}




/* ########## HEADLINE ########## */

div#headline {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	height: 30px;
	margin: 0 auto;
	width: 948px;
}


/* Allgemeine Anweisung */
div#headline_bild {
	background:  url(../img/headline_bild.jpg) 0 -1px repeat-y;
	display: block;
	height: 33px;
	margin: 0 0 0 3px;	
	width: 948px;	

}

/* MOS Anweisung */
html > body div#headline_bild {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	height: 30px;
	margin: 0 5px;
}




div#headline_bild {
	background: url(../img/headline_bild.jpg) 0 -1px no-repeat;
}


div#headline.text {
	background:  url(../img/headline_text.jpg) 0 -1px repeat-y;
	display: block;
	margin: 0 3;
	
}

html > body  div#headline.text {
	float: left;
	margin: 0 5px;	
}


div#headline_bild h1,
div#headline.text h1{
	color: #fff;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 30px;
	/*height: 33px;*/
	text-transform: uppercase;
	margin: 0 0 0 16px;
	width: 500px;
}




/* @end */

/* @group Content */

div.content {
	display: block;
	margin: 0 5px;
	width: 950px;
}


 div.content.text {
	/*background: url(../img/content.gif) repeat-y;*/
}

div.imgbox {
	border-left: 1px solid #fff ;
	border-right: 1px solid #fff ;
	border-bottom: 1px solid #fff ;
	background: #fff;
	display: block;
	float: left;
	width: 948px;
}


div.end {
	/*background: #000;*/
	clear:both;
	display: block;
	height: 1px;
	overflow: hidden;
	/*margin: 0 auto;*/
	width: 950px;
}

div.shadow {
	background: url(../img/shadow.jpg) no-repeat center 0;
	clear: both;
	display: block;
	height: 18px;
	margin: 0 auto;
	overflow: hidden;
	width: 960px;
}

div.startbox {
	background: url(../img/startbox.jpg) repeat-y;
	border: 1px solid #fff;
	clear: left;
	float: left;
	height: auto;	

	width: 948px;
}

div.startbox h2 {

	display: block;
	margin: 20px;
}

div.startbox p {
	margin: 16px 16px 32px 50px;
}


div.startbox_left {
	background: #ccc;
	float: left;
	width: 422px;
}

div.startbox_right {
	background: #fff;
		float: left;
	width: 526px ;
}


div.textbox {
	background: #fff;
	border-left: 1px solid #fff;
	display: block;
	float: left;
	width: 692px;
}

div.textbox b {
	display: inline-block;
	/*float: left;*/

}

div.textbox p {
	line-height: 21px;
	margin: 16px 0 0 20px;
	padding: 4px 0 0 8px;
	width: 570px;
}

div.textbox p.grau {
	background: #f2f2f2;
}


div.textbox td p {
	width: auto;
	line-height:16px;
}

div.textbox img.border {
	background: #ccc;
	border: 1px solid #666;
	padding: 4px;
	margin: 4px;
	}

div.textbox img.intext {
	
	float: left;
	margin: 4px 8px 4px 4px ;
}

div.textbox h1,
div.textbox h2 {
	margin: 32px 0 16px 17px;	
}

div.textbox h1 {
	border-bottom: 1px solid #666;
	color: #00519e;
	font-size: 20px;
	padding:  0 0 8px 0;
	width: 580px;
}

div.textbox h2 {
	color: #666;
	font-size: 16px;
}

div.textbox a.detail {
	
	background: url(../img/detail.gif) no-repeat 0 center;
	/*float: left;*/
	display: inline-block;
	line-height: 21px;
	height: 21px;
	margin: 0px 0 0px 0px;
	padding: 0 0 0 26px;
	width: auto;
}


div.textbox a.video {
	
	background: url(../img/video.gif) no-repeat 0 center;
	/*float: left;*/
	display: inline-block;
	line-height: 21px;
	height: 19px;
	margin: 0px 0 0px 0px;
	padding: 0 0 0 26px;
	width: auto;
}


div.textbox a.pdf {
	background: url(../img/pdf.gif) no-repeat 0 center;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 26px;
	
	
}


div.textbox a.mail {
	
	background: url(../img/mail.jpg) no-repeat 0 center;
	/*float: left;*/
	display: inline-block;
	line-height: 21px;
	height: 19px;
	margin: 0px 0 0px 0px;
	padding: 0 0 0 35px;
	width: auto;
}

div.linkbox {
	background: #fff;
	margin: 32px 0 16px 17px;	
	line-height: 16px;
	width: 580px;
}

div.linkbox a.name {
font-size: 12px;
text-decoration: underline;
}

div.rightbox a.archiv,
div.textbox a.archiv {
	
	background: url(../img/archiv.gif) no-repeat 0 center;
	float: right;
	display: inline-block;
	line-height: 21px;
	height: 20px;
	margin: 0px 0 0px 0px;
	width: 114px;
}

/* @group form */
form p {clear:both}
label {width:90px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
input, select, textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border:1px solid #19355F; width:70px}
input, textarea {width:200px; padding:2px}


/* @end */

/* Allgemeine Anweisung */
div#rightcol {
	display: block;
	float: right;
	margin: 0 1px 0 0;
	width: 222px;
	
}

/* MOS Anweisung */
html > body div#rightcol {
	margin: 0 20px 0 0 ;
}



/* Allgemeine Anweisung */
div.rightbox {
	display: block;
margin: 16px 15px 0 0;
	width: 222px;
	
}

/* MOS Anweisung */
html > body div.rightbox {
	margin: 16px 18px 16px 0px;
}

div.rightbox h5 {
	background: url(../img/rightbox_h5.jpg);
	color: #fff;
	display: block;
	font-size: 13px;
	height: 32px;
	text-indent: 10px;
	line-height: 32px;
	text-transform: uppercase;
	width: 222px;
}


html > body div.rightbox h5 {
	margin: 10px 20px 0 0;
}


/* Allgemeine Anweisung */
div.rightbox p {
	background: #e2e2e2 url(../img/rightbox_p.jpg) no-repeat;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	clear: both;
	float: left;
	height: auto;
	padding: 8px;
	width:204px;
}

/* MOS Anweisung */
html > body div.rightbox p {
	padding: 8px;	
}

/* Allgemeine Anweisung */
div.rightbox img {
	background: #ccc;
	border: 1px solid #666;
	float: left;
	padding: 4px;
	margin: 5px 0px;
}

/* MOS Anweisung */
html > body div.rightbox img {
		margin:  0 5px 10px 0px;
}



div.rightbox a.ok {	
	background: url(../img/ok.jpg);
	display: block;
	float: right;
	height: 21px;
	width: 114px;
}

div.rightbox a.ok:hover {
	background: url(../img/ok.jpg) 0 -21px;
}



/* @end */

/* @group footer */

div#footer {
	background: #ccc;
	clear:both;
	display: block;
	height: 50px;
	margin: 0 auto;
	width: 950px;
}


/* @end */