/************************************************************************/
/*                              Huerlimann Bier                         */
/************************************************************************/
/*  Reset CSS -> Thanks to Eric A. Meyer */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
    }

:focus {
	outline: 0;
	background-color : #900; /* #cce1ee; */
	color : #000;
    }

body {
	line-height: 1;
	color: #fff;
    }

ol, ul {
	list-style: none;
    }

table {
	border-collapse: separate;
	border-spacing: 0;
    }
    
caption, th, td {
	text-align: left;
	font-weight: normal;
    }

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
    }
    
blockquote, q {
	quotes: "" "";
    }








html {
 	 height : 100%;
	}

body	{
	margin: 0;
	padding: 0;
	font-family: verdana, sans-serif;
	font-size: 12px;
	line-height : 17px;
	background-color: #900;
	color: #fff;
	text-align: center;
	height : 100%;
	}

p {	margin: 2px 0px 15px 0px;}


/*  General pagelayout */

table.wrapper	{
	margin : 0;
	padding : 0;
	width : 100%;
	}

table.wrapper td.wrapper    {
    height : 100%;
    width : 100%;
    text-align : left;
    }

div.site {
	width: 780px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
    }




/************************************************/
/*                     Intro                    */
/************************************************/


div.intro	{
	margin : 150px 0 0 0px;
	padding : 0;
	text-align : center;
	vertical-align : middle;
	}

table.crossmedia	{
	width : 525px;
	margin : 20px auto;
	}

div.intro a	{
	width : 760px;
	height : 100px;
	}
		
div.intro a img {
	height: 100px;
	width: 100%;
	border-width: 0;
	background: top;
	background-repeat: no-repeat;
	}


div.go {
	margin : 35px 0 0 0;
	width : 100%;
	text-align : center;
	}

div.go a img {
	height: 25px;
	border-width: 0;
	background-repeat: no-repeat;
	margin : 0;
	}
	
div.go_hammerbier	{
	margin : 0 auto;
	padding : 0;
	text-align : center;
	}
	
div.go_hammerbier a img	{
	height : 219px;
	border-width : 0;
	background-repeat : no-repeat;
	margin : 50px 0 0 0;
	text-align : center;
	vertical-align : bottom;
	}




a.go_hauptseite img {background-image: url(img/go_hauptseite.gif); width:200px;}
a.go_maennertest img {background-image: url(img/go_maennertest.gif); width:126px;}
a.go_zurueck_maennertest img {background-image: url(img/zurueck_maennertest.gif); width:220px;}
a.go_hammerbier img {background-image: url(img/spruecheklopfen.gif); width:280px;}

a.go_hauptseite:visited img {background-image: url(img/go_hauptseite.gif);}
a.go_maennertest:visited img {background-image: url(img/go_maennertest.gif);}
a.go_zurueck_maennertest:visited img {background-image: url(img/zurueck_maennertest.gif);}
a.go_hammerbier:visited img {background-image: url(img/spruecheklopfen.gif);}

a.go_hauptseite:hover img {background-image: url(img/go_hauptseite_over.gif);}
a.go_maennertest:hover img {background-image: url(img/go_maennertest_over.gif);}
a.go_zurueck_maennertest:hover img {background-image: url(img/zurueck_maennertest_over.gif);}
a.go_hammerbier:hover img {background-image: url(img/spruecheklopfen_startover.gif);}

a.go_hauptseite:active img {background-image: url(img/go_hauptseite_active.gif);}
a.go_maennertest:active img {background-image: url(img/go_maennertest_active.gif);}
a.go_zurueck_maennertest:active img {background-image: url(img/zurueck_maennertest_active.gif);}
a.go_hammberbier:active img {background-image: url(img/spruecheklopfen_startover.gif);}



div.textredirect	{
	margin : 25px 0 0 0;
	text-align : center;
	}



/************************************************/
/*                  Questions                   */
/************************************************/


div.maennertest	{
	width : 350px;
	margin : 0 auto;
	padding : 50px 0 0 0;
	vertical-align : middle;
	}


p.testtitle	{   }

p.testquestion	{
	width : 350px;
	height : 20px;
	margin : 30px 0 0 0;
	padding : 0;
	}

p.testanswer	{
	width : 350px;
	margin : 0;
	padding : 0 0 0 15px;
	font-size : 12px;
	}

input.testanswer	{
	margin-right : 15px;
	}

p.go 	{
	text-align : right;
	}

p.go a img {
	height: 25px;
	border-width: 0;
	background-repeat: no-repeat;
	margin : 0;
	padding : 0 0 50px 0;
	}

input.go {background-image: url(img/go.gif); width:56px; background-repeat:no-repeat;}
input.go:visited {background-image: url(img/go.gif);}
input.go:hover {background-image: url(img/go_over.gif);}
input.go:active {background-image: url(img/go_active.gif);}





/************************************************/
/*                     Header                   */
/************************************************/

div.languages	{
	position : relative;
	height : 30px;
	font-size : 10px;
	text-align : right;
	margin : 0;
	padding : 0 20px;
	background-color : transparent;
	}


div.header {
	position : relative;
	padding : 0;
	margin : 0 auto;
	background-color : transparent;
	height: 100px;
	text-align : left;
	}

img {
	border: 0;
	}

img.logo	{
	margin : 0;
	padding-left : 20px;
	text-align: left;
	}




/************************************************/
/*                 Metanavigatin                */
/************************************************/


div.metanavigation {
	position : relative;
	top : 0px;
	left : 260px;
	width : 510px;
	margin : -55px 0 0 0;
	padding : 0;
	background-color : transparent;
	text-align : left;
	}

div.metanavigation a img {
	height: 25px;
	border-width: 0;
	background-repeat: no-repeat;
	margin : 0;
	padding : 0 20px 0 0;
	}

a.metanavigation1 img {background-image: url(img/metanavigation1.gif); width:71px;}
a.metanavigation2 img {background-image: url(img/metanavigation2.gif); width:67px;}
a.metanavigation3 img {background-image: url(img/metanavigation3.gif); width:95px;}
a.metanavigation4 img {background-image: url(img/metanavigation4.gif); width:130px;}

a.metanavigation1:visited img {background-image: url(img/metanavigation1.gif);}
a.metanavigation2:visited img {background-image: url(img/metanavigation2.gif);}
a.metanavigation3:visited img {background-image: url(img/metanavigation3.gif);}
a.metanavigation4:visited img {background-image: url(img/metanavigation4.gif);}

a.metanavigation1:hover img {background-image: url(img/metanavigation1_over.gif);}
a.metanavigation2:hover img {background-image: url(img/metanavigation2_over.gif);}
a.metanavigation3:hover img {background-image: url(img/metanavigation3_over.gif);}
a.metanavigation4:hover img {background-image: url(img/metanavigation4_over.gif);}

a.metanavigation1:active img {background-image: url(img/metanavigation1_active.gif);}
a.metanavigation2:active img {background-image: url(img/metanavigation2_active.gif);}
a.metanavigation3:active img {background-image: url(img/metanavigation3_active.gif);}
a.metanavigation4:active img {background-image: url(img/metanavigation4_active.gif);}

a.metanavigation1_sel img {background-image: url(img/metanavigation1_active.gif); width:71px;}
a.metanavigation2_sel img {background-image: url(img/metanavigation2_active.gif); width:67px;}
a.metanavigation3_sel img {background-image: url(img/metanavigation3_active.gif); width:95px;}
a.metanavigation4_sel img {background-image: url(img/metanavigation4_active.gif); width:130px;}




/************************************************/
/*                 Navigation                   */
/************************************************/


div.container {
	position:relative;
	width : 100%;
	margin : 90px 0 0 0;
	}


/************************************************/
/*                 Navigation                   */
/************************************************/

div.mainnavigation {
    float : left;
	position : relative;
	width : 210px;
	margin : 0 0 0 20px;
	padding : 0;
	background-color : transparent;
	}

div.mainnavigation p	{
	margin : 0;
	padding : 15px 0 0 0;
	width : 210px;
	height : 20px;
	}

div.mainnavigation p a img {
	height: 20px;
	width: 210px;
	border-width: 0;
	background-color : transparent;
	background-position : top left;
	background-repeat: no-repeat;
	}
		

a.mainrubric2 img {background-image: url(img/mainrubric1.gif);}     /* Aktuelles */
a.mainrubric30 img {background-image: url(img/mainrubric2.gif);}    /* Gewinnspiel */
a.mainrubric20 img {background-image: url(img/mainrubric3.gif);}    /* Hammerbier */
a.mainrubric4 img {background-image: url(img/mainrubric4.gif);}     /* Sortiment */
a.mainrubric5 img {background-image: url(img/mainrubric5.gif);}     /* HŸrlimann Werbung */
a.mainrubric6 img {background-image: url(img/mainrubric6.gif);}     /* Geschichte */
a.mainrubric7 img {background-image: url(img/mainrubric7.gif);}     /* Links */
a.mainrubric8 img {background-image: url(img/mainrubric8.gif);}     /* Events */
a.mainrubric16 img {background-image: url(img/mainrubric9.gif);}    /* Restauranttipps */
a.mainrubric45 img {background-image: url(img/mainrubric45.gif);}   /* Rubelpoker */
a.mainrubric52 img {background-image: url(img/mainrubric52.gif);}   /* Panzerknacker (52> */

a.mainrubric2:visited img {background-image: url(img/mainrubric1.gif);}
a.mainrubric30:visited img {background-image: url(img/mainrubric2.gif);}
a.mainrubric20:visited img {background-image: url(img/mainrubric3.gif);}
a.mainrubric4:visited img {background-image: url(img/mainrubric4.gif);}
a.mainrubric5:visited img {background-image: url(img/mainrubric5.gif);}
a.mainrubric6:visited img {background-image: url(img/mainrubric6.gif);}
a.mainrubric7:visited img {background-image: url(img/mainrubric7.gif);}
a.mainrubric8:visited img {background-image: url(img/mainrubric8.gif);}
a.mainrubric16:visited img {background-image: url(img/mainrubric9.gif);}
a.mainrubric45:visited img {background-image: url(img/mainrubric45.gif);}
a.mainrubric52:visited img {background-image: url(img/mainrubric52.gif);}

a.mainrubric2:hover img {background-image: url(img/mainrubric1_over.gif);}
a.mainrubric30:hover img {background-image: url(img/mainrubric2_over.gif);}
a.mainrubric20:hover img {background-image: url(img/mainrubric3_over.gif);}
a.mainrubric4:hover img {background-image: url(img/mainrubric4_over.gif);}
a.mainrubric5:hover img {background-image: url(img/mainrubric5_over.gif);}
a.mainrubric6:hover img {background-image: url(img/mainrubric6_over.gif);}
a.mainrubric7:hover img {background-image: url(img/mainrubric7_over.gif);}
a.mainrubric8:hover img {background-image: url(img/mainrubric8_over.gif);}
a.mainrubric16:hover img {background-image: url(img/mainrubric9_over.gif);}
a.mainrubric45:hover img {background-image: url(img/mainrubric45_over.gif);}
a.mainrubric52:hover img {background-image: url(img/mainrubric52_over.gif);}

a.mainrubric2:active img {background-image: url(img/mainrubric1_active.gif);}
a.mainrubric30:active img {background-image: url(img/mainrubric2_active.gif);}
a.mainrubric20:active img {background-image: url(img/mainrubric3_active.gif);}
a.mainrubric4:active img {background-image: url(img/mainrubric4_active.gif);}
a.mainrubric5:active img {background-image: url(img/mainrubric5_active.gif);}
a.mainrubric6:active img {background-image: url(img/mainrubric6_active.gif);}
a.mainrubric7:active img {background-image: url(img/mainrubric7_active.gif);}
a.mainrubric8:active img {background-image: url(img/mainrubric8_active.gif);}
a.mainrubric16:active img {background-image: url(img/mainrubric9_active.gif);}
a.mainrubric45:active img {background-image: url(img/mainrubric45_active.gif);}
a.mainrubric52:active img {background-image: url(img/mainrubric52_active.gif);}

a.mainrubric_sel2 img {background-image: url(img/mainrubric1_active.gif);}
a.mainrubric_sel30 img {background-image: url(img/mainrubric2_active.gif);}
a.mainrubric_sel20 img {background-image: url(img/mainrubric3_active.gif);}
a.mainrubric_sel4 img {background-image: url(img/mainrubric4_active.gif);}
a.mainrubric_sel5 img {background-image: url(img/mainrubric5_active.gif);}
a.mainrubric_sel6 img {background-image: url(img/mainrubric6_active.gif);}
a.mainrubric_sel7 img {background-image: url(img/mainrubric7_active.gif);}
a.mainrubric_sel8 img {background-image: url(img/mainrubric8_active.gif);}
a.mainrubric_sel16 img {background-image: url(img/mainrubric9_active.gif);}
a.mainrubric_sel45 img {background-image: url(img/mainrubric45_active.gif);}
a.mainrubric_sel52 img {background-image: url(img/mainrubric52_active.gif);}



div.mainnavigation ul 	{
	list-style : none;
	margin : 0;
	padding : 0;
/* Umrandung Unterrubrik */
	background-color : transparent;
	}

div.mainnavigation ul li a:link, div.mainnavigation ul li a:visited {
	text-decoration : none;
	display : block;
	padding : 4px 3px 2px 30px;
	background-color : transparent;
	font : bold 11px/15px verdana, sans-serif;
	color : #fff;
	}

div.mainnavigation ul li {
	text-decoration : none;
	display : block;
	/* Farbe Linie unterhalb */
	background-color : transparent;
	color : #fff;
	padding : 0 0 1px 0;
	} 

div.mainnavigation ul li.aktiv {
	text-decoration : none;
	display : block;
	padding : 4px 3px 2px 30px;
	background-color : transparent;
	font : bold 11px/15px verdana, sans-serif;
	color : #DA4735;
	}

div.mainnavigation ul li a:hover {
	background-color : transparent;
	color : #000;
	}
	




/************************************************/
/*      General Definition Hyperlinks           */
/************************************************/

a:link	{
	color : #fff;
	text-decoration : underline;
	}

a:visited	{
	color : #F8DAD7;
	text-decoration : underline;
	}

a:hover	{
	color : #000;
	text-decoration : none;
	}


/************************************************/
/*                     Content                  */
/************************************************/


div.contact_content,
div.shop_content,
div.content,
div.contentnocolright	{
    float : left;
    margin-top : 15px;
    color : #fff;
	}
	
div.content	{
    float : left;
	padding : 0 0 0 0;
	width : 300px;
	}
	
div.content p {
	margin : 2px 0 15px 0px;
	}
	
	
div.contentnocolright	{
	padding : 0;
	width : 490px;
	}

h3 	{
	margin : 0 0 25px 0;
	padding : 0;
	font-size : 16px;
	line-height : 22px;
	color : #fff;
	font-weight : bold;
	}


/************************************************/
/*           Content Item Image Floated         */
/************************************************/

div.binderfloating	{
	position:relative;
	clear:left;
 	padding-bottom: 0px;
 	}

p.textfloatleft	{
	width : 295px;
	float : left;
	padding : 0 20px 0 0;
	}



/************************************************/
/*                    E-Cards                   */
/************************************************/

div.contentecards	{
	position : absolute;
	left : 270px;
	margin : 0;
	padding : 0;
	width : 510px;
	}

div.ecarddesc	{
	margin : 0 0 20px 0;
	padding : 0;
	}

div.ecard	{
	padding : 0 10px 0 0;
	float : left;
	text-align : center;
	}
	
div.ecardpreview	{
	padding : 0 10px 0 0;
	float : left;
	text-align : left;
	}


img.ecard	{
	width : 115px;
	border : 1px solid #fff;
	}


img.ecard_preview {
	width : 270px;
	border : 1px solid #fff;
	}

div.ecard p.ecardradio	{
	margin : -5px 0 20px 0;
	padding : 0;
	font-size : 9px;
	}
	
	
div.ecardforms	{
	position : relative;
	clear : both;
	width : 490px;
	}
	
	
input.ecard, textarea.ecard, input.empfang	{
	background : #fff;
	color : #000;
	padding : 3px;
	font: bold 12px/22px verdana, sans-serif;
	line-height: 22px;
	}	

input.ecard	{
	float : right;
	width: 355px;
	}

textarea.ecard {
	margin : 0 0 20px 0;
	float : right;
	height : 105px;
	width: 355px;
	font: normal 12px/22px verdana, sans-serif;
	}		
	
input.empfang	{
	float : right;
	width : 355px;
	}

p.ecard, p.ecardtitle	{
	font-weight : normal;
	font-size : 12px;
	}

p.ecardtitle	{
	font-weight : bold;
	margin : 20px 0 10px 130px;
	padding : 0;
	}

p.small	{
	font-size : 10px;
	}

p.ecardbutton	{
	text-align : right;
	margin : 40px 0 40px 0; 
	padding : 0; 
	float : right;
	}	
	
p.ecardpreviewbutton	{	
	clear : left;
	padding : 50px 0 0 0;
	text-align : left;
	}
	


/************************************************/
/*                  Rubbelpoker                 */
/************************************************/

div.contentrubbelcards	{
	position : absolute;
	left : 270px;
	margin : 0;
	padding : 0;
	width : 510px;
	}



div.rubbelcard_backside,
div.rubbelcard_front  {
    position : absolute;
    top : 155px;
    left : 0;
    margin : 0;
    padding : 0;
    height : 130px;
    z-index : 100;
    }

div.rubbelcard_front  {
    z-index : 200;
    }


div.rubbelcard {
    float : left;
    margin : 0 8px 0 0;
    }
	
img.rubbelcard  {
    width : 92px;
	height: 118px;
    }

/* Win - Lose */

div.win,
div.lose    {
    margin : 180px 0 0 0;
    padding : 0;
    }
    
 
div.win  h3,
div.lose  h3 {    
    margin : 0;
    padding : 0;
    }

div.win h3 {
	text-decoration : blink;
	}

div.win p,
div.lose p  {
    margin : 10px 0 30px 0;
    }


/************************************************/
/*                 Panzerknacker                */
/************************************************/

div.contentnocolright p.start {
    width : 435px;
    height : 370px;
    }

div.contentnocolright p.start a {
    display : block;
    background-image : url(panzerknacker/startbild_panzerknacker.png);
    background-repeat : no-repeat;
    background-position : top left;
    }

div.contentnocolright p.start a:hover {
    background-image : url(panzerknacker/startbild_panzerknacker_over.png);
    }

div.panzerknacker   {
    position : relative;
    }
    
    


/* Play message */

div.play_msg,
div.play_msg_form    {
    position : absolute;
    top : 120px;
    left : 90px;
    z-index : 300;
    width : 300px;
    height : 100px;
    padding : 20px;
    background-color : #fff;
    color : #900;
    border : 1px solid #000;
    filter : alpha(opacity=90);
    -moz-opacity : .90;
    opacity : .90;
    }

div.play_msg h1,
div.win_msg h1 {
    font-size : 20px;
    line-height : 24px;
    }



div.play_msg_form   {
    position : relative;
    top : 0;
    left : 0;
    width : 500px;
    height : 370px;
    }

div.play_msg_form a  {
    color : #900;
    }

div.play_msg_form a:hover   {
    color : #000;
    }

div.play_msg a  {
    color : #900;
    }

div.play_msg a:hover    {
    color : #000;
    }

/* Player Detail */

table.sportclub {
    padding : 10px 0 20px 0;
    font-size : 18px;
    font-weight : bold;
    }

table.sportclub td.club {
    padding-right : 30px;
    }
    
    
 

/************************************************/
/*                 Right Column                 */
/************************************************/


div.rightcolumn	{
    float : right;
    margin : 0;
    padding : 0;
	background-color : transparent;
	color : #fff;
    width: 170px;
	}
	
	
	
img.borderline	{
	border : 1px solid #fff;
	}
	
	
div.rightcolumn	h4 {
	margin : 50px 0 0px 10px;
	font-size : 11px;
	}
	
div.rightcolumn	p {
	font-size : 11px;
	line-height : 15px;
	margin : 5px 0 10px 10px;

	}	
	
	
/************************************************/
/*                Shop / Contact                */
/************************************************/	

div.shop_content table.shop,
div.contact_content table.contact	{
	margin : 0 0 0 0;
	padding: 0;
	width : 490px;
	}

td.shoplead	{
	padding : 0 0 20px 6px;
	font-weight : bold;
	}

td.contactlead	{
	padding : 0 0 20px 0;
	font-weight : bold;
	}




table.shop td.col1,
table.shop td.col2,
table.shop td.col3,
table.shop td.col4,
table.shop td.col4_5,
table.shop td.col5	{
	padding : 2px 6px;
	vertical-align : top;
	}

table.contact td.col1,
table.contact td.col2,
table.contact td.col3,
table.contact td.col4,
table.contact td.col4_5,
table.contact td.col5	{
	padding : 2px;
	vertical-align : top;
	}


td.col1	{
	width : 175px;
	}

td.col2	{
	width : 120px;
	}

td.col4	{
	width : 20px;
	}
	
td.col5 {
	text-align : right;
	}

td.articletitle	{
	font-weight : bold;
	}

td.articledesc	{
	padding : 0 0 20px 0;
	}
	
input.shoparticle	{
	width : 30px;
	padding : 0 2px;
	color : #000;
	font-size : 12px;
	font-weight : bold;
	text-align : center;
	}

hr 	{
	size : 1px;
	width : 100%;
	color : #fff;
	}
	
tr.shoptotal	{
	background-color : #fff;
	color : #990000;
	padding : 2px;
	font-weight : bold;
	}
	
input.addressline	{
	width : 315px;
	margin : 0;
	padding : 2px;
	font-family : verdana, sans-serif;
	font-size : 12px;
	font-weight : bold;
	}
	

textarea.commentarea	{
	width : 315px;
	height : 120px;
	margin : 0;
	padding : 2px;
	font-family : verdana, sans-serif;
	font-size : 12px;
	font-weight : bold;
	}
	
div.contactaddress	{
	position : relative;
	margin : 50px 0 0 0;
	}
	
	
	
	
/************************************************/
/*                     PopUp                    */
/************************************************/
	
div.popupclose {
	width : 100%;
	font-size : 10px;
	background-color : #DA4735;
	padding : 2px;
	text-align : right;
	}
	
	
div.sitepopup	{
	width : 100%;
	height : 100%;
	}
	
div.sitepopup div.container	{	
	text-align : center;
	vertical-align : middle;
	}	
	
	
	
/************************************************/
/*                 PopUp Rezept                 */
/************************************************/
	
table.popupsissi	{
	width : 450px;
	margin : 0;
	padding : 0;
	text-align : left;
	font-size : 11px;
	line-height : 15px;
	}
	
	
table.popupsissi td h3	{
	font-weight : bold;
	font-size : 14px;
	padding : 5px 25px 0 25px;
	}
	
table.popupsissi td p	{
	margin : 0;
	padding : 5px 25px 0 25px;
	}

table.popupsissi td p.desc	{
	margin : 0;
	padding : 15px 25px 0 25px;
	}	
	
td.close	{
	background-color : #DA4735;
	margin : 0;
	padding : 0 5px 0 0;
	color : #fff;
	height : 20px;
	font-size : 10px;
	text-align : right;
	}
	
	
	
/************************************************/
/*                 PopUp Abo                    */
/************************************************/	

table.popupabo	{
	width : 300px;
	margin : 0;
	padding : 0;
	text-align : left;
	font-size : 11px;
	line-height : 15px;
	}

table.popupabo td {
	margin : 0 25px 0 25px;
	}

table.popupabo td input.popupinput	{
	width : 300px;
	margin : 5px 0;
	padding : 2px;
	font-size : 11px;
	font-weight : bold;
	}
	
input.popupsenden	{
	width : 100px;
	text-align : right;
	}
	
/************************************************/
/*                 Error Message                */
/************************************************/	
	
.errormsg	{
	color : yellow;
	text-decoration : blink;	
	}	
	
	
	
	
	
	
/************************************************/
/*                     Gallery                  */
/************************************************/		


div#image_box	{
	width : 490px;
	margin-bottom : 5px;
	}

table.image_gallery	{
	margin : 0;
	padding : 0;
	width : 100%;
	}

td.image_gallery	{
	background-color : transparent;
	color : #fff;
	padding : 10px 0;
	text-align : center;
	vertical-align : middle;
	width : 50%;
	border : 1px solid #DA4735;

	}

div#image_box td.col1	{
	background-color : #7F99B2;
	width : 50%;
	height : 175px;
	text-align : center;
	}
	
div#image_box td.col2	{
	background-color : #7F99B2;
	width : 50%;
	height : 155px;
	text-align : center;
	}
	
	
table.gallerynav	{
	margin : 0;
	padding : 0;
	width : 100%;
	background-color : #fff;
	color : #036;
	font-size : 12px;
	}
	
td.galnav1, td.galnav2, td.galnav3	{
	padding : 2px 5px;
	background-color : #7F99B2;
	}
	
td.image_gallery_l	{
	text-align : left;
	width : 110px;
	}	
	
td.image_gallery_m	{
	text-align : center;
	}	
	
td.image_gallery_r	{
	text-align : right;
	width : 110px;
	}		

div#image_box a:link img	{
	border : 1px solid #fff;	
	}



/************************************************/
/*                   PopUp                      */
/************************************************/
div.container_popup	{
	height : 525px;
	}

#image_box_popup {
	position: absolute;
	top : 40px;
	left : 25px;
	width: 600px;
	height : 500px;
	padding: 0;
	color: #fff;
	background-color : transparent;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	}

div.image_box_popup_title {
	background-color: transparent;
	color: #fff;
	width: 590px;
	padding: 5px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	border-top-width : 1px;
	border-top-style : solid;
	border-top-color : #fff;
	
	}

div.close_popup {
	background-color : #DA4735;
	margin : 0;
	padding : 0 5px 0 0;
	color : yellow;
	height : 20px;
	font-size : 10px;
	text-align : right;
	}

#popupinhalt {
	width : 100%;
	margin : 0;
	padding : 0;
	text-align: center;
	vertical-align: middle;
	background-color: #DA4735;
	border-width: 1px;
	border-color : #DA4735;
	border-style : solid;
	}

div.image_box_popup_img {
	margin-top: 0px;
	width: 100%;
	height : 450px;
	text-align: center;
	vertical-align: middle;
	background-color: transparent;
	border-width: 1px;
	border-color : #DA4735;
	border-style : solid;
	}
		

div.image_box_popup_l, div.image_box_popup_m, div.image_box_popup_r {
	background-color: transparent;
	color: #fff;
	padding: 5px 10px;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : #fff;
	}

div.image_box_popup_m {
	float : left;
	width : 380px;
	text-align : center;
	}	

div.image_box_popup_l {
	float:left;
	width: 80px;
	text-align: left;
	}

div.image_box_popup_r {
	float:left;
	width: 80px;
	text-align: right;
	}
	
	div.win_msg span.errormsg   {
    color : #000;
    text-decoration : blink;
    }   	
    
    
/*** Footer */

div.footer  {
    position : relative;
    width : 760px;
    margin : 0 auto;
    font-size : 11px;
    padding : 80px 0 20px 20px;
    color : #fff;
    }