/*=========================================================================
===========================================================================
Stylesheet:		Internetauftritt Wolf
Agentur:			Norman Rosenke Werbeagentur GmbH
Umsetzung:		Anne Biermanski
===========================================================================
=========================================================================*/


/*=======================================================================*/
/*=========== Allgemeine Styles Grundgerüst =============================*/
/*=======================================================================*/

body {
	margin:0;
	padding:0;
	font-family:Verdana;
	color:#555;
	font-size:12px;
	line-height:15px;
	text-align:center;	
	height:100%;
}

.wide {
	background:url(../gfx/bg_wide.jpg) repeat-y top center;
}

.small {
	background:url(../gfx/bg.jpg) repeat-y top center;
}
	
#all {
	position:relative;
	margin:auto;
	width:962px;
	text-align:left;
	min-height:100%; 
}
	
p {
	margin:5px 0 10px 0;
}

	

/*=======================================================================*/
/*=========== Links =====================================================*/
/*=======================================================================*/

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

a:hover {
	color:#ff0000;
}

.link {
	margin:10px 0 0 0;
	clear:left;
	font-style:italic;
}

.dmslink span {
	float:left;	
}

.dmslink p {
	padding: 0px 0px 0px 15px;
}

.link2 {
	margin:10px 0 0 0;
	font-style:italic;
}

.link span {
	color:#ff0000;
}

	
/*=======================================================================*/
/*=========== Header ====================================================*/
/*=======================================================================*/

/*.bereich {
	float:left;
	margin:10px 0 0 5px;
	font-size:11px;
}*/

.bereich {
	float:left;
	margin:10px 0 0 5px;
	font-size:11px;
	height:20px;
}

.bereich a {	
	color:#8d8b8b;
	text-decoration:none;
	padding:0 8px 0 8px;
}

.bereich a:hover {
	color:#ff0000;
}

.land1 {
	float:left;
	margin:7px 0 0 15px;
}
.land {
	float:left;
	margin:3px 0 0 15px;
}


.land div {
	float:left;
}

.laenderauswahl {
	height:18px;
	font-size:11px;
	background-color:#f1f1f1;
}

/*.hauptnavi {
	float:left;
	margin:102px 0 0 13px;
	font-size:13px;
}*/

.hauptnavi {
	float:left;
	margin:97px 0 0 13px;
	font-size:13px;
}



.hauptnavi a {	
	color:#4d4d4d;
	text-decoration:none;
}
 
.hauptnavi a:hover {
	color:#ff0000;
}

.hauptnavi ul {
	list-style:none;
	margin:0 0 0 0;
	padding:0;
	font-weight:normal;
	width:940px;
}

.hauptnavi li {	
	float:left;
	width:134px;
	text-align:center;
}

.currentPage a{
color:red;
}


/*=======================================================================*/
/*=========== Content ===================================================*/
/*=======================================================================*/

#content {
	float:left;
	width:501px;
	padding:20px 20px 0 21px;
	line-height:17px;
}

#content_wide {
	float:left;
	width:710px;
	padding:20px 20px 0 21px;
	line-height:17px;
}

.bild_fliesstext {
	width:250px;
	float:left;
	margin:4px 0 8px 0;
	font-size:10px;
	font-style:italic;
	color:#8d8b8b;
}

.liste {
	margin:0;	
	padding-bottom:15px;
	border-bottom:1px solid #d3d3d3;
}

.liste h3 {
	font-size:13px;
	color:#555;
	font-weight:bold;
}

.liste_img {
	margin:0;	
	padding-bottom:20px;
	border-bottom:1px solid #d3d3d3;
	min-height:120px;
}

.liste_img img {
	float:left;
	margin:3px 7px 10px 0;
}

.tabelle {
	width:501px;
	margin-top:10px;
	margin-bottom:15px;
	border:1px solid #e9e9e9;
}

.tr_head {
	background-color:#e0e0e0;
}

.td_head {
	padding:8px;
	font-weight:bold;
	vertical-align:top;
}

.tr_middle {
	background-color:#eee;
}

.td_middle {
	padding:8px;
	vertical-align:top;
}

.tabelle a {
	border-bottom:1px solid #8d8b8b;
}



/*=======================================================================*/
/*=========== Headlines =================================================*/
/*=======================================================================*/

h1 {
	font-size:17px;
	color:#e71e00;
	font-weight:normal;
	margin:15px 0 15px 0;
}

h3 {
	font-size:13px;
	color:#555;
	font-weight:bold;
	margin:0 0 5px 0;
}

h4 {
	font-size:13px;
	color:#e71e00;
	font-weight:normal;
	margin:0 0 5px 0;
}


/*=======================================================================*/
/*=========== Navigation ================================================*/
/*=======================================================================*/

#navi {
	float:left;
	width:195px;
	padding:19px 0 0 15px;
}

#navi ul {
	list-style:none;
	margin:0 15px 20px 0;
	padding:0;
	font-weight:normal;
}

#navi li {
	border-top:1px solid #ccc;	
	padding:4px 0 3px 0;
}

#navi img {
	margin:25px 0px 0px 0;
}

#navi ul ul {
	list-style:none;
	margin:4px 0 -3px 0;
	padding:0;
	font-weight:normal;
}

#navi ul ul li {
	border-top:1px solid #ccc;
	background-color:#f3f3f3;
	padding:4px 0 3px 5px;
	font-size:11px;
}

#navi ul ul ul {
	list-style:none;
	margin:3px 0 -3px -5px;
	padding:0;
	font-weight:normal;
}

#navi ul ul ul li {
	border-top:1px solid #ccc;
	background-color:#f8f8f8;
	padding:4px 0 3px 16px;
	font-size:11px;
}


/*=======================================================================*/
/*=========== Sitemap ===================================================*/
/*=======================================================================*/

#sitemap {
	list-style:none;
	margin:25px 0 0 0;
	border:0 none;
	padding:0;
	color:#ff0000;
}

#sitemap li {
	margin-top:2px;
	color:#ff0000;
}

#sitemap ul {
	list-style:none;
	margin:0 0 7px 45px;
	border:0 none;
	padding:0 0 0 0px;
	font-weight:normal;
}
	


/*=======================================================================*/
/*=========== Sitemap ===================================================*/
/*=======================================================================*/

.listen, .simplelisten {
	list-style:none;
	margin:10px 0 0 15px;
	border:0 none;
	padding:0;
}

.simplelisten {
	margin:10px 0 15px 15px;
}

.listen ul {
	list-style:none;
	margin:0 0 7px 45px;
	border:0 none;
	padding:0 0 0 0px;
	font-weight:normal;
}

.listen li {
	margin-top:2px;
	list-style:square;
	color:#d3d3d3;
}

.listen span {
	color:#555;
}



/*=======================================================================*/
/*=========== Infospalte ================================================*/
/*=======================================================================*/

#info {
	float:left;
	width:187px;
	padding:15px 0 0 12px;
}

#info_content_1 {
	margin:0;
	color:#8d8b8b;
}

#info_content_2 {
	margin:0;
	color:#8d8b8b;
}

#info_content_3 {
	margin:0;
	color:#8d8b8b;
}

.infoblock {
	font-size:11px;
	color:#555;
	padding:0;
}

.infoblock h1 {
	margin:4px 0 4px 0;
	font-size:11px;
	color:#555;
	padding-bottom:3px;
	border-bottom:1px dotted #555;
}

.infoblock_link {
	margin:5px 0 35px 0;
	clear:left;
}

.infoblock img{
	margin:3px 5px 5px 0;
	float:left;
}

.infoblock a {	
	font-size:11px;
	color:#555;
	padding:0;
	font-style:italic;
	text-decoration:none;
	border-bottom:1px dotted #555;
}

.infoblock  a:hover {
	color:#ff0000;
	border-bottom:1px dotted #ff0000;
}
	
	

/*=======================================================================*/
/*=========== Formularformatierung ======================================*/
/*=======================================================================*/

input, select, textarea {
	padding:2px 2px 2px 4px;
	font:normal 11px Arial, Verdana, Helvetica, sans-serif;
	color:#9c9c9c;
	border:1px solid #e3e3e3;
	font-size:12px;
}

.suche {
	margin:0;
	width:120px;
	height:14px;
	line-height:19px;
	font-size:12px;
}

.go {
	cursor:pointer;
	color:#9c9c9c;
	border:none;
	margin:0 0 1px 4px;
	padding:0 4px 6px 4px;
	height:20px;
	line-height:10px;
	background:url(../gfx/bg_suchbutton.jpg) no-repeat top center;
	font-size:14px;
	font-weight:bold;
}
	
.go:hover {
	color:#ff0000;
}	
	

/*=======================================================================*/
/*=========== Accordion =================================================*/
/*=======================================================================*/

.accordion, .accordionGroup {
	margin:15px 0 15px 0;
	width:auto;/*502px;*/
}
 
.accordion h2 {
 	margin:0;
	cursor:pointer;
	background:url(../gfx/bg_suchbutton.jpg) no-repeat;
	border-bottom:1px solid #d3d3d3;
	margin:0 0 5px 0;
	padding:2px 3px 5px 7px;
	font-weight:normal;
	font-style:normal;
	font-size:12px;
}

.accordion h2:hover {
	background:url(../gfx/bg_suchbutton.jpg) no-repeat;
	color:#ff0000;
}

.accordion h2 span {
	margin-right:7px;
}

.accordion img {
	float:left;margin:3px 7px 5px -1px;
}


#one, #two, #three, #four, #five, #six, #seven, #eight, #nine, #ten, #eleven, #twelve, #thirteen, #fourteen, #fifteen, 
#sixteen, #seventeen, #eighteen, #nineteen, #twenty, #twentyone, #twentytwo, #twentythree, #twentyfour, #twentyfive, 
#twentysix, #twentyseven, #twentyeight, #twentynine, #thirty {
	margin:0;
	width:495px;
	display:none;
	padding:3px 0 25px 6px;
}

#one_info, #two_info, #three_info, #four_info, #five_info, #six_info, #seven_info, #eight_info, #nine_info, #ten_info, 
#eleven_info, #twelve_info, #thirteen_info, #fourteen_info, #fifteen_info, #sixteen_info, #seventeen_info, #eighteen_info, 
#nineteen_info, #twenty, #twentyone, #twentytwo, _info#twentythree_info, #twentyfour_info, #twentyfive_info, #twentysix_info, 
#twentyseven_info, #twentyeight_info, #twentynine_info, #thirty_info {
	width:502px;
	padding:0 10px 10px 10px;
	margin:0;
}
	
	

/*=======================================================================*/
/*=========== Tabwechsler ===============================================*/
/*=======================================================================*/

.tabberlive .tabbertabhide {
 	display:none;
}

.tabber {
}

.tabberlive {
 	margin-top:0;
}

ul.tabbernav {
	margin:2px 0 0 0;
	padding:8px 0;
	font:normal 10px Verdana, sans-serif;
	text-transform:uppercase;
}

ul.tabbernav li {
	list-style:none;
	margin:0;
	display:inline;
}

ul.tabbernav li a {
	padding:5px 12px 4px 6px;
	border-bottom:none;
	background:#f5f5f5;
	text-decoration:none;
	margin-left:-1px;
}

ul.tabbernav li a:link {  
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:10px;
	font-style:normal;
	color:#9c9c9c; 
	border:1px solid #d3d3d3;
}
	
ul.tabbernav li a:visited {  
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:10px;
	color:#ff0000; 
}

ul.tabbernav li a:hover {
	background:#fff;
	color:#ff0000;
	border:1px solid #d3d3d3;
}

ul.tabbernav li.tabberactive a {
	background-color:#fff;
	color:#ff0000; 
}

ul.tabbernav li.tabberactive a:hover {
	background:white;
	border-bottom:1px solid #d3d3d3;
}

.tabberlive .tabbertab {
	padding:5px 3px 0 1px;
	border-top:0;
}

.tabberlive .tabbertab h2 {
	display:none;
}

.tabberlive .tabbertab h3 {
	display:none;
}

.tabberlive#tab1 {
}

.tabberlive#tab2 {
}

.tabberlive#tab2 .tabbertab {
	height:200px;
	overflow:auto;
}




/*=======================================================================*/
/*=========== Formular ==================================================*/
/*=======================================================================*/

.formular form {
	width:501px;
	padding:0 5px 0 0;
	margin:25px 0 50px 0;
	color:#6e6e6e;
}

.formular h4 {
	float:left;
	text-align:left;
	width:120px;
	margin-right:10px;
	margin-top:9px;
	font-weight:normal;
	clear:left;
	color:#555;
}

.formular select {
	margin-top:5px;
}

.linie {
	clear:all;
	margin:30px 0 25px 0;
	border-bottom:1px solid #d3d3d3;
}

.linie2 {
	clear:all;
	margin:37px 0 0 0;
	border-bottom:1px solid #d3d3d3;	
}

.linie3 {
	clear:all;
	margin:10px 0 7px 0;
	border-bottom:1px solid #d3d3d3;	
}

.linie4 {
	clear:all;
	margin:10px 0 2px 0;
	border-bottom:1px solid #d3d3d3;	
}

.linie5 {
	clear:all;
	margin:50px 0 20px 0;
	border-bottom:1px solid #d3d3d3;
}

.formular input {
	margin-top:9px;
	padding:3px 2px 2px 4px;
	width:300px;
}

.pflicht {
	margin-top:5px;
	padding:3px 2px 2px 4px;
	width:300px;
	border:1px solid #d3d3d3;
	background-color:#f5f5f5;
}

.formular textarea {
	margin:12px 0 5px 0;
	width:321px;
}

.send_reset_1 {
	cursor:pointer;
	width:100px;
	background-color:#e2e1e1;
	color:#9c9c9c;
	border:none;
	float:right;
	margin-right:1px;
	padding:2px 4px 2px 3px;
}

.send_reset_2 {
	cursor:pointer;
	width:100px;
	background-color:#e2e1e1;
	color:#9c9c9c;
	border:none;
	margin:0 0 0 2px;
	padding:1px 4px 2px 3px;
	height:21px;
}

.formular2 h4 {
	float:left;
	text-align:left;
	width:190px;
	margin-right:10px;
	margin-top:11px;
	font-weight:normal;
	clear:left;
	color:#555;
}

.formular2 .input2 {
	margin:9px 15px 0 0;
	padding:3px 2px 2px 4px;
	width:100px;
}




/*=======================================================================*/
/*=========== Subnavigation =============================================*/
/*=======================================================================*/

.subnavi {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	text-align:center;
	margin:0;
	padding-top:80px;
	padding-bottom:15px;
	font-size:10px;
}

.subnavi a {	
	color:#b2b2b2;
	text-decoration:none;
	margin-top:30px;
	padding:0 12px 0 12px;
	border-right:1px solid #ddd;
}

.subnavi a:hover {
	color:#8d8b8b;
}




	

/*=======================================================================*/
/*=========== Template Trenner ==========================================*/
/*=======================================================================*/

.TemplateTrenner1 {
	clear:left;	
	border-bottom:2px solid green;
	color:green;
	font-weight:bold;
	margin:10px 0 20px 0;
}

.TemplateTrenner {
	clear:left;	
	border-bottom:2px solid green;
	color:green;
	font-weight:bold;
	margin:80px 0 20px 0;
}


.landerauswahl {
	 margin: 5px 0 0 5px;
    padding: 0;
    width:auto;
    height:20px;
    background:orange;
	}

#language {
	float:left;
	font-size:13px;
	list-style: none outside none;
    margin: 5px 0 0 5px;
    padding: 0;
}


#language ul {
	list-style:none;
	margin:0 0 0 0;
	padding:0;
	font-weight:normal;
	width:120px;
}

#language li {	
	float:left;
	text-align:center;
	background:none;
	/*border:1px solid yellow;*/
	margin:0px 10px 0px 0px;
	padding:0;
}


#language ul a {
    color: #CCCCCC;
    text-decoration: none;
}


#flag_deutschland_active a, #flag_deutschland a:hover, #flag_deutschland_active a:hover {
	background: url("../gfx/flag/aktiv/deutschland.png")  no-repeat scroll 0 0 transparent;
	height:20px;
	width:20px;
	float:left;
}

#flag_england_active a, #flag_england a:hover, #flag_england_active a:hover {
	background: url("../gfx/flag/aktiv/england.png")  no-repeat scroll 0 0 transparent;
	height:20px;
	width:20px;
	float:left;
}

#flag_frankreich_active a, #flag_frankreich a:hover, #flag_frankreich_active a:hover {
	background: url("../gfx/flag/aktiv/frankreich.png")  no-repeat scroll 0 0 transparent;
	height:20px;
	width:20px;
	float:left;
}

#flag_niederlande_active a, #flag_niederlande a:hover, #flag_niederlande_active a:hover {
	background: url("../gfx/flag/aktiv/niederlande.png")  no-repeat scroll 0 0 transparent;
	height:20px;
	width:20px;
	float:left;
}
#flag_spanien_active a, #flag_spanien a:hover, #flag_spanien_active a:hover {
	background: url("../gfx/flag/aktiv/spanien.png")  no-repeat scroll 0 0 transparent;
	height:20px;
	width:20px;
	float:left;
}

#flag_deutschland a {
	background: url("../gfx/flag/inaktiv/deutschland.png")  no-repeat scroll 0 0 transparent;
	height:20px;
	width:20px;
	float:left;
}

#flag_england  a {
	background: url("../gfx/flag/inaktiv/england.png")  no-repeat scroll 0 0 transparent;
	height:20px;
	width:20px;
	float:left;
}

#flag_frankreich a {
	background: url("../gfx/flag/inaktiv/frankreich.png")  no-repeat scroll 0 0 transparent;
	height:20px;
	width:20px;
	float:left;
}

#flag_niederlande a {
	background: url("../gfx/flag/inaktiv/niederlande.png")  no-repeat scroll 0 0 transparent;
	height:20px;
	width:20px;
	float:left;
}

#flag_spanien a {
	background: url("../gfx/flag/inaktiv/spanien.png")  no-repeat scroll 0 0 transparent;
	height:20px;
	width:20px;
	float:left;
}