/* GLOSSAR 
Autor: Lutz Essers, der springende punkt kommunikation gmbh, Köln (http://dspkomm.de)
Fassung: 07.2010

Farben:
rgb(236,236,232) (Footer Backgroud)
RGB((159,23,39) (rot)
#107bcc (blau, Links)
rgb(22,86,216)(blau)


Durch html5.js angemeldet: abbr,article,aside,audio,canvas,datalist,details,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video */
/*-----------------------------------------*/

html { }


/*STRUKTUR*/
body, p, ul li {
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
line-height:16px; 
margin-bottom: 10px;
color: #000;
font-weight: normal;
}

div#container {
	margin: 0 auto;
	width: 960px; 
	border: 1px solid rgb(236,236,232);
	position: relative;
	}

header { 
	position: relative;
	}
	

	
hgroup { }
#content { 
	float: left;
	display: inline;
	margin: 80px 0 40px 35px;
	width: 500px;
	}
		
#content_galerie { 
	float: right;
	display: inline;
	margin: 75px 80px 40px  0;
	width: 400px;
	}	
	
article { }
figure { }
aside { 
	float: left;
	display: inline;
	margin: 80px 0 0 60px;
	width: 210px;
	}
menu { }
nav { }

footer { 
	background-color:rgb(236,236,232);
	height: 50px;
	padding: 32px 20px 0 20px;
	font-size: 10px;
}

img { }
/*-----------------------------------------*/


/*TYPOGRAFIE*/
h1, h2, h3, h4, h5, h6 {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }

h1 {
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
line-height: 24px;
color: rgb(159,23,39); 
margin-bottom: 20px;
 }
 
h2 {
	color: rgb(159, 23, 39);
	line-height: 24px;
	font-size: 18px;
	margin-bottom: 50px;
	font-weight: bold;
}

h3 {
	color: #666;
	font-size: 12px;
	font-weight: bold;
	margin-top: 20px;
}

h4 {	
	color: rgb(159, 23, 39);
	font-size: 11px;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

#galeriedaten h4 {	
	color: rgb(159, 23, 39);
	font-size: 14px;
	font-weight: bold;
}

section.uebersicht {
	position: relative;
	margin: 0px 0 30px 0px;
	width: 550px;
/*		background: rgb(224,221,206);
		background: rgb(239,238,231);*/
}

section.uebersicht h3{
margin: 20px 0 8px 0px;
padding:3px 0 4px 10px; 
border-bottom: rgb(159,23,39) solid 1px;
	background: url('img/quad5.gif') no-repeat left bottom;
color: #444;
}

section.uebersicht p {
margin: 0px 0 0px 50px;
}

h5 { }
h6 { }

p, ul {

 }
 
ol { }

#galeriedaten {
	width: 180px;
	padding: 5px;
	margin: 35px 400px 20px 270px;
	background-color:rgb(236,236,232);
	background-color:rgb(228,233,197);
	background: rgb(224,221,206);
	background: #c9c371;
	background: rgba(172,167,42, .6);
	color: black;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 3px 7px 20px #ddd;	/* webkit browser*/ 
	-moz-box-shadow: 3px 7px 20px #ddd;	/* firefox */ 
	box-shadow: 3px 7px 20px #ddd;
	background:-moz-linear-gradient(left top, rgba(172,167,42, .5), rgba(172,167,42, .8)); /* Firefox */
	background:-webkit-gradient(linear, left top, right bottom, from(rgba(172,167,42, .5)), to(rgba(172,167,42, .8))); /* Safari, Chrome */
}

#galeriedaten h4 {	
	text-shadow: rgba(255,255,255,.3) -1px -1px 0px, rgba(0,0,0,.3) 1px 1px 0px;
	}
	
#galeriedaten a {
	color: #454719;
	color:rgb(22,86,216);
	}
#galeriedaten a:hover {color: rgb(159,23,39);}


/*dl#galeriedaten {
	float: left;
	display: inline;
	width: 180px;
	padding: 5px;
	margin: 80px 0 0 20px;
	border-left: 1px #ccc dotted;
	background-color: #fee;
	
} */

#photographen a {
	
}


dt {
	font-weight: bold;
	margin-top: 5px;
	font-size: 11px;
}

dd {
	font-size: 11px;
	padding-bottom: 3px;
}

p, ul {
	display: block;
	line-height: 17px;
	font-size: 11px;
}

#teaser {
	color: rgb(159, 23, 39);
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

strong {font-weight: bold;}
em {font-style: italic;}
/*-----------------------------------------*/


/*LINKS*/
a {text-decoration:none;}

a:link { 
color:rgb(22,86,216);
}

a:visited { 
color:rgb(22,86,216);
}

a:hover {
color: rgb(159,23,39)
}

a:active { 
color:rgb(22,166,235);
}
/*-----------------------------------------*/


/*KLASSEN*/
.nodot {list-style-type: none;}
.hidden {display: none;}
.abst_o {margin-top: 3px;}
.abst_u {margin-bottom: 3em;}
.clear {clear: both;}
.inline {display:inline;}
.small {
	font-size:10px;
}
.replace {
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	}
	
.rot {color: rgb(159,23,39);}
.rechts {float: right;}

b{
font-weight: bold;
color: rgb(159,23,39)
}

.sp3 {
	-webkit-column-count: 2;
	-webkit-column-width: 50%;
	-webkit-column-gap: 10px;
	-moz-column-count: 3;
	-moz-column-width: 30%;
	-moz-column-gap: 10px;
	}
	
.tag {
border-bottom: rgb(159,23,39) solid 3px;
color:#444;
}

.nummer {
padding-right: 20px;
}	
	
.teaser {
font-weight: bold;
color: rgb(159,23,39);
padding-bottom: 20px;
}

.sponsor {
	float: right;
	margin: -30px 27px 0px 0;
}	

.impressum p {
margin-bottom: 20px;	
}	

.impressum h4 {
	margin-bottom: 8px;
	}
	
.impressum li {
	list-style-type: square;	
	margin-bottom: 3px;
}

.bildimtext_l {
display: inline;
float: left;
margin: 3px 10px 0 0;
border: 3px solid #999;
height: 150px;
}

.uebersicht a,
#photographen a {
color: #666;
	-webkit-transition:color .2s ease-in-out;
	-moz-transition:color .2s ease-in-out;
	-o-transition:color .2s ease-in-out;
	transition:color .2s ease-in-out;
}

#photographen a:hover,
.uebersicht a:hover {
color: rgb(159,23,39);
}

.sisea-highlight {
	background: rgb(247,235,150);
}

/*-----------------------------------------*/


/*NAVIGATION*/
#nav-main {
	margin: 5px 0 0 10px;
	}
	

#nav-main li {
	display:inline;
	font-family: Helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-right: 10px;
}

#nav-main a {
	font-size: 12px;
color: #666;
padding: 0 3px 0 5px;
text-decoration: none;
list-style-type: none;
}


#nav-main li.active a,
#nav-main a:hover {
color: rgb(159,23,39);
}

#nav-add {
	margin-bottom: 30px;
	}

.inner {
margin: 3px 0 0 0px;
border-left: 1px rgb(159,23,39) solid;

}

.inner li{
margin: 5px 0;
padding: 0px 6px;
color: RGB((159,23,39);
}

#nav-add a,
#nav-add li {
font-size: 11px;
line-height: 13px;
padding-bottom: 3px;
font-weight: bold;
}



#nav-add a,
#nav-add li a {
color: #666;
	-webkit-transition:color .2s ease-in-out;
	-moz-transition:color .2s ease-in-out;
	-o-transition:color .2s ease-in-out;
	transition:color .2s ease-in-out;
}

#nav-add li.active ul li a {
color: #777;
font-weight: normal;
}

#nav-add li.active a {
color: rgb(159,23,39);
font-weight: bold;
}

#nav-add a:hover,
#nav-add a.active,
#nav-add li a:hover,
#nav-add li.active ul li a:hover
/*#nav-add li a:active,
#nav-add li.active a */ {
color: rgb(159,23,39);
font-weight: bold;
}

#nav-add ul.outer li.navparent ul.inner li.navparent a {
color: rgb(159,23,39);
	}


#nav-service {}
#nav-service li {}
#nav-service li a {}
/*-----------------------------------------*/


/*IDs*/
#logo {	
	background: url('img/ipk-schriftzug.gif') no-repeat center center;
	float: right;
	width: 281px;
	height: 26px;
	margin: 10px 100px 0 0;
	}
	
#logomaske {
	position: absolute;
left: 5px;
bottom: 5px;
}

ul#newssection {
list-style-type: none;
}

ul#newssection li{
font-size: 10px;
line-height: 15px;
margin-bottom: 10px;
}

#blaettern {
	margin-top: 30px;
	color: RGB(159,23,39);
	font-weight: bold; 
}

#stoerer1 {
position:absolute;
top: 270px;
right: 0px;
}

#stoerer2 {
position:absolute;
top: 210px;
right: 0px;
}

#stoerer1_klein {
position:absolute;
top: 145px;
right: 0px;
}

#stoerer2_klein {
position:absolute;
top: 95px;
right: 0px;
}

#map_canvas {
-moz-box-shadow:2px 2px 10px #333333;
-webkit-box-shadow:2px 2px 10px #333333;
box-shadow:2px 2px 10px #333333;
width: 400px;
height: 300px;
}

#map_canvas iframe{
width: 400px;
height: 300px;
}

#aufzu {
	cursor: pointer;
	margin-top: 10px;
	color:rgb(22,86,216);
}

#search {
	margin: -17px 10px 0 0;
	float: right;
}
/*----nur Bildseite----*/


#gallery {
width: 960px;
	}
		
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline;}
	#gallery ul img {
		border: 3px solid #999;
		border-width: 4px;
		margin-top: 10px;
	}
	#gallery ul a:hover img {
		border: 5px solid #bbb;
		border-width: 4px;
		color: #fff;
	}
	#gallery ul a:hover { color: #a2112a; }

.modell {
	text-align: right;
	margin: 50px 0px 0px 0;
	padding-left: 10px;
	width: 880px;
}

.modell.home {
	text-align: left;
	margin: 10px 0px 10px -11px;
}
/*----nur Bildseite----*/

.orte {
	margin-left: -50px;
	)