/*
Theme Name: Göttinger Institut für Demokratieforschung
Theme URI: http://www.demokratie-goettingen.de
Description: Template für Göttinger Institut für Demokratieforschung
Version: 1.0
Author: Fahnstock

*/

@import "css/reset.css";

/*
####################################################################
BASIC STRUCTURE
#################################################################### */
body {
        background:url(images/background.png) repeat #eee;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Tahoma, Helvetica, Arial, sans-serif;
	margin: 0;
	color:#555;
	line-height:20px;
	font-size:12px;
        
}

.left {float:left;}
.right {float:right;}

#wrapper {
        width:856px;
        margin: 0 auto;
        padding:0;
}

#link {width:856px;height:165px;background:url(images/logo2.png) no-repeat;}
#header {
        width:846px;
        padding:0 5px;
        margin:0;
        background: url("images/back_navbar_grau.png") repeat-y center center transparent;
}
       
#page { 
        padding:0;
        width:851px;
        padding:0 5px 0 0;
        background: url("images/back_content.png") repeat-y right center transparent;
             
}

#navbar {
        width:846px;
        height:77px;
        font-size:12px;
        line-height:1;
        border-bottom:1px solid #222;
}

.post, .post2 {
        padding:10px 20px 10px 20px;
        border-top:5px solid #ccc;
        
}

.postdetails {
        color:#aaa;
        margin:7px 0 7px 0;
        font-size:11px;



}


#content1, #content2, #content3, #content4, #content5, #content6, #content7 {
        background-position: 0 0;
        background-repeat:no-repeat;
	width:571px;
	margin:0;
        padding:201px 0 0 0;  
        -moz-border-radius:0 0 10px 10px;
        border-bottom-left-radius:10px;
        -webkit-border-bottom-left-radius:10px;
        -khtml-border-bottom-left-radius:10px;
        border-bottom-right-radius:10px;
        -webkit-border-bottom-right-radius:10px;
        -khtml-border-bottom-right-radius:10px;
}

#content1 {background-image:url(images/bild8.png);}
#content2 {background-image:url(images/bild10.png);}
#content3 {background-image:url(images/bild4.png);}
#content4 {background-image:url(images/bild9.png);}
#content5 {background-image:url(images/bild5.png);}
#content6 {background-image:url(images/bild6.png);}
#content7 {background-image:url(images/bild11.PNG);}

#content-bottom {
	width:581px;
        height:15px;
	margin:0;
        background: url("images/back_content_bottom_hell.png") repeat-y center center transparent;
}
#logos {
     width:1000px;
}

.greywidget1, .greywidget2, .greywidget3, .greywidget4, .greywidget5, .greywidget6, .greywidget7 { 
         background-color:#fff;
         height:200px;
         opacity:0.3;
         filter: alpha(opacity = 30);
         position:relative; 
         z-index:2;
         background-position:0 0;
}

.greywidget1 {background-image:url(images/bild8a.png);}
.greywidget2 {background-image:url(images/bild10a.png);}
.greywidget3 {background-image:url(images/bild4a.png);}
.greywidget4 {background-image:url(images/bild9a.png);}
.greywidget5 {background-image:url(images/bild5.png);}
.greywidget6 {background-image:url(images/bild6a.png);}
.greywidget7 {background-image:url(images/bild11a.PNG);}

#suche {
        margin-top:-200px;
        height:26px; 
        padding:164px 10px 10px 10px;
        background:none;
        position:relative; 
        z-index:5;
}

#bild {
	width:846px;
	margin:0;
        padding:0px;
        background: url("images/foto.png") no-repeat center center #fff;
        height:200px;
}
	
#sidebar {
	width: 275px;
	margin:0;
        padding-left:5px;
        background: url("images/back_sidebar.png") repeat-y left center transparent;
	line-height:18px;
	font-size:11px;
}
	
#sidebar-bottom {
	width: 280px;
        height:25px;
	margin:-5px 0 0 -5px;
        background: url("images/back_sidebar_bottom_hell.png") repeat-y center center transparent;
}

.whitewidget {
         padding:1px 10px 10px 10px;
         background:#fff;
         width:254px;
         border-right:1px solid #ccc;
         border-top:5px solid #ccc;
         margin-top:1px;
		 font-weight:normal;
}

.blogpost {
         background:#fff;
         border-top:5px solid #ccc;
         margin:10px 0px 15px -20px;
         width:531px;
         padding:0 20px;
         text-align: left;
}

.sidebox {

         }

#newsletter-top {
        cursor:pointer;
        font-size:11px;
        color:#222;
        letter-spacing:0.5px;
        background:#ccc; 
        width:255px;
        padding:4px 10px 0px 10px;
        font-weight:bold;
		border-top:1px solid #ffffff;
}

#datenschutz {
        cursor:pointer;
        font-size:11px;
		font-color: #000;
        color:#222;
        letter-spacing:0.5px;
        background:#ccc; 
        width:255px;
		height:25px;
        padding:5px 10px 0px 10px;
        font-weight:bold;
		
}

#newswidget {
        width:255px;
        padding:10px 10px 0 10px;
        background:#ccc;
}

.widget_text {
        float:left;
        font-size:10px;
        padding:0 0 10px 0;

        width:110px;
}

.widget_text ul {margin:0;padding:0;}


.topwidget { 
}

#sidebar li {
	list-style: none outside none;
}
	
#footer {
        text-align:center;
	padding: 10px 10px 0px 10px;
        color:#aaa;
        background:url(images/back_footer.png) #ccc;
        width:561px;
        font-size:11px; 
        line-height:17px;
}
#contentraum {
        text-align:center;
	    padding: 0px 10px 0px 10px;
        color:#aaa;
        background:url(images/back_content.png) #ccc;
        width:561px;
        height:40px;
        display:block;
}

.left {
	float: left;
}

.right {
	float: right;
}



.clear:after, .box:after, .post:after, .post2:after, .top:after, .nav:after, .nav ul:after,  #page:after, .navigation:after, #footer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


#slider ul, #slider li,
#slider-small ul, #slider-small li{
margin:0;
padding:0;
list-style:none;
}

#slider {
width:571px;
height:139px;
overflow:hidden;
background:#ccc;
position:relative;
z-index:1;
}

#slider li {
width:571px;
height:139px;
overflow:hidden;
}

#slider-small {
width:254px;
overflow:hidden;
margin-left:-10px;
}

#slider-small li {
width:254px;
overflow:hidden;
}

#slidernav {
height:15px;
display:block;
padding:0;
margin:-87px 10px 72px 10px;
position:relative;
z-index:5;
}

span#prevBtn, span#nextBtn{}

span#prevBtn{float:left;}
span#nextBtn{float:right;}

a.prevBtn{
        width:31px;
        height:41px;
        display:block;
	background: url("/content/themes/demokratie/images/btn_prev2.png") no-repeat left top;
}

a.nextBtn{
        width:31px;
        height:41px;
        display:block;
	background: url("/content/themes/demokratie/images/btn_next2.png") no-repeat right top;
}

#cover {
        background:url(images/kein-cover.png) no-repeat 5px 5px #fff;
        width:141px;
        font-size:11px;
        padding:5px;
        border:1px solid #e2e2e2;
        text-align:center;
        margin-left:50px;
        border-radius:5px;
        -moz-border-radius:5px;
        -khtml-border-radius:5px;
        -webkit-border-radius:5px;
}

#cover2 {
        background:url(images/kein-cover.png) no-repeat 5px 5px #fff;
        width:85px;
        height:120px;
        font-size:11px;
        padding:3px;
        border:1px solid #aaa;
        float:left;
        border-radius:5px;
        -moz-border-radius:5px;
        -khtml-border-radius:5px;
        -webkit-border-radius:5px;
        margin:8px 0 3px 50px;
}

#abstract {
        width:340px;
        font-size:11px;
        padding:2px 20px 2px 5px;
        float:right;
        margin:8px 50px 3px 0;
        overflow:hidden;
}

#portrait {
        background:no-repeat center center #fff;
        width:275px;
        text-align:right;
        margin:0 0 1px -10px;
}

/*
####################################################################
TEXT GENERIC
#################################################################### */

h1, h1 a, h1 a:link, h1 a:visited, h1 a:active, h1 a:hover{
	font-size: 20px;
        color:#aaa;
	margin: 5px 0 15px 0;
        letter-spacing:2px;
        font-weight:normal;
        font-family:Georgia, Palatino, "Palatino Linotype", "Times New Roman", Times, serif;
        line-height:26px;
}

h2 {
	font-size: 10px;
        color:#fff;
	margin: 30px 0 15px -2px;
        letter-spacing:2px;
        background:url("images/black50.png") repeat-x scroll center center #555;
        display:block;
        padding:2px 8px;
        font-weight:bold;
        text-transform:uppercase;
}

h2 a, h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {
	font-size: 11px;
        color:#fff;
        letter-spacing:2px;
}

h3 {
        font-size:18px;
        color:#275b76;
        letter-spacing:1px;
        font-weight:normal;
        font-family:Georgia, Palatino, "Palatino Linotype", "Times New Roman", Times, serif;
        margin:1px 0 10px -20px;
        width:531px;
        background:#eee;
        border-top:1px solid #ddd;
        border-bottom:1px solid #ddd;
        padding:5px 20px;
        line-height:22px;
}

h3 a, h3 a:link, h3 a:visited, h3 a:active, h3 a:hover {
        font-weight:normal;
        color:#275b76;
        line-height:22px;
}

#newsletter .widgettitle {display:none;}

.post h4, .post2 h4 {
        font-size:12px;
        color:#222;
	margin: 25px 0 5px 0;
        font-weight:bold;
}

.post h4 a, .post h4 a:link, .post h4 a:visited, .post h4 a:active, .post h4 a:hover,
.post2 h4 a, .post2 h4 a:link, .post2 h4 a:visited, .post2 h4 a:active, .post2 h4 a:hover {
        font-size:12px;
        color:#222;
        letter-spacing:0.5px;
        font-weight:bold;
        text-decoration:underline;
}

#sidebar h4 {
        font-size:11px;
        color:#222;
	margin: 15px 0 5px 0;
        letter-spacing:0.5px;
        font-weight:bold;
}

#sidebar h4 a, #sidebar h4 a:link, #sidebar h4 a:visited, #sidebar h4 a:active, #sidebar h4 a:hover {
        font-size:11px;
        color:#222;
        letter-spacing:0.5px;
        font-weight:bold;
        text-decoration:underline;
}
 
h5 {
        font-size:13px;
        color:#222;
        letter-spacing:0.5px;
        font-weight:bold;
}

h6, h6 a, h6 a:link, h6 a:visited {
        font-size:14px;
        color:#222;
        letter-spacing:0.5px;
        font-weight:bold;
        
}

h6 a:active, h6 a:hover {
        font-size:14px;
        color:#275b76;
        letter-spacing:0.5px;
        font-weight:bold;
}

.h7 {
        font-size:14px;
        color:#275b76;
        letter-spacing:1px;
        font-weight:normal;
        font-family:Georgia, Palatino, "Palatino Linotype", "Times New Roman", Times, serif;
        margin:0px 0 10px -10px;
        width:254px;
        background:#eee;
        border-top:1px solid #ddd;
        border-bottom:1px solid #ddd;
        padding:3px 10px;
        display:block;
}

.h7 a, .h7 a:link, .h7 a:visited, .h7 a:active, .h7 a:hover {
        font-weight:normal;
        color:#275b76;
}

.h8, .h8 a, .h8 a:link, .h8 a:visited, .h8 a:active, .h8 a:hover{
	font-size: 20px;
        color:#fff;
	margin: -15px -20px;
        letter-spacing:2px;
        font-weight:normal;
        font-family:Georgia, Palatino, "Palatino Linotype", "Times New Roman", Times, serif;
        line-height:48px;
        background:#ccc;
        padding:0 0 0 20px;
}


blockquote {
background:url("images/quote.png") no-repeat scroll left top transparent;
margin:20px;
padding:4px 26px;
width:450px;
}

#fold{
        font-size:11px;
        padding:7px 0 7px 9px;
        background:#444;
        color:#fefefe;
        border-top:1px solid #eee;
        width:133px;
        line-height:1;
}

#up { background:url(images/up.png) no-repeat;width:9px;height:5px;display:block;float:left;margin:4px 4px 4px 0;}
#down { background:url(images/down.gif) no-repeat right top;width:10px;height:16px;display:block;float:right;}
#prev { background:url(images/prev.png) no-repeat;width:11px;height:6px;display:block;float:right;margin:4px 10px;}
#next { background:url(images/next.png) no-repeat;width:11px;height:6px;display:block;float:right;margin:4px 10px;}

#toggle {}

#pages-3 h3 {display:none;}

p,ul,ol {
	margin:0 0 16px 0;
}

#newsletter p {margin:0;}

hr {margin:20px 0;height:0px;border-bottom:1px solid #ddd;background:#fff;border-top:none;border-left:none;border-right:none;}

.date {color:#aaa;}

/*
####################################################################
LINKS
#################################################################### */
a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	outline: none;
	cursor: pointer;
        font-weight:bold;
        color:#555;
}

a:hover, a:active {
	text-decoration: none;
	outline: none;
	cursor: pointer;
        font-weight:bold;
        color:#222;
}

.blogpost p a, .post p a, .post2 p a,
.blogpost ul a, .post2 ul a {text-decoration:none;}

/*
####################################################################
POSTS / PAGES
#################################################################### */

.post img, .post2 img, .row img, .box img {
	background: #eee;
        padding:3px;
        border:1px solid #aaa;
        float:left;
        border-radius:5px;
        -moz-border-radius:5px;
        -khtml-border-radius:5px;
        -webkit-border-radius:5px;
        margin:0 15px 5px 0;
}

img.icon {background:none;border:none;padding:0;margin:0 7px -1px 0;float:none;-moz-border-radius:0px;-khtml-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}

.post ul, .post li, .post2 ul, .post2 li, .children ul, .children li, .children ol { list-style:disc outside none;}
.post ol li, .post2 ol li {margin-left:19px;list-style:decimal outside none;}
.post ul, .post2 ul {margin-left:15px;}
.post li a, .post2 li a, #footer a {font-weight:normal;}

.whitewidget ul li {}

.children ul ul {display:none;}

.tags, .tags a {font-family:Georgia, Palatino, "Palatino Linotype", "Times New Roman", Times, serif;color:#275B76;letter-spacing:0.5px;font-weight:normal;text-align:justify;}
.tags a:hover {color:#39C;}

/*
####################################################################
FORM
#################################################################### */

input, textarea, .s, #opt_email, #opt_name {
        height:16px;
        font-size:11px;
	padding: 5px 6px 3px 6px;
	color:#333;
	border:1px solid #aaa;
        background:#fff;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
        border-color:#888;
}

textarea, .s, #opt_email, #opt_name {
	width:202px;
}

input {
	width:240px;
}


#opt_name {margin-bottom:5px;}

.s, #opt_email  {
        -moz-border-radius:5px 0 0 5px;
        border-top-right-radius:0;
        border-bottom-right-radius: 0;
        -khtml-border-top-right-radius: 0;
        -khtml-border-bottom-right-radius: 0;
        -webkit-border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        border-right:none;
        float:left;
}
	
.searchform {
       	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}
textarea {width: 492px;resize: vertical;}
		
input:hover, textarea:hover, input:focus, textarea:focus {border-color: #777;}
	
input.submit, input[type=submit] {
	font-size:0px;
        height:26px;
	border:1px solid #555;
	-moz-border-radius:5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
        background:#555;
        color:#eee;
        width:40px;
        background-image:url(images/news.gif);
        background-position:center center;
        background-repeat:no-repeat;
        margin:5px 0 10px 0;
}

input.searchSubmit {
        background-image:url(images/lupe.gif);
        -moz-border-radius:0 5px 5px 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        -khtml-border-top-left-radius: 0;
        -khtml-border-bottom-left-radius: 0;
        -webkit-border-top-left-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        margin:0;
	font-size:0px;
}

input.newsSubmit {
        background-image:url(images/news.gif);
        -moz-border-radius:0 5px 5px 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        -khtml-border-top-left-radius: 0;
        -khtml-border-bottom-left-radius: 0;
        -webkit-border-top-left-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        margin:0;
	font-size:0px;
}

input.submit:hover, input[type=submit]:hover, input.submit:focus, input[type=submit]:focus,
input.submit:active, input[type=submit]:active {
	background-color: #5b5b5b;
}

label {
	font-weight: normal;
	margin: 6px 0 0 2px;
        display:block;
        font-size:11px;
        color:#222;
        text-transform:none;
}

.clear {
	clear:both;
	}


/*
####################################################################
MENUBAR
#################################################################### */

.menu, .menu * {
	margin:	0;
	padding:0;
	list-style:none;
}
.menu {
	line-height:1.0;
	float:left;
	width:100%; 
}

.menu li li {display:none; visibility:hidden;}

.submenu1 ul, .submenu2 ul, .submenu3 ul, .submenu4 ul, .submenu5 ul, .submenu6 ul, .submenu7 ul {
        float:left;
        width:987px;
	top:-999em;
        margin:0;
	background:none;
}

.submenu1 ul {width:848px;}
.submenu2 ul {width:727px;margin-left:121px;}
.submenu3 ul {width:606px;margin-left:242px;}
.submenu4 ul {width:485px;margin-left:363px;}
.submenu5 ul {width:364px;margin-left:484px;}
.submenu6 ul {width:243px;margin-left:605px;}
.submenu7 ul {width:122px;margin-left:726px;}

.submenu1 a, .submenu2 a, .submenu3 a, .submenu4 a, .submenu5 a, .submenu6 a {width:104px;border-right:1px solid #222;border-top:1px solid #222;}

.submenu7 a {width:104px;border-top:1px solid #222;}

.eins a, .zwei a, .drei a, .vier a, .funf a, .sechs a {width:104px;border-right:1px solid #222;border-top:1px solid #222;}
.sieben a {width:104px;border-top:1px solid #222;}

.menu ul li {
	width:	100%;
}

.menu li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}
.menu li {
	float:left;
	position:relative;
}

.submenu1 li, .submenu2 li, .submenu3 li, .submenu4 li, .submenu5 li, .submenu6 li, .submenu7 li {
	float:left;
	width: 121px;
}

.menu a {
	display:block;
	position:relative;
        margin:0;
}

.menu li a {
	font-size:13px;
	color:#fff;
        padding:31px 8px 6px 8px;
        height:13px;
        letter-spacing:1px;
        background:url(images/black50.png) repeat-x transparent;
        border-bottom:1px solid #222;
        font-weight:normal;
}

.submenu1 li a, .submenu2 li a, .submenu3 li a, .submenu4 li a, .submenu5 li a, .submenu6 li a, .submenu7 li a {
	font-size:11px;
	color:#000;
	width: 110px;
        background:#ccc;
        padding:7px 3px 7px 8px;
        height:11px;
        border:none;
        font-weight:normal;
        display:block;
}

.submenu1 li.last a, .submenu2 li.last a, .submenu3 li.last a, .submenu4 li.last a, .submenu5 li.last a, .submenu6 li.last a, .submenu7 li.last a  {	width: 108px;}

.menu li.selected a, 
.menu li.current-cat a, 
.menu li.current-cat-parent a, 
.menu li.current_page_item a, 
.menu li.current_page_parent a,
.menu li.current_page_ancestor a {
        background:url(images/grey50.png) repeat-x transparent;
	color:#000;
        border-bottom:1px solid #ccc;
}

.menu li.right {
	float: right;
}

.menu li.right a, 
.menu li.right form {

}


.menu li:hover ul,
.menu li.wpm-hover ul {
	left:0;
	top:2.5em; /* match top ul list item height */
	z-index:99;
}
ul.menu li:hover li ul,
ul.menu li.wpm-hover li ul {
	top:-999em;
}
ul.menu li li:hover ul,
ul.menu li li.wpm-hover ul {
	left:10em; /* match ul width */
	top:0;
}



/*** arrows **/
.menu a.sf-with-ul {
	min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	display:none;

}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	display:none;
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.wpm-hover > a > .sf-sub-indicator {
}

/* point right for anchors in subs */
.menu ul .sf-sub-indicator { background-position:  -10px 0; }
.menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.menu ul a:focus > .sf-sub-indicator,
.menu ul a:hover > .sf-sub-indicator,
.menu ul a:active > .sf-sub-indicator,
.menu ul li:hover > a > .sf-sub-indicator,
.menu ul li.wpm-hover > a > .sf-sub-indicator {
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {

}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

.menu-wrap {
}

.menu form {
	margin: 0;
	padding: 0;
	background: url('searchbox.png') no-repeat center center;
	height: 30px;
	width: 195px;
	border-right:1px solid #8EC3F7;	/* border color */	
}

.menu form input.wpm-text {
	border: 0;
	background: transparent;
	margin: 6px 0 0 6px;
	width: 154px;
	}

.menu form input.wpm-submit {
	border: 0;
	background: transparent;
	cursor: pointer;
	height: 20px;
	width: 26px;
}

.menu-after {
	clear: both;
	margin: 0;
	padding: 0;
}

.blind, .blind ul, .blind li {display:none;visibility:hidden;}