* {
	margin: 0px;
	padding: 0px;
}

html {
	overflow-y: scroll
}

html,
body {
	height:100%;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #410049;
	background-color: #b71d8d;
}

a:link {
	color: #410049;
}
a:visited {
	color: #410049;
}
a:hover {
	color: #DDFFB4;
}
a:active {
	color: #DDFFB4;
}

/*******/
/*extra*/
.imgveroffentlichungen1{float: right;margin-top: 0;}
.imgveroffentlichungen2{float: right;margin-top: -8px;}


/*******************************/
/*           HEADERS           */
/*******************************/

h1 {
	font-size: 100%;
	font-weight: bold;
	line-height: 25px;
}

/*******************************/
/*        WRAPPING DIVS        */
/*******************************/
* {
		padding: 0px;
		margin: 0px;
	}

	#navigation {
		font-family: 'Barlow', sans-serif;
		list-style: none;
	}
	
	#navigation li {
		line-height: 30px;
	}
	
	#navigation li a {
		font-size: 12px;
		line-height: 1;
		color: #c2dd97;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: .1em;
		padding: 8px 10px;
		-o-transition:.3s;
		-ms-transition:.3s;
		-moz-transition:.3s;
		-webkit-transition:.3s;
		transition:.3s;
	}
	
	#navigation li:nth-child(1) a:hover {color: #a974b2;}
	#navigation li:nth-child(2) a:hover {color: #f78a22;}
	#navigation li:nth-child(3) a:hover {color: #6dcff6;}
	#navigation li:nth-child(4) a:hover {color: #b098c8;}
	#navigation li:nth-child(5) a:hover {color: #e6f0ce;}
	#navigation li:nth-child(6) a:hover {color: #f15b24;}
	#navigation li:nth-child(7) a:hover {color: #0094a2;}
	#navigation li:nth-child(8) a:hover {color: #6dcff6;}
	#navigation li:nth-child(9) a:hover {color: #b098c8;}
	#navigation li:nth-child(10) a:hover {color: #a974b2;}
	#navigation-small {
		font-family: 'Barlow', sans-serif;
		list-style: none;
	}
	
	#navigation-small li {
		line-height: 30px;
	}
	
	#navigation-small li a {
		font-size: 14px;
		line-height: 1;
		color: #c2dd97;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: .1em;
		padding: 8px 10px;
		-o-transition:.3s;
		-ms-transition:.3s;
		-moz-transition:.3s;
		-webkit-transition:.3s;
		transition:.3s;
	}
	
	#navigation-small li:nth-child(1) a:hover {color: #e6f0ce;}
	#navigation-small li:nth-child(2) a:hover {color: #e6f0ce;}
	#navmobile{display:none;}
#wrapper {
	position: relative; /* needed for footer positioning*/
	margin: 0 auto;
	width: 800px;
	
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	background-image: url(../images/bck_trans_2.png);
	background-repeat: repeat;
	
	font-size: small;
	line-height: 22px;
	letter-spacing: 1px;
	
	padding-bottom: 65px;
}

#topwrap {
	height: 325px;
}

#bottomwrap {
	height: auto;
}

/*******************************/
/*         OBERE DIVS          */
/*******************************/

#box_topleft {
	height: 300px;
	float: left;
	margin-left: 5px;
}

#box_topright {
	float: right;
	width: 400px;
	height: 300px;
	color: #FF6600;
}

#title {
	width: 800px;
	height: 100px;
}

/*******************************/
/*         UNTERE DIVS         */
/*******************************/

#box_bottomleft {
	width: 355px;
	padding: 10px 10px 10px 5px;
	float: left;
}
#box_bottomleft img {
	padding-left: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#box_bottomright {
	width: 380px;
	padding: 10px 10px 75px 10px;
	margin-left: 380px;
}

#box_bottomright img {
	float: left;
	margin-left: -200px;
	width: 180px;
	height: auto;
}

#box_bottomright li {
	margin-left: 10px;
	list-style-type: none;
}
#box_bottomright li:before {
	content: '-';
	position: absolute;
	margin-left: -10px;
}
     @media only screen and (max-width:720px){
        #box_bottomright{
            width:100%;
            padding:15px;
            float:left;
            margin:0px;
        }
        #box_bottomleft{
            width:100%;
            padding:15px;
        }
        #box_bottomleft img{float:left; max-width:75%!important;};
    }
/*******************************/
/*        FOOTER SETTING       */
/*******************************/

#footer {
	position:absolute;
	height: 85px;
	padding-left: 15px;
	text-align: left;
	bottom:0; /* stick to bottom */
	font-size: small;
}

address {
	font-style: normal;
	font-size: 90%;
	color: #00aeef;
	letter-spacing: 1px;
}

address a:link {
	color: #00aeef;
}
address a:visited {
	color: #00aeef;
}
address a:hover {
	color: #DDFFB4;
}
address a:active {
	color: #DDFFB4;
}

.address_small {
	font-size: x-small;
	line-height: 40px;
}

/*******************************/
/*      NAVIGATION SETTING     */
/*******************************/

#navigation li,
#navigation a {
	height: 30px;
	display: block;
}

#navigation li {
	list-style: none;
}

#nav01,
#nav02,
#nav03,
#nav04,
#nav05,
#nav06,
#nav07,
#nav08,
#nav09,
#nav10,
#nav11 {
	width: 220px;
}

#nav01 a {background-image: url(../images/navi/nav_01.png);}

#nav02 a {background-image: url(../images/navi/nav_02.png);}

#nav03 a {background-image: url(../images/navi/nav_03.png);}

#nav04 a {background-image: url(../images/navi/nav_04.png);}

#nav05 a {background-image: url(../images/navi/nav_05.png);}

#nav06 a {background-image: url(../images/navi/nav_06.png);}

#nav07 a {background-image: url(../images/navi/nav_07.png);}

#nav08 a {background-image: url(../images/navi/nav_08.png);}

#nav09 a {background-image: url(../images/navi/nav_09.png);}

#nav10 a {background-image: url(../images/navi/nav_10.png);}

#nav11 a {background-image: url(../images/navi/nav_11.png);}

#nav01 a:hover {background: url(../images/navi/nav_01.png) 0px -30px;}

#nav02 a:hover {background: url(../images/navi/nav_02.png) 0px -30px;}

#nav03 a:hover {background: url(../images/navi/nav_03.png) 0px -30px;}

#nav04 a:hover {background: url(../images/navi/nav_04.png) 0px -30px;}

#nav05 a:hover {background: url(../images/navi/nav_05.png) 0px -30px;}

#nav06 a:hover {background: url(../images/navi/nav_06.png) 0px -30px;}

#nav07 a:hover {background: url(../images/navi/nav_07.png) 0px -30px;}

#nav08 a:hover {background: url(../images/navi/nav_08.png) 0px -30px;}

#nav09 a:hover {background: url(../images/navi/nav_09.png) 0px -30px;}

#nav10 a:hover {background: url(../images/navi/nav_10.png) 0px -30px;}

#nav11 a:hover {background: url(../images/navi/nav_11.png) 0px -30px;}

/*******************************/
/*    SUBNAVIGATION SETTING    */
/*******************************/

#subnavigation li,
#subnavigation a {
	height: 30px;
	display: block;
}

#subnavigation li {
	list-style: none;
}

#subnav01,
#subnav02,
#subnav03 {
	width: 220px;
}

#subnav01 a {background-image: url(../images/subnavi/subnav_01.png);}

#subnav02 a {background-image: url(../images/subnavi/subnav_02.png);}

#subnav03 a {background-image: url(../images/subnavi/subnav_03.png);}

#subnav01 a:hover {background: url(../images/subnavi/subnav_01.png) 0px -30px;}

#subnav02 a:hover {background: url(../images/subnavi/subnav_02.png) 0px -30px;}

#subnav03 a:hover {background: url(../images/subnavi/subnav_03.png) 0px -30px;}

/*******************************/
/*           CLASSES           */
/*******************************/

.floatright {
	float: right;
	margin-top: 6px;
}

.floatright_2 {
	float: right;
	margin-top: 28px;
}

.imgdwnleftbox {
	padding-left: 8px;
	margin-top: 20px;
	padding-bottom: 10px;
	float: right;
}

#veroeffentlichung_buchcover {
	margin-top: 40px;
}