/* @override http://mgk-otterndorf.de/files/style.css */

/* mgk-otterndorf.de */
/* stylesheet 2008 by 
 __                                               ___                          __            
/\ \                                            /'___\              __        /\ \           
\ \ \/'\   __  __  _ __   __  __     __    ___ /\ \__/  _ __    __ /\_\       \_\ \     __   
 \ \ , <  /\ \/\ \/\`'__\/\ \/\ \  /'__`\/' _ `\ \ ,__\/\`'__\/'__`\/\ \      /'_` \  /'__`\ 
  \ \ \\`\\ \ \_\ \ \ \/ \ \ \_/ |/\  __//\ \/\ \ \ \_/\ \ \//\  __/\ \ \  __/\ \L\ \/\  __/ 
   \ \_\ \_\ \____/\ \_\  \ \___/ \ \____\ \_\ \_\ \_\  \ \_\\ \____\\ \_\/\_\ \___,_\ \____\
    \/_/\/_/\/___/  \/_/   \/__/   \/____/\/_/\/_/\/_/   \/_/ \/____/ \/_/\/_/\/__,_ /\/____/
*/

/* @group meyerreset */
/* Global Reset ala Eric 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;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";}
/*Ende Global Reset*/


/* @end */

/* @group global styles */

body { font: 12px Arial, Helvetica, Geneva, sans-serif; text-align: center; line-height: 1.5em; }
.wrap { width: 840px; margin: 10px auto 0;text-align: left; position: relative; }
	a { color: #333; }
	a:hover, .mag { color: #e1007a; }
	strong { font-weight: bold; }
	em { font-style: italic;}
	p { margin-bottom: 1em; }



/* @end */

/* @group Head */
#head { position: relative;  height: 190px; }
	#head h1 a {width: 394px;height: 57px; display: block; background: url(img/logo.gif); text-indent: -555em; position: absolute; right: 0; bottom: 0;}

#offnung { width: 190px;  position:absolute; right: 0; }

/* @end */

/* @group Navigation */

#main_nav, #sec_nav { width: 90px;position: absolute; top: 255px;  }
#main_nav li, #sec_nav li { margin-bottom: 1em; line-height: 1.5em; }
#main_nav a, #sec_nav a { text-decoration: none; display: block;  padding-left: 11px; }
	#main_nav a:hover, #sec_nav a:hover { background: url(img/pfeil.gif) no-repeat 0 4px; color: #666; }
	#main_nav .active a, #sec_nav .active a  { background: url(img/pfeil.gif) no-repeat 0 4px; color: #e1007a; cursor: default;}
	* html #main_nav li a, * html #sec_nav li a { width:90px; }

#main_nav { right: 111px; }

#sec_nav { right: 11px;}
	#sec_nav a { color: #999; }
	#sec_nav a:hover { color: #333; }



/* @end */

/* @group Maincont */
 #main { width: 530px; margin: 72px 0 50px; }


.breitbild .text { width: 190px; float: left; }
.breitbild .bildershow { float: right; width: 315px;  }
.breitbild .paginationstyle { float: right; width: 310px; }

.schmalbild .text { width: 315px ; float: left; }
.schmalbild .bilder { float: right; width: 195px; }

.thickbox img { padding:  0.4em; }

/* @end */

/* @group Aux Boxes Top */

#pos1, #pos2, #pos3  { width: 200px; position: absolute; top: 0; height: 7.5em; overflow: hidden;}
	#pos1 { left: 0; }
	#pos2 { left: 215px; }
	#pos3 { left: 430px; }


h2.render { font-size: 16px; color:#999 ;position: absolute; top: 162px;left: -60px; text-indent: -555em; }


/* @end */

/* @group misc */

/* Clearing Floats ohne extra html */
.clear:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
    }
	
   .clear {display: inline-block;} /* inline-block ist valides css2.1 */

    /* Hides from IE Mac \*/
    * html .clear {height: 1%;}
       .clear {display:block;}
    /* End Hack */


/* @end */

/* @group virtual pagination */
/*Sample CSS used for the Virtual Pagination Demos. slightly modified */

.virtualpage, .virtualpage2, .virtualpage3{
/*hide the broken up pieces of contents until script is called. Remove if desired
display: none;*/
}

.paginationstyle{ /*Style for demo pagination divs*/
width: 250px;
text-align: left;
padding: 2px 0;
margin:  0;
}
 
.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
margin: 0 5px;
text-decoration: none;
color: #999;
background-color: #fff;
font-size: 11px;
line-height: 8px;

}
/*.paginationstyle .flatview a { text-indent: -555em; background-color: #ccc; }*/

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #fff;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}
 
.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: #fff;
}
.bildershow { width: 300px;}


/* @end */