/*Copyright 2007 goP.I.P. All rights reserved*/

/*gopip.de Joomla Template*/

/*Template von Rene Wandel info@gopip.de*/

/*www.gopip.de Webdesign auf Usedom*/



/* CSS Document */



body{

	margin: 0px;

	padding: 30px;

	background-color: #000;

	font-family: Arial,Verdana,Helvetica,sans-serif;

	color: #666666;

	font-size: 85%;

	line-height: 1.3em;

}



p{

	line-height: 140%;

	margin: 1px;

	padding: 1px;

}



h1{

	color: #6495ED;

	font-size: 190%;

	line-height: 120%;

	border-bottom: 1px dotted #6495ED;

}



h2{

	color: #2E8B57;

	font-size: 170%;

	line-height: 120%;

}



h3{

	color: #E8C600;

	font-size: 150%;

	line-height: 120%;

}



h4{

	color: #6495ED;

	font-size: 130%;

	line-height: 120%;

}



h5{

	color: #2F8C57;

	font-size: 110%;

	line-height: 120%;

	border-bottom: 1px solid #2F8C57;

}



h6{

	color: #3CB371;

	font-size: 90%;

	line-height: 120%;

	border-bottom: 1px dotted #3CB371;

}



a {

	color: #CCAE00;

	text-decoration: underline;

}



a:hover, a:active {

	color: #1E90FF;

	text-decoration: underline;

}



li, ul, ol {

list-style-image: url(../images/list_bullet_orange.png);

line-height: 140%;

}





/* TOPFRAME */



.clr{

	clear: both;

}



#container{

	width: 100%;

	margin: 0px;

	padding: 0px;

	text-align: left;


}



#container_1{

	background-image: url(../images/mr.png);

	background-repeat: repeat-y;

	background-position: right;

	width: 100%;

	margin: 0px;

	padding: 0px;

}



#top{

	padding: 0px;

	margin: 0px;
	background-color:#000;

	height: 120px;

}
img.headerlogo{
	width:100%
	}


#top_left{

	margin: 0px;

	padding: 0px;


	height: 120px;

	width: 32px;

	float: left;

}



#top_middle{

	position: absolute;

}



#top_middle_inner{

	padding: 20px 40px 0px 30px ;

	margin: 0px;
	height:60px;

}



#top_middle_inner h1 a {

	display: block;

	float: none;

	text-indent: -5000em;

	text-decoration: none;

	padding: 0px;

	margin: 0px;

	height: 59px;

	width: 309px;

	background: url(../images/logo.png) no-repeat center top;

}



#top_middle_inner_banner{



}



#top_right{

	margin: 0px;

	padding: 0px;


	height: 120px;

	width: 32px;

	float: right;

}



/* TOPNAVIGATION */



#topnav{

	margin: 0px 0px 5px 0px;

	padding: 0px 17px 0px 17px;

	background-color: #000;

}



#topnav_inner{

	background-color: #000;

	width: 100%;

	height: 40px;

	text-align: left;

}



ul#mainlevel-nav{

	list-style: none;

	padding: 0;

	margin: 0;

	font-size: 0.8em;

}



ul#mainlevel-nav li{

	background-image: none;

	padding-left: 0px;

	padding-right: 0px;

	float: left;

	margin: 0;

	font-size: 12px;

	line-height: 30px;

	white-space: nowrap;

	border-right: 1px solid #FFFFFF;

	list-style: none;

}



ul#mainlevel-nav li a{

	display: block;

	padding-left: 15px;

	padding-right: 15px;

	text-decoration: none;

	color: #FFFFFF;

	background-image: url(../images/top_nav_bg.png);

	background-repeat: repeat-x;

	background-color: #FFA500;

	font-weight: bold;

}



ul#mainlevel-nav li a:hover{

	color: #FFFFFF;

	background-image: url(../images/top_nav_hover_bg.png);

	background-repeat: repeat-x;

	background-color: #6385E6;

	font-weight: bold;

}



/* MIDDLEFRAME */



#middle{

	padding: 0px;

	margin: 0px;

}



#middle_left{

	padding: 0px;

	margin: 0px;

   width: 22%;

	float: left;

}



#middle_left_inner{

	padding: 0px 0px 0px 0px;

	margin: 10px 5px 10px 25px;

}



#middle_content{

	padding: 0px;

	margin: 0px;

	width: 100%;

	float: right;

}



#middle_content_inner{

	padding: 0px 0px 0px 0px;

	margin: 10px 25px 10px 5px;

}



/* BOTTOMFRAME */



#bottom{

	padding: 0px;

	margin: 0px;



	height: 120px;

}



#bottom_left{

	margin: 0px;

	padding: 0px;


	width: 32px;

	height: 120px;

	float: left;

}

img.footerlogo{
	width:100%;
	
	}

#bottom_middle{

	position: absolute;

}



#bottom_right{

	margin: 0px;

	padding: 0px;


	width: 32px;

	float: right;

	height: 120px;

}



/*  Modulstyle  */



div.module h3, div.moduletable h3 {

	margin: 1px 0px 1px 0px;

	padding: 4px;

	font-size: 0.9em;

	text-transform: uppercase;

	text-align: center;

	color: #FFFFFF;

	border: 1px solid #DADADA;

	border-bottom: 3px solid #DADADA;

	background-image: url(../images/top_nav_hover_bg.png);

	background-repeat: repeat-x;

	background-color: #F4F4F4;

}



div.module{

	border: 1px solid #DADADA;

	margin: 10px 3px 10px 3px;

	padding: 4px;

}



/* MAINLEVEL DEFAULT */



a.mainlevel {

	padding: 4px 3px 5px 20px;

	margin: 2px 0px 2px 2px;

	display: block;

	color: #545454;

	font-size: 0.9em;

	text-decoration: none;

	border-bottom: 1px solid #CCCCCC;

	background-image: url(../images/navi.png);

	background-repeat: no-repeat;

	background-position: left;

}



a.mainlevel:hover,a.mainlevel:active,a.mainlevel:focus {

	color: #1E90FF;

	text-decoration: none;

	background-image: url(../images/navi_hver.png);

	background-repeat: no-repeat;

	background-position: left;

}



a.mainlevel#active_menu {

	color: #1E90FF;

	font-weight: bold;

	text-decoration: none;

	background-image: url(../images/navi_hver.png);

	background-repeat: no-repeat;

	background-position: left;

}



a.sublevel {

	padding: 4px 3px 5px 20px;

	margin: 0px 0px 0px 10px;

	display: block;

	color: #545454;

	border-bottom: 1px solid #CCCCCC;

	text-decoration: none;

	background-image: url(../images/navi.png);

	background-repeat: no-repeat;

	background-position: left;

}



a.sublevel:hover,a.sublevel:active,a.sublevel:focus {

	color: #59B2C4;

	text-decoration: none;

	background-image: url(../images/navi_hver.png);

	background-repeat: no-repeat;

	background-position: left;

}



#active_menu {

	color: #59B2C4;

	background-image: url(../images/navi_hver.png);

	background-repeat: no-repeat;

	background-position: left;

}



/* Joomla Anweisungen */



/* default joomla styles */



.contentpaneopen{

	width: 100%;

}



.contentpane{

	width: 100%;

}



div.componentheading {

	color: #20B2AA;

	font-size: 200%;

	line-height: 120%;

	font-family: Arial,Verdana,Helvetica,sans-serif;

	background: url('../images/content_heading_icon.png') no-repeat 0 5px;

	text-indent: 32px;

	border-bottom: 1px #20B2AA dotted;

}

.contentheading{

	color: #20B2AA;

	font-size: 200%;

	line-height: 120%;

	font-family: Arial,Verdana,Helvetica,sans-serif;

	background: url('../images/content_heading_icon.png') no-repeat 0 5px;

	padding: 0 0 0 30px;

	border-bottom: 1px #20B2AA dotted;

}



.small, .createdate, .modifydate {

	color: #9D9D9D;

	font-family: Arial,Verdana,Helvetica,sans-serif;

}

a.readon {

	font-size: 110%;

	font-family: Arial,Verdana,Helvetica,sans-serif;

	float: right;

	background: url('../images/readon.png') 0 3px no-repeat;

	text-indent: 16px;

}



/*---- joomla styles ----*/



table.contenttoc {

color: #333300;

border: 1px solid #333;

}

table.contenttoc td {

font-size: 0.9em;

font-weight: normal;

text-align:left;

}

table.contenttoc {

margin: 5px;

border: 1px solid #ccc;

padding: 5px;

}

table.contenttoc td {

padding: 0 5px;

}

td.buttonheading {

width:auto;

padding-right: 2px;

}

div.mosimage {

margin: 5px;

}

div.mosimage_caption {

font-size:0.9em;

color: #666;

}

.pagenav {

line-height:3em;

background-color: #EEEEEE;

color: #73819C;

padding: 3px 5px 3px 3px;

}

.pagenav_prev {

line-height: 3em;

font-weight: normal;

}

.pagenav_next {

line-height: 3em;

font-weight: normal;

}

div.syndicate div {

text-align: center;

}

.sectiontableheader {

color: #FFF;

background:#6495ED;

font-weight: bold;

font-family: Arial, Helvetica, sans-serif;

padding: 4px;

}

tr.sectiontableentry1 td {

padding: 4px;

color: #666666;

background-color: #F8F8F8;

font-family: Arial, Helvetica, sans-serif;

}

tr.sectiontableentry2 td {

padding: 4px;

color: #666666;

background-color: #EFEFEF;

font-family: Arial, Helvetica, sans-serif;

}

td.sectiontableentry1 {

padding: 3px;

color: #666666;

background-color: #F8F8F8;

font-family: Arial, Helvetica, sans-serif;

}

td.sectiontableentry2{

padding: 3px;

color: #666666;

background-color: #EFEFEF;

font-family: Arial, Helvetica, sans-serif;

}





/*---- link styles ----*/



a.contentpagetitle:link, a.contentpagetitle:visited {

	color: #20B2AA;

	text-decoration: none;

}

a.contentpagetitle:hover {

	color: #C8AA00;

	text-decoration: none;

}

img,a.img {

border: 0;

}

.sectiontableentry2 a  {

color: #73819C;

text-decoration: none;

font-weight: bold;

}

.sectiontableentry1 a  {

color: #73819C;

text-decoration: none;

font-weight: bold;

}

.sectiontableentry2 a:hover {

color: #333333;

text-decoration: none;

font-weight: bold;

}

.sectiontableentry1 a:hover {

color: #333333;

text-decoration: none;

font-weight: bold;

}

a.category:hover {

color:#FF3300;

}



/*----- Formulare ---*/



input {

font-size: 1em;

padding: 0.12em;

margin: 2px 0 2px 0;

color: #808080;

background-color: #F0F0F0;

border: 1px solid #CCCCCC;

}

textarea {

font-size: 1em;

color: #808080;

background-color: #F0F0F0;

border: 1px solid #CCCCCC;

}

select {

font-size: 1em;

color: #808080;

background-color: #F0F0F0;

}

.button {

font-size: 1em;

padding: 0.12em;

margin:0;

color: #808080;

background-color: #F0F0F0;

border: 1px solid #CCCCCC;

}





/* TIPS, ERROR, MESSAGE, HIGHLIGHTS*/



.error {

	padding: 10px 10px 10px 25px;

	color: #B22222;

	font-size: 14px;

	border-top: 3px dotted #900;

	border-bottom: 1px dotted #900;

	display: block;

	background-color: #ECF6FF;

}



.message {

	padding: 10px 10px 10px 25px;

	color: #1E90FF;

	font-size: 14px;

	border: 1px solid #1E90FF;

	border-left: 5px solid #1E90FF;

	display: block;

	background-color: #ECF6FF;

}



.tips {

	padding: 10px 10px 10px 25px;

	color: #6495ED;

	font-size: 14px;

	border: 1px dotted #CCAE00;

	background: #FFF9D4;

	display: block;

	margin: 5px 2px 5px 2px;

}



.kontakt{

	padding: 10px 10px 10px 25px;

	color: #6495ED;

	font-size: 14px;

	border: 1px solid #CCCCCC;

	border-left: 10px solid #6495ED;

	border-right: 10px solid #6495ED;

	background: #FFF9D4;

	display: block;

	margin: 5px 2px 5px 2px;

}



.notiz{

	padding: 10px 10px 10px 25px;

	color: #6495ED;

	font-size: 14px;

	border: 1px solid #CCCCCC;

	border-top: 10px solid #6495ED;

	background: #FFF9D4;

	display: block;

	margin: 5px 2px 5px 2px;

}



.highlight {

	background: #FFF6C3;

	font-weight: bold;

	color: #5D5000;

}





.searchintro{

	border: 1px solid #CCCCCC;

	padding: 4px;

	width: 100%;

	background-color: #F0F0F0;

}



.contenttoc{

	border: 1px solid #CCCCCC;

	padding: 2px;

	margin: 2px;

	background: #E2EBF4;

}



.contenttoc th{

	background-color: #4682B4;

	color: #FFFFFF;

	padding: 2px;

	font-size: 100%;

}



.toclink{

	color: #666666;

	font-size: 100%;

}



.pagenavcounter{

	padding: 2px 5px 2px 5px;

	margin: 0px 0px 10px 0px;

	font-size: 100%;

	font-weight: bolder;

	border-left: 5px solid #4682B4;

}



.pagenavbar{

	padding: 2px 4px 2px 4px;

	margin: 5px;

	color: #4682B4;

	font-weight: bold;

	text-decoration: none;

	font-size: 100%;

	text-align: center;

}



#mod_login_username, #mod_login_password {

	width: 97%;

	background-repeat: repeat;

	background-color: #EAEAEA;

	padding: 1px;

	margin: 0px;

	border: 1px solid #CCCCCC;

}



div.mosimage {

	border: 2px solid #E6C400;

	margin: 5px;

	padding: 2px;

	background: #FFEF8E;

	color: #6495ED;

	font-size: 90%;

}



.mosimage {

	margin: 5px;

	padding: 2px;

	background: #FFEF8E;

}



.mosimage_caption {

	color: #6495ED;

	font-size: 90%;

}



.copy{

	font-size: 95%;

	font-weight: normal;

	color: #6B6B6B;

}



.descript{

	text-indent: -5000px;

	text-decoration: none;

}